/* Focus */
  :focus-visible {
	outline: Solid 1px Royalblue;
  }

  
label {
	position: absolute;
	clip: rect(1px 1px 1px 1px); 
	clip: rect(1px, 1px, 1px, 1px);
}

form {
	display: flex;
	flex-flow: row wrap;
}
.field, .textarea {
	margin: 0 .5em 1em 0;
	padding: .5em 1em;
	border: 1px solid #CCC;
}
.field {
	flex: 1 0 30%; //flex magic
	width: 30%;
	float: left;
}
.textarea {
	flex: 1 0 90%;
	width: 90%;
}

.field.field9 {
	width: 97%
}

.field.field10 {
	width: 97%;
}

.button {
	padding: .5em 1em;
	border: 1px solid #CCC;
	background-color: $color-primary;
	color: #000;
}


#kontaktform .sendbutton {
    position: relative;
    display: block;
    margin-bottom: 10px;
	flex: 1 0 95%;
    width: 95%;
}

.checkbox {
  position: relative;
  left: 20px;
  z-index: 0;
  -webkit-appearance: none;
  flex: 1 0 90%;
  width: 90%;
  margin: -20px 0 0;
  
}


#kontaktform a{
  text-decoration:none;
  position: relative;
  font-size: 15px;
  font-family: 'Ek Mukta',sans-serif;
  line-height: 26px;
  cursor:pointer;
  color:#666;
  transition: all 500ms ease;
  z-index: 1;
}

#kontaktform a:hover{
  text-decoration:none;
  outline:none;
  color: #000;
  transition: all 500ms ease;
}

.test {
	flex: 1 0 50%;
	width: 50%;
	
}

.test2 {
		flex: 1 0 50%;
	width: 50%;
	
}