@import url('https://fonts.googleapis.com/css?family=Ubuntu:400,700&display=swap');
/*-------------------------------------------------------------------------------------------------*/
*, *::before, *::after {
  box-sizing: inherit;
}
html{
  box-sizing: border-box;
}
html,body,.wrapper,footer,header,form,a,.maingross,.mainklein,.formbuttonlinks,.formbuttonrechts{
  margin:0;
  padding:0;
}
body{
  font-family: 'Ubuntu', sans-serif;
  font-weight:400;
  color:#2d353c;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  background-color:#f8f9fa;
  margin:0 auto;
}
.wrapper{
  flex: 1 0 auto;
}
header{
  padding-top:1em;
  background-color:#fff;
}
header .logo{
  padding:22px 0 1em 10px;
}
header .logo img{
  max-width:194px;
  height:auto;
}
.menuelinks a,.menuemitte a{
  display:none;
}
#importbewertungen{
  display:none;
}
/*-------------------------------------------------------------------------------------------------*/
header a,.maingross a,.mainklein a,.footer a {
  font-family: 'Ubuntu', sans-serif;
  font-weight:700;
  position:relative;
  z-index: 1;
  display: block;
  padding: 15px;
  text-decoration: none;
  text-transform: uppercase;
}
.footer a,.maingross a,.mainklein a{
  border:none;
  margin: 0;
  background-color:#9e2b87;
  color:#fff;
  text-align:center;
}
.maingross a,.mainklein a{
  margin-bottom:1px;
  font-size:70%;
}
.footer a{
  margin-bottom:1px;
  font-size:80%
}
.footer a:nth-child(3){
  background-color:#425994;
}
.formbuttonlinks a,.formbuttonrechts a{
  background-color:#9a9a9a;
}
header a{
  border:none;
  color: #7d7d7e;
  margin: 0 10px;
}
header a,a,
header a:after,.maingross a:after,.mainklein a:after,.footer a:after,
header a:before,.maingross a:before,.mainklein a:before,.footer a:before {
  transition: all .5s;
}
header a:hover{
  color: #fff;
}
.footer a:hover {
  color: #2d353c;
}
.maingross a:hover,.mainklein a:hover {
  color: #9e2b87;
}
header a:after,.maingross a:after,.mainklein a:after,.footer a:after {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  width: 100%;
  height: 1px;
  content: '.';
  color: transparent;
  visibility: none;
  opacity: 0;
  z-index: -1;
}
header a:after{
  background: #9e2b87;
}
.footer a:after {
  background: #fff;
}
.maingross a:after,.mainklein a:after {
  background: #f8f9fa;
}
header a:hover:after,.maingross a:hover:after,.mainklein a:hover:after,.footer a:hover:after {
  opacity: 1;
  visibility: visible;
  height: 100%;
}
/*-------------------------------------------------------------------------------------------------*/
.missjavascript,.errordiv,.errordoppelt{
  background:#fac0d8;
  display:block;
  padding:10px;
  color:#d84983;
}
.missjavascript{
  text-align:center;
}
.errordiv{
  display:none;
  margin-bottom:1em;
}
/*-------------------------------------------------------------------------------------------------*/
footer {
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  align-items: stretch;
  padding: 1rem;
  background-color: #2d353c;
  color:#fff;
  z-index:100;
  text-align:center;
}
.copyright{
  width:100%;
}
.footer{
  width:100%;
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
h1,h2,h3,h4,h5,h6{
  font-family: 'Ubuntu', sans-serif;
  font-weight:700;
  color:#9e2b87;
}
h2{
  font-size:90%;
}
h4{
  font-size:80%;
  color:#2d353c;
}
/*-------------------------------------------------------------------------------------------------*/
.maingross,.mainklein{
  background:#fff;
  margin:4em auto;
  padding:1em;
  position:relative;
  z-index:1;
  background-color:#fff;
}
/*-------------------------------------------------------------------------------------------------*/
.group{
  position:relative;
  margin:2em 0 3em 0;
}
.group input,.group textarea{
  font-size:12px;
  font-size: calc(0.75rem + ((1vw - 2.8px) * 0.1408));
  text-decoration:none;
  display:block;
  border:none;
  width:100%;
  box-shadow:none;
  border-bottom:1px solid #9e2b87;
}
.group label{
  font-size:12px;
  font-weight:normal;
  position:absolute;
  pointer-events:none;
  left:5px;
  top:-5px;
  transition:0.2s ease all;
  -moz-transition:0.2s ease all;
  -webkit-transition:0.2s ease all;
}
.group input:focus ~ label,input.voll ~ label, .group textarea:focus ~ label,.group textarea.voll ~ label,label,.group input[readonly] ~ label,.group textarea[readonly] ~ label {
  top:-25px;
  left:0;
  font-size:12px;
  color:#9e2b87;
}
.group input[readonly],.group textarea[readonly] {
 background-color: #f8f9fa;
 pointer-events: none;
}
ul{
  list-style-type: none;
}
ul li{
  margin-left:-3em;
}
td ul li{
  margin-left:0;
}
.checkdisabled{
  pointer-events: none!important; cursor: default!important;
}
.forcheckinsidetable{
  margin-top:3.5em;
}
[type="checkbox"],[type="radio"] {
  border: 0                      !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  clip-path: inset(50%)          !important;
  height: 1px                    !important;
  width: 1px                     !important;
  overflow: hidden               !important;
  padding: 0                     !important;
  position: absolute             !important;
  white-space: nowrap            !important;
}
[type="checkbox"]:hover + label::before,.entscheidung li label:hover,[type="radio"]:hover + label::before {
  border-color: #9e2b87;
  cursor:pointer;
}
[type="checkbox"]:active + label::before,[type="radio"]:active + label::before {
  transition-duration: 0.2;
}
[type="checkbox"] + label,[type="radio"] + label {
  position: relative;
  padding: 6px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
[type="checkbox"] + label::before,[type="radio"] + label::before {
  background-color: #fff;
  border: 1px solid #2d353c;
  box-sizing: content-box;
  border-radius: 50%;
  content: '';
  color: #9e2b87;
  margin-right: 6px;
  top: 50%;
  left: 0;
  width: 24px;
  height: 24px;
  display: inline-block;
  vertical-align: middle;
}
[type="checkbox"] + label::after,
[type="radio"] + label::after {
  box-sizing: content-box;
  content: '';
  background-color: #9e2b87;
  position: absolute;
  top: 50%;
  left: 10px;
  width: 18px;
  height: 18px;
  margin-top: -8px;
  transform: scale(0);
  transform-origin: 50%;
  transition: transform 200ms ease-out, -webkit-transform 200ms ease-out;
}
[type="checkbox"] + label::before, [type="checkbox"] + label::after {
  border-radius: 0;
}
[type="checkbox"] + label::after {
  background-color: transparent;
  top: 50%;
  left: calc(6px + 1px + 24px/5);
  width: 12px;
  height: 4.8px;
  margin-top: calc(24px / -2 / 2 * 0.8);
  border-style: solid;
  border-color: #9e2b87;
  border-width: 0 0 3px 3px;
  border-radius: 0;
  -o-border-image: none;
     border-image: none;
  transform: rotate(-45deg) scale(0);
  transition: none;
}
[type="checkbox"]:checked + label::after {
  content: '';
  transform: rotate(-45deg) scale(1);
  transition: transform 200ms ease-out, -webkit-transform 200ms ease-out;
}
[type="radio"] + label::before, [type="radio"] + label::after {
  border-radius: 50%;
}
[type="radio"]:checked:active + label::before, [type="radio"]:checked:focus + label::before {
  animation: none;
  filter: none;
  transition: none;
}
[type="radio"]:checked + label::before {
  animation: none;
  background-color: #fff;
}
[type="radio"]:checked + label::after {
  transform: scale(1);
}
textarea:focus,input:focus,*:focus{
  outline: none;
}
/* ------------------------------------------------------------ */
.flexdatalist-results {
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid #9e2b87;
    border-top: none;
    background: #fff;
    z-index: 100000;
    max-height: 300px;
    overflow-y: auto;
    list-style: none;
    margin: 0;
    padding: 0;
}
.flexdatalist-results li {
    border-bottom: 1px solid #9e2b87;
    padding: 8px 15px 8px 4px;
    font-size: 14px;
    line-height: 20px;
    margin-left:0;
}
.flexdatalist-results li span.highlight {
    font-weight: 700;
    text-decoration: underline;
    color:#9e2b87;
}
.flexdatalist-results li.active {
    background: #ffd74e;
    color: #fff;
    cursor: pointer;
}
.flexdatalist-results li.no-results {
    background: #fac0d8;
    color: #d84983;
}
hr{
  border: 0;
  width: 100%;
  color: #fff;
  background-color: #fff;
  height:3px;
  margin-bottom:4em;
}
#imagePreview{
  width:100%;
  height:200px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin:1em 0;
}
input[type="file"] {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  white-space: nowrap;
  width: 1px;
}
.inlinie{
  display:flex;
  flex-direction:row;
  flex-wrap: wrap;
}
.inlinie label{
  margin-right:60px;
}
.auswertung{
  margin-left:-4em;
}
.auswertung li{
  padding:2em 0 0 0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
	margin-bottom:40px;
	margin-top:.5em;
	width:100%;
	max-width:100%;
  font-size:12px;
}
table thead{
  border-left:1px solid #2d353c;
  border-right:1px solid #2d353c;
}
table th{
  background-color:#2d353c;
  color:#fff;
}
table tbody tr {background-color:#fff;}
tbody tr:nth-child(odd) {
  background: #f8f9fa;
}
tbody .zwischenheader{
  background: #9a9a9a!important;
  color:#fff;
  font-size:10px;
  border-left:1px solid #9a9a9a;
  border-right:1px solid #9a9a9a;
}
table tbody tr:hover {background-color:#ffd74e; color:#000;}
tbody .zwischenheader:hover{color:#fff;}
table th, table td {
	padding:10px 14px;
	position:relative;
	vertical-align:middle;
}
table td {
  border:1px solid #9a9a9a;
}
tbody .zwischenheader td:nth-child(2),tbody .zwischenheader td:nth-child(3){
  text-align:right;
}
tbody .zwischenheader td{
  border:none;
  font-size:15px;
  padding:15px;
  font-weight:700;
}
table .nichtok{
  background:#fac0d8;
  color:#d84983;
}
table .ok{
  background:#e3edcb;
  color:#96b943;
}
table .dazwischen{
  background:#faeeba;
  color:#f9c026;
}
table .tuwas{
  background:#ffc7b6;
  color:#db613d;
}
table .angenommen{
  background:#c5efff;
  color:#088893;
}
.gruppe .ok,.gruppe .dazwischen,.gruppe .nichtok{
  padding:8px;
}
.gruppe .nichtok{
  background:#fac0d8;
}
.gruppe .ok{
  background:#e3edcb;
}
.gruppe .dazwischen{
  background:#faeeba;
}
.detailtaste{
  font-size:16px;
}
.nochuebrig{
  display:block;
  background-color:#f8f9fa;
  padding:10px;
  font-size:12px;
  font-weight:700;
  margin-bottom:2.5em;
}
.catabbildung{
  display:block;
  max-width:100%;
  height:auto;
  margin:auto;
  padding-bottom:1em;
}
.shoppinggesamt{
  display:flex;
  width:100%;
  justify-content:flex-end;
}
.checked{
  display:inline-block;
}
.checked:after{
  content: '';
  display: block;
  width: 3px;
  height: 8px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.hidden{
  display:none;
}
.dataTables_wrapper .dataTables_info{
  display:block;
  width:100%;
  background-color:#e3edcb;
  border:1px solid #9e2b87;
  color:#9e2b87!important;
  padding:10px;
  margin-bottom:1em;
}
.no-sort::after { display: none!important; }
.no-sort { pointer-events: none!important; cursor: default!important;background-image:none!important;}
.gefundenliste{
  display:block;
  background-color:#e3edcb;
  border:none;
  color:#96b943;
  padding:3px;
  width:100%;
}
.anleitung{
  background-color:#f8f9fa;
  padding:7px;
  font-size:90%;
  line-height:1.8em;
}
mark{
  background:#ffd74e;
}
.zweigeteilt,.radioneben,.bearbeitungzwei{
  display:flex;
  flex-direction:row;
  justify-content:space-between;
  flex-wrap: wrap;
}
.bearbeitungzwei .gruppe{
  width:100%;
}
.rating {
  display: inline-block;
  position: relative;
  height: 50px;
  line-height: 50px;
  font-size: 50px;
}

.rating label {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  font-size: .8em;
  cursor: pointer;
}

.rating label:last-child {
  position: static;
}

.rating label:nth-child(1) {
  z-index: 5;
}

.rating label:nth-child(2) {
  z-index: 4;
}

.rating label:nth-child(3) {
  z-index: 3;
}

.rating label:nth-child(4) {
  z-index: 2;
}

.rating label:nth-child(5) {
  z-index: 1;
}

.rating label input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}

.rating label .icon {
  float: left;
  color: transparent;
}

.rating label:last-child .icon {
  color: #000;
}

.rating:not(:hover) label input:checked ~ .icon,
.rating:hover label:hover input ~ .icon {
  color: #9e2b87;
}

.rating label input:focus:not(:checked) ~ .icon:last-child {
  color: #000;
  text-shadow: 0 0 5px #9e2b87;
}
@media only screen and (min-width: 1300px) and (max-width: 2050px){
    .table-responsive-klein th{
      display:none;
    }
  	.table-responsive-klein tbody tr {
  		margin-bottom:20px;
  	}
  	.table-responsive-klein tbody tr:last-child {margin-bottom:0;}
  	.table-responsive-klein tr,.table-responsive-klein td {display:block;}
  	.table-responsive-klein td {
  		border-top:none;
  		position:relative;
  		padding-left:50%;
      border-color:#9a9a9a;
  	}
  	.table-responsive-klein td:hover:before {color:#000;}
    .table-responsive-klein td:first-child {
      border-top:1px solid #9a9a9a;
    }
  	.table-responsive-klein td:before {
  		content: attr(data-label);
  		display: inline-block;
  		color: #9a9a9a;
  		font-size: 12px;
  		font-weight: normal;
  		margin-left: -100%;
  		text-transform: uppercase;
  		width: 100%;
  		white-space:nowrap;
  	}
    .table-responsive-klein .zwischenheader td{
      display:inline-block;
      border-top:none;
    }
    .table-responsive-klein .zwischenheader td{
      width:30%;
    }
    .table-responsive-klein .zwischenheader td:first-child{
      width:40%;
    }
    .table-responsive-klein .zwischenheader td:before {
  		content: '';
  		display: none;
  	}
    .table-responsive-klein .zwischenheader{
      margin-bottom:-.7em;
    }
    .table-responsive-klein .beschriftunggross{
      display:none;
    }
}
@media only screen and (max-width: 580px){
    .table-responsive-klein th{
      display:none;
    }
  	.table-responsive-klein tbody tr {
  		margin-bottom:20px;
  	}
  	.table-responsive-klein tbody tr:last-child {margin-bottom:0;}
  	.table-responsive-klein tr,.table-responsive-klein td {display:block;}
  	.table-responsive-klein td {
  		border-top:none;
  		position:relative;
  		padding-left:50%;
      border-color:#9a9a9a;
  	}
  	.table-responsive-klein td:hover:before {color:#000;}
    .table-responsive-klein td:first-child {
      border-top:1px solid #9a9a9a;
    }
  	.table-responsive-klein td:before {
  		content: attr(data-label);
  		display: inline-block;
  		color: #9a9a9a;
  		font-size: 12px;
  		font-weight: normal;
  		margin-left: -100%;
  		text-transform: uppercase;
  		width: 100%;
  		white-space:nowrap;
  	}
    .table-responsive-klein .zwischenheader td{
      display:inline-block;
      border-top:none;
    }
    .table-responsive-klein .zwischenheader td{
      width:30%;
    }
    .table-responsive-klein .zwischenheader td:first-child{
      width:40%;
    }
    .table-responsive-klein .zwischenheader td:before {
  		content: '';
  		display: none;
  	}
    .table-responsive-klein .zwischenheader{
      margin-bottom:-.7em;
    }
    .table-responsive-klein .beschriftunggross{
      display:none;
    }
}
@media (max-width: 1270px) {
  .table-responsive-big th{
    display:none;
  }
	.table-responsive-big tbody tr{
		margin-bottom:20px;
	}
	.table-responsive-big tbody tr:last-child {margin-bottom:0;}
	.table-responsive-big tr,.table-responsive-big td {display:block;}
	.table-responsive-big td{
		border-top:none;
		position:relative;
		padding-left:50%;
    border-color:#9a9a9a;
	}
	.table-responsive-big td:hover:before {color:#000;}
  .table-responsive-big td:first-child {
    border-top:1px solid #9a9a9a;
  }
	.table-responsive-big td:before {
		content: attr(data-label);
		display: inline-block;
		color: #9a9a9a;
		font-size: 12px;
		font-weight: normal;
		margin-left: -100%;
		text-transform: uppercase;
		width: 100%;
		white-space:nowrap;
	}
  .table-responsive-big .zwischenheader td{
    display:inline-block;
    border-top:none;
  }
  .table-responsive-big .zwischenheader td{
    width:30%;
  }
  .table-responsive-big .zwischenheader td:first-child{
    width:40%;
  }
  .table-responsive-big .zwischenheader td:before {
		content: '';
		display: none;
	}
  .table-responsive-big .zwischenheader{
    margin-bottom:-.7em;
  }
  .table-responsive-big .beschriftunggross{
    display:none;
  }
}
@media (max-width: 1090px) {
  .table-responsive-full th{
    display:none;
  }
	.table-responsive-full tbody tr{
		margin-bottom:20px;
	}
	.table-responsive-full tbody tr:last-child {margin-bottom:0;}
	.table-responsive-full tr,.table-responsive-full td {display:block;}
	.table-responsive-full td{
		border-top:none;
		position:relative;
		padding-left:50%;
    border-color:#9a9a9a;
	}
	.table-responsive-full td:hover:before {color:#000;}
  .table-responsive-full td:first-child {
    border-top:1px solid #9a9a9a;
  }
	.table-responsive-full td:before {
		content: attr(data-label);
		display: inline-block;
		color: #9a9a9a;
		font-size: 12px;
		font-weight: normal;
		margin-left: -100%;
		text-transform: uppercase;
		width: 100%;
		white-space:nowrap;
	}
  .table-responsive-full .zwischenheader td{
    display:inline-block;
    border-top:none;
  }
  .table-responsive-full .zwischenheader td{
    width:30%;
  }
  .table-responsive-full .zwischenheader td:first-child{
    width:40%;
  }
  .table-responsive-full .zwischenheader td:before {
		content: '';
		display: none;
	}
  .table-responsive-full .zwischenheader{
    margin-bottom:-.7em;
  }
  .table-responsive-full .beschriftunggross{
    display:none;
  }
}
@media (max-width: 579px) {
  .table-responsive-full td,.table-responsive-klein td,.table-responsive-big td {padding-left:14px;}
	.table-responsive-full td:before,.table-responsive-klein td:before,.table-responsive-big td:before {display:block; margin-bottom:.5em; margin-left:0;}
}
/* ------------------------------------------------------------ */
@media screen and (min-width: 800px) {
  header{
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 8% 1fr 1fr 1fr 1fr 1fr 8%;
    grid-template-columns: 8% repeat(5,1fr) 8%;
  }
  .wrapper{
    margin:0 8%;
  }
  header .logo,header .menuelinks,header .menuemitte,header .menuerechts{
    -ms-grid-row: 1;
    grid-row: 1;
    align-self: center;
  }
  header .menuelinks,header .menuemitte,header .menuerechts{
    text-align:center;
  }
  header .logo{
    -ms-grid-column: 2;
    -ms-grid-column-span:1;
    grid-column: 2/3;
  }
  header .menuelinks{
    -ms-grid-column: 4;
    -ms-grid-column-span:1;
    grid-column: 4/5;
  }
  header .menuemitte{
    -ms-grid-column: 5;
    -ms-grid-column-span:1;
    grid-column: 5/6;
  }
  header .menuerechts{
    -ms-grid-column: 6;
    -ms-grid-column-span:1;
    grid-column: 6/7;
  }
  .maingross{
    width:100%;
  }
  .mainklein{
    width:65%;
  }
  .maingross:before,.mainklein:before {
     content: " ";
     position: absolute;
     border:6px solid #9e2b87;
     width:calc(100% + 24px);
     padding:12px;
     top:-12px;
     bottom:-12px;
     left: -12px;
     border-image-source: linear-gradient(to right,#9e2b87 0%,#9e2b87 4%,#f8f9fa 4%,#f8f9fa 97%,#9e2b87 97%,#9e2b87 100%);
     border-image-slice: 1;
  }
  .formularknoepfe {
    width:100%;
    flex-direction:row;
    flex-wrap:wrap;
    justify-content:space-between;
    align-content:flex-start;
    display:flex;
  }
  .formularknoepfeknopf {
    width:14%;
  }
  .formularknoepfeknopfklein {
    width:11%;
    flex-grow: 2;
  }
  .formularplatzhalter{
    width:.5%;
  }
  .zweigeteilt .gruppe,.radioneben .radionebenunter{
    width:49%;
  }
  .zweigeteilt .formbuttonlinks,.zweigeteilt .formbuttonrechts,.haelfte{
    flex: 1;
    width:49%;
  }
  .haelfteallein{
    width:49%;
    display:flex;
    flex-direction:row;
    justify-content:flex-end;
  }
  .haelfteallein a{
    max-width:450px;
  }
  .zweigeteilt .formbuttonrechts{
    max-height:4em;
  }
  .margeright .formbuttonrechts{
    margin-right:4em;
  }
  .zweigeteilt .formbuttonlinks{
    margin-right: 1px;
  }
  .sucheliste{
    display:flex;
    flex-direction:row;
    justify-content:space-between;
    flex-wrap: wrap;
  }
  .sucheliste form{
    flex: 1;
    width:30%;
  }
  .sucheliste .entscheidung{
    margin-left:2em;
    padding-top:2em;
  }
  .sucheliste .errordiv{
    width:100%;
  }
  .einszwei{
    width:33%;
  }
  .zweieins{
    width:63%;
    display:flex;
    flex-direction:row;
    justify-content:space-between;
    flex-wrap: wrap;
  }
  .zweieins .gruppe{
    display:block;
  }
  .viergeteilt{
    display:flex;
    flex-direction:row;
    justify-content:space-between;
  }
  .viergeteilt a{
    margin-left:1px;
  }
  .viergeteilt .gruppe {
    width:24%;
  }
}
@media screen and (min-width: 1180px) {
  .bearbeitungzwei .gruppe{
    width:49%;
  }
}
@media screen and (min-width: 1300px) {
  .mainklein{
    width:40%;
  }
  footer {
    flex-wrap: wrap;
    flex-direction: row;
    text-align:left;
  }
  .copyright{
    width:50%;
  }
  .copyright h3{
    display:inline
  }
  .footer{
    width:50%;
    flex-direction: row;
    justify-content: center;
    align-items: center;
  }
  .footer a{
    flex-grow:1;
    margin-right:1px;
  }
  .dreigeteilt{
    display:flex;
    flex-direction:row;
    justify-content:space-between;
    flex-wrap: wrap;
  }
  .dreigeteilt .gruppe{
    width:30%;
  }
  .dreigeteilt a,.dreigeteilt .errordiv{
    width:100%;
  }
}