/*
Theme Name: 11friends
Theme URI: http://www.topfmaler.de
Description: Child Theme 11friends
Author: Topfmaler
Author URI: http://www.topfmaler.de
Template: Divi
Version: 1.0
*/

/* Start your custom CSS bellow this comment
============================================ */

@import url("hover-min.css");

/* Contact Form */

.contact {
	
}


input,textarea,button{
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.wpcf7-validation-errors {
	clear: both;
}

.contact form input,.contact form textarea {
	height: auto;
	padding: 12px 15px 12px;
	font-size: 16px;
	margin-bottom: 16px !important;
	color: #363636;
	letter-spacing: 0.5px;
	background: #fafafa;
	border: 1px solid #ebebeb;
	border-radius: 4px;
	outline: none;
}
.contact form select {
	height: auto;
	padding: 12px 25px 12px 15px;
	font-size: 16px;
	margin-bottom: 16px !important;
	color: #363636;
	letter-spacing: 0.5px;
	background: #fafafa;
	border: 1px solid #ebebeb;
	border-radius: 4px;
	outline: none;
	-webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0;
  font-size: 1em;
  width: auto;
  background-image:url(images/select-arrow.png);
  background-position: right;
  background-repeat: no-repeat;
}
.contact form input.wpcf7-text,
.contact form textarea {
	width: 90%;
	
}
.contact form .wpcf7-number {
	width: 25%;
	
}

	.vntd-contact-form p {
		margin: 0px;
	}

	.contact-form-left {
		float: left;
		width: 370px
	}
	
	.contact-form-right {
		padding-left: 395px;
	}
	
	.contact form .wpcf7-submit {
		background:#63b139;
		  width: auto;
		  display: inline-block;
		  color: #fff;
		  font-weight: bold;
		  border: 0;
		  padding: 13px 38px;
		  font-size: 16px;	}
		  
		 .contact form .wpcf7-submit:hover {
		  	background:#63b139;
			 color: #fff;
			cursor:pointer;
		  }
		  
		 
.contact form textarea{
	height: 201px;
	max-width: 100%;
	max-height: 171px;
}
#respond #submit,
.contact form button.contact-form-button{
	margin-bottom:0 !important;
}

#subscribe form .subscribe-form{
	width:100%;
	height: auto;
	padding:15px 15px 12px;
	font-size:18px;
	margin-bottom:18px;
	color:#7f7f7f;
	letter-spacing: 0.5px;
}

/* Actives, Focuses and Rollovers */

.contact form input:active,
.contact form textarea:active,
.contact form input:focus,
.contact form textarea:focus{
	outline: none;
}
#respond #submit:hover,
.contact .wpcf7-submit:hover{
	color:white;
}

div.wpcf7-response-output {
	padding: 10px 14px;
	margin: 0 15px;
}

/*#page-content span.wpcf7-not-valid-tip {
	margin-top: -10px;
	margin-bottom: 10px;
}*/



.contact form input:hover,
.contact form textarea:hover{
	border-color:#dadada;
}

/* Message For Mail */

.mail-message-area{
	width:100%;
	padding:0 15px;
}

.mail-message{
	width: 100%;
	-webkit-transition: all 0.7s;
	-moz-transition: all 0.7s;
	transition: all 0.7s;
	margin:0 auto;
	border-radius: 0;
}

.not-visible-message{
	height:0px;
	opacity: 0;
}

.visible-message{
	height:auto;
	opacity: 1;
	margin:25px auto 0;
}


#top-menu li a{
	font-weight:400;
}


.et_pb_gutters2.et_pb_row.et_pb_row_fullwidth,
	.et_pb_gutters2 .et_pb_row.et_pb_row_fullwidth,
	.et_pb_gutters2.et_pb_specialty_fullwidth > .et_pb_row,
	.et_pb_gutters2 .et_pb_specialty_fullwidth > .et_pb_row {
		width: 100% !important;
		max-width: 100% !important;
	}
	



.et_overlay {
	border:none;
}

.nav li ul {
	position: absolute;
	padding: 20px 0;
	right:0px;
}


.et_pb_text_inner ul  {
	list-style:none;
	margin: 10px 0;
	
}

.et_pb_text_inner ul li {
	background: url(images/liste.png) no-repeat left 8px;
	padding:0 0 5px 20px;
	margin: 0 0 0 0;
    list-style:none;
	
}
.entry-content ul,
.comment-content ul,
body.et-pb-preview #main-content .container ul {
	padding: 0 0 23px 0;
    list-style:none;
}

.et-pb-contact-message p{
	background:#fff; 
	padding:20px; 
	color:#63b139;
	display:block;
	-moz-transition: width 1s, height 2s, ease-in;
-webkit-transition: width 1s, height 2s, ease-in;
-o-transition: width 1s, height 2s, ease-in;
transition: width 1s, height 2s, ease-in;
}

.et-pb-contact-message  ul  {
	background:#fff; 
	padding:0 20px 5px 20px; 
	color:#63b139;
	display:block;
	margin: 0 0 20px 0;
	list-style:none;
	-moz-transition: width 1s, height 2s, ease-in;
-webkit-transition: width 1s, height 2s, ease-in;
-o-transition: width 1s, height 2s, ease-in;
transition: width 1s, height 2s, ease-in;
	
}
.et-pb-contact-message  ul li {
	background: url(images/liste.png) no-repeat left 8px;
	padding:0 0 5px 20px;
	margin: 0 0 0 0;
	list-style:none;
	
}

.et_pb_scroll_top.et-pb-icon {
	background: #485156!important;
}

.et_pb_image img {
	width: 100%!important;
	max-width:auto!important;
	height: auto;
}

.wt h3,.wt h2 {
	color:rgba(255,255,255,1.00);
	font-size:40px;
}
.wth2 h2 {
	color:rgba(255,255,255,1.00)!important;
	font-size:40px
}


.et_pb_bg_layout_dark .et_pb_slide_description {
	text-shadow: 0 1px 3px rgba(0, 0, 0, 0.8)!important;
}

.grayimage  img {
	-webkit-filter: grayscale(1);
	filter: grayscale(1);
}
.grayimage img:hover {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
}

.nav li ul {
	width: 270px!important;
}
#top-menu li li a {
	width: 230px!important;
}

#main-header .et_mobile_menu {
	background: #fff!important;

}

/* Grow */
.hvr-grow {
    display: inline-block;
    vertical-align: middle;
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    transition-duration: 0.3s;
    transition-property: transform;
}

.hvr-grow:hover,
.hvr-grow:focus,
.hvr-grow:active {
    transform: scale(0.8);
}
.pe-7s-angle-down:hover { 
	-webkit-animation-name: hvr-icon-pulse;
	animation-name: hvr-icon-pulse;
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	
}

.pe-7s-angle-down:hover { 
	cursor:pointer;
}



@media (max-width: 980px) {
	
#top-header .container {
	width: 80%;
}
#main-header .container {
	width: 80%;
}

.container {
	width: 80%;
}

}
.et-pb-contact-message {
background:#fff;
}


@media all and (min-width: 981px) {	

.et_pb_blurb_content {
    position: relative;
max-width:none!important;
margin: 0 auto;
	margin-left:5px!important;
}


}
@media only screen and (min-width: 981px) and (max-width : 1180px){ 
#logo { max-height: 55%!important; }


.container {
	width: 90%;
}

}
@media all and (max-width: 981px) {	
.mobile_menu_bar:before, .mobile_menu_bar:after {
	color: #fff;
}


}

@media only screen and (min-width: 1280px) { 

#main-footer .container  {
width: 100%;
max-width: 100%;
padding-right: 30px;
padding-left: 30px
}
}