/*
**********************************************
***      created by Boris Schmakowski      ***
***          www.schmakowski.de            ***
**********************************************
*/


.kontaktdiv {							/* Container im Beitrag */
	width: 100%;
/* 	max-width: 800px; */
	margin: 1vh auto 0 auto;
	padding: 1em;
	border: 0.5px solid rgb(91,102,122);
	border-radius: 3px;
}

.convertforms .cf-field-hp {			/* Honey */
    display: none !important;
    position: absolute !important;
    left: -9000px !important;
}

div.cf-control-group {
	margin: 0 0 2vh 0;
	padding: 0;
}
label.cf-label {
	font-size: 16px;
	color: rgb(91,102,122);
}
span.cf-required-label {
	color: rgb(229,48,42);
}
input.cf-input,
textarea.cf-input {
	width: 100%;
	border: 0.5px solid rgb(91,102,122);
	border-radius: 3px;
	font-family: courier, monospace;
	font-size: 20px;
	color: #000000;
	padding: 0.5em;
	-webkit-transition: all 0.2s ease 0s;
       -moz-transition: all 0.2s ease 0s;
        -ms-transition: all 0.2s ease 0s;
         -o-transition: all 0.2s ease 0s;
            transition: all 0.2s ease 0s;
}
input.cf-input:focus,
textarea.cf-input:focus {
	border: 0.5px solid rgb(229,48,42);
}

button.cf-btn {
	width: 100%;
	background-color: rgb(91,102,122);
	border-radius: 3px !important;
	padding: 0.5em !important;
	margin: 0; 
	color: #ffffff;
	border: none;
	border-radius: 5px;
	font-size: 22px !important;
	line-height: 1.6em;
	text-transform: uppercase;
	font-weight: 400;
	letter-spacing: 0.02em;
	cursor: pointer;
	-webkit-transition: all 0.2s ease 0s;
       -moz-transition: all 0.2s ease 0s;
        -ms-transition: all 0.2s ease 0s;
         -o-transition: all 0.2s ease 0s;
            transition: all 0.2s ease 0s;
}
button.cf-btn:hover {
	background-color: rgb(229,48,42);

}
span.cf-btn-text {
	color: #ffffff;
	font-size: 1em;
	line-height: 1em;
	text-transform: uppercase;
	font-weight: 400;
	letter-spacing: 0.02em;
}


div.cf-checkbox-group {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
}
div.cf-checkbox-group input.cf-input {
	width: 20px;
	height: 20px;
	margin: -2px 0 0 0;
	padding: 0;
	cursor: pointer;
	align-self: center;
}
div.cf-checkbox-group label.cf-label {
	width: calc(100% - 20px);
	padding: 0 0 0 1em;
	cursor: pointer;
	align-self: center;
}


div.cf-list {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
}
div.cf-list.cf-list-3-columns > div.cf-radio-group {
	order: 1;
	flex-grow: 0;
	flex-basis: auto;
	align-self: stretch;
	width: 222px;
	margin: 0.5em 0 0.5em 0;
}
div.cf-radio-group input {
	float: left;
	width: 20px;
	height: 20px;
	margin-right: 1em;
	cursor: pointer;
}
div.cf-radio-group label {
	cursor: pointer;
}


.cf-control-input {
	font-size: 18px;
	color: #4c4c4c;
	line-height: 1.3em;
}


.cf-response:empty {
	display: none;
	visibility: none;
}
.cf-response {
	background-color: rgba(147, 174, 195, 0.5);
	color: #000000;
	padding: 1em 0;
	text-align: center;
}
.cf-response p:last-child {
	padding: 0;
}

div.cf-success div.cf-fields {
	display: none;
}


div.SpamCalc {
	
}
div.SpamCalc div.captcha-container {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-content:  center;
}
div.SpamCalc div.captcha-container div.captcha-equation {
	align-self: center;
	font-family: courier, monospace;
	font-size: 22px;
	color: #000000;
}
div.SpamCalc div.captcha-container input {
	width: 200px;
	margin-left: 1em;
	align-self: center;
	font-family: courier, monospace;
	font-size: 22px;
	color: #000000;
}