@charset "utf-8";
/* CSS Document */

/* -------------------------------------Contact-------------------------------- */
/* ---------------------------------------------------------------------------- */
#kontakt label {cursor:pointer; margin:0px 0; display:block; font-weight:400;}
#kontakt input {display:block;width:100%; color:#111; background-color:#F3F3F3; border:1px solid #ccc; padding:8px; margin:0px; font-size: 14px; border-radius:10px;
  -webkit-transition: all 0.4s ease-out 0s;
  -moz-transition: all 0.4s ease-out 0s;
  -ms-transition: all 0.4s ease-out 0s;
  -o-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
}
#kontakt input:hover {background-color:#ffffff; border:1px solid #00f;}

textarea {display:block;width:100%;height:110px;background-color:#F3F3F3; color:#000;border:1px solid #ccc;padding:10px; margin: 5px 0 25px 0;border-radius:10px;
font: 15px/25px Verdana; /**/
	 -webkit-transition: all 0.4s ease-out 0s;
  -moz-transition: all 0.4s ease-out 0s;
  -ms-transition: all 0.4s ease-out 0s;
  -o-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out .2s;
}
textarea:hover {background-color:#ffffff; border:1px solid #00f;}

#kontakt .sendButton {cursor:pointer; background-color:#CAE4FF; width:50%;color:#333; border-radius:10px;
  -webkit-transition: all 0.8s ease-out 0s;
  -moz-transition: all 0.8s ease-out 0s;
  -ms-transition: all 0.8s ease-out 0s;
  -o-transition: all 0.8s ease-out 0s;
  transition: all 0.8s ease-out 0s;
}
#kontakt .sendButton:hover {opacity: 0.7; /*background-color:#D8E3B7; color:#006600;*/ }

.zknopf {margin:auto; color:#006600; padding:8px 20px; border:1px solid #333; border-radius:20px; color:#333; background-color:#CAE4FF; text-decoration:none; }
.zknopf:hover { opacity:0.7;}

input:focus::-webkit-input-placeholder { color:transparent; }
input:focus::-moz-placeholder { color:transparent; }
input:focus:-ms-input-placeholder { color:transparent; }
input:focus:-moz-input-placeholder { color:transparent; }/**/

.input-group{ position: relative;}
.input{ display:block; box-sizing: border-box; outline: none;}
.placeholder{ position: absolute; top:.6em; left:12px; font-size: 16px; background-color:#F3F3F3;
 padding:0 5px; color:#B2313E; transition: 0.5s; pointer-events: none; opacity:.5; font-weigth:bold;   }
.input:focus + .placeholder{ top: -1.1em; color:#B2313E;  opacity:.5}