.ColCheckboxBlau {
 background-color: #283593;
 border: 1px solid #283593; 
}

.ColCheckboxRot {
 background-color: #c62828;
 border: 1px solid #c62828;
}

.ColCheckboxRosa {
 background-color: #f48fb1;
 border: 1px solid #f48fb1; 
}

.ColCheckboxGruen {
 background-color: #2e7d32;
 border: 1px solid #2e7d32; 
}

.ColCheckboxSchwarz {
 background-color: #000000;
 border: 1px solid #000000; 
}

.ColCheckboxGelb {
 background-color: #fdd835;
 border: 1px solid #fdd835; 
}

.ColCheckboxWeiss {
 background-color: white;
 border: 1px solid #878787;; 
}

.ColCheckboxViolett {
 background-color: #7b1fa2;
 border: 1px solid #7b1fa2; 
}

.ColCheckboxGold {
 background-color: #F0E68C;
 background-image: linear-gradient(315deg, #CD853F 0%, #F0E68C 75%);  
}

.ColCheckboxMetallic {
 border: 1px solid #bbbbbb;
 
background-image: -webkit-repeating-linear-gradient(left, hsla(0,0%,100%,0) 0%, hsla(0,0%,100%,0)   6%, hsla(0,0%,100%, .1) 7.5%),
    -webkit-repeating-linear-gradient(left, hsla(0,0%,  0%,0) 0%, hsla(0,0%,  0%,0)   4%, hsla(0,0%,  0%,.03) 4.5%),
    -webkit-repeating-linear-gradient(left, hsla(0,0%,100%,0) 0%, hsla(0,0%,100%,0) 1.2%, hsla(0,0%,100%,.15) 2.2%),
    
    linear-gradient(180deg, hsl(0,0%,78%)  0%, 
    hsl(0,0%,90%) 47%, 
    hsl(0,0%,78%) 53%,
    hsl(0,0%,70%)100%);
 
 
  
}

.ColCheckboxSilber {
 background-color: #bbbbbb;
 background-image: linear-gradient(315deg, #3B3B3B 0%, #bbbbbb 75%); 
}

.ColCheckboxGrau {
 background-color: #616161;
 border: 1px solid #616161; 
}
/* remove standard-styles */
input, button, select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border:none;
  border-radius: 0;
  font-size: 1em;
} 

::placeholder {
  color: #878787;
  opacity: 1;
}
:-ms-input-placeholder {
  color: #878787;
}
::-ms-input-placeholder {
  color: #878787;
}

input, .select {
 display: block;
 width: 50%;
 max-width: 500px;
}

textarea {
 display: block;
 width: 50%;
 max-width: 500px;
 height: 200px;
}

input,
textarea, .select {
 font-size: 14px;
 font-family: Calibri, Arial, sans-serif;
 background-color: #ffffff;
 border: 1px solid #878787;
 padding: 5px; 
 margin: 10px;
}

select {
 font-family: Calibri, Arial, sans-serif;
 font-size: 14px;
 padding: 5px;
}

.select {
 background-color: red;
 display: grid;
 grid-template-areas: "select";
 align-items: center;
 padding: 0px;
}

.select::after {
  position:absolute;
  margin-right: 5px;
  content: "";
  width: 10px;
  height: 8px;
  background-color: #3B3B3B;
  clip-path: polygon(100% 0%, 0 0%, 50% 100%);
  grid-area: select;
  justify-self: end;
}

input[type=checkbox] {
 -webkit-appearance: none;
 -moz-appearance: none;
 appearance: none;
}

input[type=checkbox] {
 display: inline;
 position: relative;
 left: 0px;
 float: left; 
 width: 16px;
 height: 16px;
 box-shadow: rgba(255, 255, 255, 1) 2px 2px, rgba(255, 255, 255, 1) -2px -2px, rgba(255, 255, 255, 1) 2px -2px, rgba(255, 255, 255, 1) -2px 2px; 
}

input[type=checkbox]:checked {
 box-shadow: rgba(255, 255, 255, 1) 2px 2px, rgba(255, 255, 255, 1) -2px -2px, rgba(255, 255, 255, 1) 2px -2px, rgba(255, 255, 255, 1) -2px 2px, black 4px 4px, black 4px -4px, black -4px -4px, black -4px 4px;
}

input[type=submit] {
 position: relative;
 display: block;
 clear: both;
 float: none;
 top: 0px;
 text-align: center;
 background-color: #582e6b;
 border: 0px;
 color: #ffffff;
 cursor: pointer;
}

.buttonBack {
 background: none;
 font-size: 12px;
 color: #3B3B3B;
 cursor: pointer;
}

.buttonShare {
 background: none;
 margin: 0px;
 padding: 0px;
}

.contentBox span.inputCheck {
 display: none;
}

.FilterBox {
 display: inline-block;
 min-width: 170px;
 text-align: left;
}

.FilterBox p {
 font-size: 14px;
 margin-bottom: 0px;
}

.groupCheckbox {
 display: table;
 height: 30px;
}

.labelCheckbox {
 display: table;
 font-size: 14px;
 margin-top: 9px;
 witdh: auto;
}

input + label + div { display: none; }

input:checked + label + div {
 display: block;
}
input + label:after {
 content: " anzeigen \02c5";
}
input:checked + label:after {
 content: " ausblenden \02C4";
}

label {
 font-size: 14px;
 display: inline-block;
 cursor: pointer;
}


.ColCheckboxCheck {
 background-color: #ffffff;
 border: 1px solid #878787; 
}

.ColCheckboxCheck:checked {
 background-color: #878787;
}

.hidden {
 display: none;
}

.captcha {
 float: left;
 margin-top: 15px;
}

.inputCaptcha {
 width: 100px;
 float: left;
}