.button-kf{max-width:100%;margin:0px auto 0 auto;color:#999;font-size:1em;background:rgba(0,153,255,1);padding:10px;text-align:center;color:#fff;border-radius:10px;border:0;cursor:pointer;transition: 0.3s;}
.button-kf:hover{background:rgba(0,153,255,1);opacity: 0.8;}

.button-bt{max-width:100%;margin:5px auto 5px auto;color:#999;font-size:1em;background:rgba(255,153,0,1);padding:10px;text-align:center;color:#fff;border-radius:10px;border:0;cursor:pointer;transition: 0.3s;}
.button-bt:hover{
opacity: 0.8;
 transition: .5s ease;
  -webkit-filter: grayscale(10%); /* Safari 6.0 - 9.0 */
    filter: grayscale(10%);
}

.div-kf a{max-width:100%;margin:0px auto 0 auto;color:#999;font-size:1em;background:rgba(0,153,255,1);padding:10px;text-align:center;color:#fff;border-radius:10px;border:0;cursor:pointer;transition: 0.3s;}
.div-kf a:hover{background:rgba(0,153,255,1);opacity: 0.8;color:#fff;}

input[type=text] {
  width: 100%;
  box-sizing: border-box;
  border: 2px solid #ccc;
  border-radius: 4px;
  font-size: 16px;
  background-color: white;
  padding: 10px;
  margin:15px 0;
}

input[type=email] {
  width: 100%;
  box-sizing: border-box;
  border: 2px solid #ccc;
  border-radius: 4px;
  font-size: 16px;
  background-color: white;
  padding: 10px;
  margin:15px 0;
}

input[type=phone] {
  width: 100%;
  box-sizing: border-box;
  border: 2px solid #ccc;
  border-radius: 4px;
  font-size: 16px;
  background-color: white;
  padding: 10px;
  margin:15px 0;

}

input[type=tel] {
  width: 100%;
  box-sizing: border-box;
  border: 2px solid #ccc;
  border-radius: 4px;
  font-size: 16px;
  background-color: white;
  padding: 10px;
  margin:15px 0;

}

textarea{
  width: 100%;
  height:200px;
  box-sizing: border-box;
  border: 2px solid #ccc;
  border-radius: 4px;
  font-size: 16px;
  background-color: white;
  padding: 10px;
  margin:15px 0;

}


/*  Radio Button Uhrzeit ANFANG*/

.toggle-buttons input[type="radio"] {
        visibility: hidden;
}

.toggle-buttons label {
        border: 1px solid #333;
        border-radius: 0em;
        padding: 10px;
        cursor:pointer;
        opacity: 1;
        transition: .5s ease;
  -webkit-filter: grayscale(10%); /* Safari 6.0 - 9.0 */
    filter: grayscale(10%);
}

.toggle-buttons input:hover + label {

        box-shadow: none;

opacity: 0.8;
 background:#e22125;
 color:#fff;
  transition: .5s ease;
  -webkit-filter: grayscale(10%); /* Safari 6.0 - 9.0 */
    filter: grayscale(10%);



}

.toggle-buttons input:checked + label {
        background: rgba(0,153,255,1);
        color: #fff;
        box-shadow: none;

}

.together {
        position: relative;
}

.together input {
        position: absolute;
        width: 1px;
        height: 1px;
        top: 0;
        left: 0;

}

.together label {
        line-height:3.5em;
        margin: 10px 10px 10px 0;
        border-radius: 0;
}

.together label:first-of-type {
        border-radius: 0 0 0 0;
}

.together label:last-of-type {
        border-radius: 0 0;
}
/*  Radio Button Uhrzeit ENDE*/


.kundendaten{}



.btn {  margin:0 50px 0 0;
        background:rgba(0,153,255,1);
        color:#fff;
        padding:20px 10px;
        border:0;
        cursor:pointer;
        border-radius:10px;
        opacity: 1;
        transition: .5s ease;
  -webkit-filter: grayscale(10%); /* Safari 6.0 - 9.0 */
    filter: grayscale(10%);
}

.btn:hover{
opacity: 0.8;
 background:rgba(0,153,255,1);
 color:#fff;
  transition: .5s ease;
  -webkit-filter: grayscale(10%); /* Safari 6.0 - 9.0 */
    filter: grayscale(10%);


  }


@media all and (max-width: 1100px) {

.btn {  margin:0 20px 20px 0;
        color:#fff;
        padding:10px 10px;
        border:0;
        cursor:pointer;
        border-radius:10px;
        opacity: 1;
        transition: .5s ease;
  -webkit-filter: grayscale(10%); /* Safari 6.0 - 9.0 */
    filter: grayscale(10%);
}

}




input[type=checkbox]
{
  /* Double-sized Checkboxes */
  -ms-transform: scale(1.7); /* IE */
  -moz-transform: scale(1.7); /* FF */
  -webkit-transform: scale(1.7); /* Safari and Chrome */
  -o-transform: scale(1.7); /* Opera */
  transform: scale(1.7);
  padding: 10px;

}




/* Might want to wrap a span around your checkbox text */
.checkboxtext
{
  /* Checkbox text */
  font-size: 110%;
  display: inline;
}

input[type=radio]
{
  /* Double-sized Checkboxes */
  -ms-transform: scale(1.7); /* IE */
  -moz-transform: scale(1.7); /* FF */
  -webkit-transform: scale(1.7); /* Safari and Chrome */
  -o-transform: scale(1.7); /* Opera */
  transform: scale(1.7);
  padding: 10px;

}








.ph::placeholder {
  color: red;
  opacity: 1; /* Firefox */
}

.ph:-ms-input-placeholder { /* Internet Explorer 10-11 */
 color: red;
}

.ph::-ms-input-placeholder { /* Microsoft Edge */
 color: red;
}