

.mp-section--kontakt{
}

.mp-section--kontakt .mp-gradient {
	padding: 40px 0px;
}


/*2*/
@media only screen and (min-width: 1088px) and (max-width: 1184px){
	.kontakt_grid{min-width:1024px;max-width:1024px}
	.mp-section--kontakt .section_grid {grid-template-columns: 144px 320px 1fr ;max-width:1024px;}
	.mp-section--kontakt .mp-gradient {	padding: 37px 0px;}
}
/*3*/
@media only screen and (min-width: 896px) and (max-width: 1088px){
	.mp-section--kontakt .section_grid {grid-template-columns: 100px 320px 1fr ;max-width:832px;}
	.kontakt_background{left:70%;	top:-30px;}
	.kontakt_grid{min-width:832px;max-width:832px}
	.mp-section--kontakt .mp-gradient {	padding: 30px 0px;}
}
/*4*/
@media only screen and (min-width: 736px) and (max-width: 896px){
	.mp-section--kontakt .section_grid {grid-template-columns: 144px 1fr ;max-width:672px;}
	.mp-section--kontakt .page_wrapper {padding-top:0;} 
	
	.mp-section--kontakt .mp-gradient {	padding: 24px 0px;}
	.kontakt_background{width: 100vw; left: 0; top: -85vw;  height: 100vw; background-size: contain; background-position: center center;}
	.kontakt_grid{min-width:672px;max-width:672px}
}
/*5*/
@media only screen and (min-width: 520px) and (max-width: 736px){
	.mp-section--kontakt .section_grid {grid-template-columns: 144px 1fr ;max-width:472px;}
	.mp-section--kontakt .page_wrapper {padding-top:0;} 
	.mp-section--kontakt .mp-gradient {	padding: 17px 0px;}
	
	.kontakt_background{width: 100vw; left: 0; top: -85vw;  height: 100vw; background-size: contain; background-position: center center;}
	.kontakt_grid{min-width:472px;max-width:472px}
}
/*6*/
@media only screen and (max-width: 520px){
	.mp-section--kontakt .section_grid {grid-template-columns: 0px 1fr ;max-width:100%;	grid-column-gap: 0;	grid-row-gap: 0;}
	.mp-section--kontakt .page_wrapper {padding-top:0;} 
	.mp-section--kontakt .wrapper {width:90%;margin:0 5%} 
	.mp-section--kontakt .mp-gradient {	padding: 10vh 0px;}
	
	.kontakt_background{width: 100vw; left: 0; top: -85vw;  height: 100vw; background-size: contain; background-position: center center;}
	.kontakt_grid{min-width:0;max-width:100%}
}



.logo> img {
	width: 100%;
	margin: 0 5px 0 5px;
}

.mp-section--kontakt h1{
	color: #00963f;
	margin: 0;
	font-family: 'PT Sans', sans-serif;
	font-size: 60px;
	line-height:1;
	font-weight: 700;
	padding-bottom:5px;
	letter-spacing: .05em;
	text-align: center;
}

.line {
	position:relative;
}
.mp-section--kontakt .line {
	padding-bottom: 40px;
	margin: 40px 0;
}
.mp-section--kontakt .line:before{position:absolute;bottom:0px;width:20%;margin: 0 40%;height:1px;background-color:#d1dd92;
content:'';}

.mp-section--kontakt h2 {
	font-family:'Oranienbaum',Serif; 
	font-size: 50px;
	line-height:1.3;
	font-weight: 700;
	margin-top: 40px;
	margin-bottom: 40px;
	color: #542714;
	text-align: center;
	
}
.mp-section--kontakt a{
	color: #542714;
	text-decoration: none;
}

.mp-section--kontakt h3 {
	margin:60px 0 0 0;
	font-family: 'PT Sans', sans-serif;
	font-size: 20px;
	line-height:1.3;
	font-weight: 400;
	text-align: center;
	color: #542714;
}

.mp-section--kontakt p {
	font-family:'Oranienbaum',Serif; 
	font-size: 24px;
	line-height:1.3;
	font-weight: 400;
	color: #542714;
	text-align: center;
	width: 70%;
	margin: 20px auto;
}

/*2*/
@media only screen and (min-width: 1088px) and (max-width: 1184px){
	.mp-section--kontakt .line {padding-bottom: 37px;margin: 37px 0;}
	.mp-section--kontakt h1{font-size: 55px;padding-bottom:5px;	letter-spacing: .05em;}
	.mp-section--kontakt h2 {font-size: 46px; margin-top: 37px;	margin-bottom: 37px;}
	.mp-section--kontakt h3 {margin:60px 0 0 0;	font-size: 20px;}
	.mp-section--kontakt p {font-size: 22px;margin: 18px auto;}
}
/*3*/
@media only screen and (min-width: 896px) and (max-width: 1088px){
	.mp-section--kontakt .line {padding-bottom: 30px;margin: 30px 0;}
	.mp-section--kontakt h1{font-size: 45px;padding-bottom:0px;	letter-spacing: .05em;}
	.mp-section--kontakt h2 {font-size: 30px; margin-top: 30px;	margin-bottom: 30px; }
	.mp-section--kontakt h3 {margin:60px 0 0 0;	font-size: 20px;}
	.mp-section--kontakt p {font-size: 16px;margin: 16px auto;}
}
/*4*/
@media only screen and (min-width: 736px) and (max-width: 896px){
	.mp-section--kontakt .line {padding-bottom: 30px; width:100%; margin: 30px 0;}
	.mp-section--kontakt .line:before{width:15%;margin: 0 40%;}	
	.mp-section--kontakt h1{font-size: 40px;padding-top:20px;padding-bottom:0px;	letter-spacing: .05em; text-align:center;width:100%; }
	.mp-section--kontakt h2 {font-size: 24px; margin: 24px 10%; text-align:center;width:80%; }
	.mp-section--kontakt h3 {margin:60px 0 0 0;	font-size: 20px;}
	.mp-section--kontakt p {font-size: 16px;margin: 16px auto;}
}
/*5*/
@media only screen and (min-width: 520px) and (max-width: 736px){
	.mp-section--kontakt .line {padding-bottom: 30px; width:100%; margin: 30px 0;}
	.mp-section--kontakt .line:before{width:15%;margin: 0 40%;}	
	.mp-section--kontakt h1{font-size: 36px;padding-top:20px;padding-bottom:0px;	letter-spacing: .05em; text-align:center;width:100%; }
	.mp-section--kontakt h2 {font-size: 20px; margin: 17px 10%; text-align:center;width:80%; }
	.mp-section--kontakt h3 {margin:60px 0 0 0;	font-size: 20px;}
	.mp-section--kontakt p {font-size: 16px;margin: 16px auto;}
}
/*6*/
@media only screen and (max-width: 520px){
	.mp-section--kontakt .line {padding-bottom: 0px; width:100%;margin: 30px 0;}
	.mp-section--kontakt .line:before{display: none;}	
	.mp-section--kontakt h1{font-size: 7vw;padding-top:4vw;padding-bottom:0px;	letter-spacing: .05em; text-align:center;width:100%; }
	.mp-section--kontakt h2 {font-size: 5.5vw; margin: 5vw 10%; text-align:center;width:80%; }
	.mp-section--kontakt h3 {margin:60px 0 0 0;	font-size: 5vw;}
	.mp-section--kontakt p {font-size: 5vw;margin-bottom: 5vw;}
}


.mp-section--kontakt .wrapper  > div {
	color: #000;
}

.mp-section--kontakt-form >  {
	padding: 1em;
	color: #fff;
}

.kontakt_step, .kontakt_step_disabled {
	width: 80px;
	background: url(../image/dotted_line_brown.png) no-repeat 70px -27px;
	height: 70px;
}
.kontakt_step a{
	color: #542714;
	font-family: 'PT Sans', sans-serif;
	font-size:16px;
	line-height:16px;
	position:relative;
	display:inline-block;
	text-decoration:none;
	letter-spacing:.1em;
	text-transform:uppercase;
}

.kontakt_step_disabled a{
	color: #cfb5a8;
	font-family: 'PT Sans', sans-serif;
	font-size:16px;
/*	padding: 0px 0 50px 0;*/
	line-height:16px;
	position:relative;
	display:inline-block;
	text-decoration:none;
	letter-spacing:.1em;
	text-transform:uppercase;
}

input[type="text"], input[type="date"], textarea, input[type="number"], select{
	font-family: 'PT Sans', sans-serif;
	border: 1px solid #cfb5a8;
	background-color: white;
	color:#542714;
	font-size:18px;
	line-height:28px;
	padding: 0 20px;
	margin:0 0 20px 0;
	height: 50px;
	width: 352px;
	box-sizing: border-box;	
}

textarea{
	padding: 8px 20px;
	height: 150px;
}


/*2*/
@media only screen and (min-width: 1088px) and (max-width: 1184px){
	input[type="text"], input[type="date"], textarea, input[type="number"], select{width: 320px;height: 46px;font-size:16px;}
	textarea{height: 140px;}
}
/*3*/
@media only screen and (min-width: 896px) and (max-width: 1088px){
	input[type="text"], input[type="date"], textarea, input[type="number"], select{width: 400px;height: 46px;font-size:16px;}
	textarea{height: 140px;}
}
/*4*/
@media only screen and (min-width: 736px) and (max-width: 896px){
	input[type="text"], input[type="date"], textarea, input[type="number"], select{width: 496px;height: 46px;font-size:16px;}
	textarea{height: 140px;}
}
/*5*/
@media only screen and (min-width: 520px) and (max-width: 736px){
	input[type="text"], input[type="date"], textarea, input[type="number"], select{width: calc(100%);height: 46px;font-size:16px;}
	textarea{height: 140px;}
}
/*6*/
@media only screen and (max-width: 520px){
	input[type="text"], input[type="date"], textarea, input[type="number"], select{width: calc(100%);height: 46px;font-size:4vw;}
	textarea{height: 140px;}
	.kontakt_step, .kontakt_step_disabled {	width: 15vw;background: url(../image/dotted_line_brown.png) no-repeat 15vw -27px;display:none;}
	
	.kontakt_step_disabled a{font-size:5vw;}
	.kontakt_step a{font-size:5vw;}
}

.form_radio {
	margin-bottom: 20px;
	color:#542714;
	font-family:'Oranienbaum',Serif; 
	font-size: 20px;
	line-height:1.3;
	font-weight: 400;
/*	margin-top: 0px;*/
}
.form_radio input[type=radio] {
	display: none;
}
.form_radio label {
	display: inline-block;
	cursor: pointer;
	position: relative;
	padding-left: 25px;
	padding-right: 10px;
	margin-right: 0;
	line-height: 18px;
	user-select: none;
	font-weight: 700;
	
	
}
.form_radio label:before {
	content: "";
	display: inline-block;
	width: 17px;
	height: 18px;
	position: absolute;
	left: 0;
	top: 0px;
	background: url(../image/radio-1.png) 0 0 no-repeat;
}
 
/* Checked */
.form_radio input[type=radio]:checked + label:before {
	background: url(../image/radio-2.png) 0 0 no-repeat;
}
 
/* Hover */
.form_radio label:hover:before {
	filter: brightness(120%);
}
 
/* Disabled */
.form_radio input[type=radio]:disabled + label:before {
	filter: grayscale(100%);
}
