/*
		if(strpos($pageclass, 'mp-kontakt') !== false) {
		JHtml::_('stylesheet', 'form.css',	 	 array('version' => 'auto', 'relative' => true));
  	}
*/


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


.kontaktdiv {							/* Container im Beitrag */
	width: 100%;
	max-width: 800px;
	margin: 5vh auto 0 auto;
}

.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: #4c4c4c;
}
span.cf-required-label {
	color: #e30613;
}
input.cf-input,
textarea.cf-input {
	width: 100%;
	border: 0.5px solid #00528c;
	border-radius: 3px;
	font-family: courier, monospace;
	font-size: 20px;
	color: #000000;
	padding: 0.75em;
	-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 #e30613;
}



button.cf-btn {
	width: 100%;
	background-color: #00528c;
	border-radius: 3px !important;
	padding: 0.5em !important;
	margin: 0; 
	color: #ffffff;
	border: none;
	border-radius: 5px;
	font-size: 22px !important;
	line-height: 1em;
	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: #e30613;

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

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


.cf-response:empty {
	display: none;
	visibility: none;
}
.cf-response {
	background-color: #eef7f9;
	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;
}