/*
Template:  Webster - Responsive Multi-purpose HTML5 Template
Author: potenzaglobalsolutions.com
Design and Developed by: potenzaglobalsolutions.com

NOTE: This file contains the styling for the marketing Template. You can edit/add anything in this file!
*/

h1, h2, h3, h4, h5, h6 { font-family: 'Nunito', sans-serif; color: #16182c; margin-top: 0px; font-weight: bold; }

.section-title p { font-size:16px; margin-top: 15px; }
.search-cart .search { padding-right: 0; }

.mega-menu.desktopTopFixed .menu-list-items {
     background: #323232;
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.25);
}
.mega-menu.desktopTopFixed {
     background: #323232; /* #a7a7a7; */
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.25);
}
.mega-menu {
    /*background-color: #323232;*/
	background-color: #323232;
	box-shadow: 0 0 25px rgba(0, 0, 0, 0.45);
}
.footer.black-bg {
    background: #323232; /* cacaca */
}
.footer-useful-link ul li a {
    color: rgba(255,255,255,0.5);
    font-size: 14px;
    vertical-align: top;
    display: block;
    line-height: 26px;
}
.footer.black-bg p {
    color: rgba(255, 255, 255, 0.5);
}
.footer h6{
	color: #FFFFFF;
}
ul {
    margin: 0px;
    padding-left:20px;
}
.footerlist {
	padding-left: 0px;
	margin-left: 0px;
	}
.no-margin-right {
	margin-right: 0px !important;
	}
.img-responsive {
	width: 100% !important;
	height: auto !important;
	}
p {
    /*font-size: 16px;*/
    margin-top: 15px;
}
.tab .nav.nav-tabs li {
    font-size: 16px;
	}
.form-control2 {
    border-radius: 3px;
    font-size: 13px;
    height: auto;
    line-height: 1.33333;
    padding: 15px 15px 15px 20px;
    background: #f6f7f8;
    color: #353535;
    border: 0px solid transparent;
    box-shadow: none;
	width: 100%;
}
.form-control3 {
    border-radius: 3px;
    font-size: 13px;
    height: auto;
    line-height: 1.33333;
    padding: 15px 15px 15px 20px;
    background: #f6f7f8;
    color: #fff;
    border: 0px solid transparent;
    box-shadow: none;
}
	.resp5 {
		max-width: 200px;
		}
/*marketing banner*/
.marketing-banner { height:70vh; position: relative; z-index: 9; }
.marketing-banner .slider-content { padding-left: 30px; border-left : 5px solid #d12326; }
.marketing-banner .slider-content h1 { font-size: 50px; line-height: 60px; position: relative; font-weight: 600; }

/*marketing-tab */
.marketing-tab .tab { margin-top: -50px; position: relative; z-index: 99; }
.marketing-tab .tab-vertical .tab-content p { line-height: 24px; }
.marketing-tab ul.nav.nav-tabs:before { position: absolute; content: ""; height: 100%; width: 25%; background: #d12326; left: 0; top: 0; z-index: -1;  }
.marketing-tab .tab-vertical .nav.nav-tabs li a { font-size: 16px; padding: 28px 30px; background: #d12326; color: #ffffff; border-color: rgba(0,0,0,0.2); }
.marketing-tab .tab-vertical .nav.nav-tabs li:first-child a { border-color: rgba(0,0,0,0.2); }
.marketing-tab .tab-border .nav.nav-tabs > li > a.active, .marketing-tab .tab-border .nav.nav-tabs > li > a.active:focus, .marketing-tab .tab-border .nav.nav-tabs > li > a.active:hover { background: rgba(0,0,0,0.2) !important; color: #ffffff !important; }
.marketing-tab .tab-vertical .nav.nav-tabs > li > a.active, .marketing-tab .tab-vertical .nav.nav-tabs > li > a.active:focus, .marketing-tab .tab-vertical .nav.nav-tabs > li > a.active:hover { border-color: rgba(0,0,0,0.2) }
.marketing-tab .tab-content { line-height: 14px; }

/*service*/
.marketing-service .feature-text .feature-icon span, .marketing-service .feature-text .feature-icon i { padding-left: 0; }
.marketing-service .feature-text { padding: 60px 40px; border:1px solid #eeeeee; height: 100%; background: #ffffff; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
.marketing-service .feature-text:hover { box-shadow: 0 0 50px rgba(0, 0, 0, .2); position: relative; z-index: 1;  }

/*step*/
.marketing-step .step-box { height: 230px; width: 230px; box-shadow: 0px 0px 0 10px #d12326;  border-radius: 50%; overflow: hidden; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
.marketing-step .step-box h4 { text-align: center; line-height: 230px; position: relative; }
.marketing-step .step-box:hover { box-shadow: 0px 0px 0 15px #d12326; } 

/*testimonial*/
.marketing-testimonial .testimonial-info { font-size: 18px; line-height: 34px; }

/*sidebar*/
ul.menu-sidebar { position: relative; z-index: 1; }
ul.menu-sidebar li { display: block; }
ul.menu-sidebar li a { text-transform: capitalize; display: block; background: #f6f7f8; padding: 16px 30px; color: #1a1a1a; font-weight: 600; border-bottom: 1px solid #ffffff; border-left: 5px solid transparent;  }
ul.menu-sidebar li a:hover, ul.menu-sidebar li.active a { border-left: 5px solid #d12326; color: #d12326; }

/*action-box*/
.marketing-action-box .action-box { padding: 40px 50px; }
.marketing-action-box .popup-video-image a i { left: inherit; top: -14px; }

/*timeline*/
.our-history.timeline-left .timeline > li > .timeline-badge { left: 15%; }
.our-history.timeline-left .timeline:before { left: 15%; }
.our-history.timeline-left .timeline > li > .timeline-panel{ width: 79%; }
.our-history.timeline-left .timeline-arrow { width: inherit; left : 14.3%; right: inherit; }
.our-history.timeline-left .timeline > li > .timeline-badge p { margin-top: -6px; }

/*team*/
.marketing-team .team.team-list h5 { font-size: 18px; text-transform: capitalize; }
.marketing-team .team.team-list .team-info span { font-size: 14px; text-transform: capitalize; } 

/*work*/
.marketing-work .portfolio-item a.popup { width: auto; height: inherit; padding: 0px 20px; border-radius: 3px; display: inline-block; }

/*overlay*/
.bg-overlay-theme-20:before {  background: rgba(209, 35, 38, 0.2) !important; content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; }
.bg-overlay-theme-50:before {  background: rgba(209, 35, 38, 0.5) !important; content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; }
.bg-overlay-theme-70:before {  background: rgba(209, 35, 38, 0.7) !important; content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; }
.bg-overlay-theme-80:before {  background: rgba(209, 35, 38, 0.8) !important; content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; }
.bg-overlay-theme-90:before {  background: rgba(209, 35, 38, 0.9) !important; content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; }


/*Logo*/
.coronia-logo {
	height: 80px !important;
	}

/* Schriften */
.coronia-red {
	color: #d12326;
	}
p {
    color: #000;
}
.feature-3-info {
	min-height: 280px;

	}
.font-size-normal {
    font-family: 'Nunito', sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: 14px;
    color: #16182c;
}
.weLinkText {
	 color: rgba(255,255,255,0.5) !important;
	}
.footer-widget-social a i {
    color: rgba(255,255,255,0.5);
	}
.grey {
	color: #818181;
	}
ul {
	font-size: 16px;
	margin-left: 20px;
	}
.background-red {
	background: #d12326;
	}
.startheight {
	min-height: 280px;
	}

.image {
  opacity: 1;
  display: block;
  width: 100%;
  height: auto;
  transition: .5s ease;
  backface-visibility: hidden;
}

.middle {
  transition: .5s ease;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}


.containerblock:hover .image {
  opacity: 0.3;
}

.containerblock:hover .middle {
  opacity: 1;
}
.textoverlay {
  /*background-color: #d12326;*/
	background-color: #ffffff;
  color: #FFFFFF !important;
  font-size: 16px;
  padding: 28px 32px 16px 32px;
}
.gesucheHeight {
 min-height: 240px;
	}
.agenturlogo {
	width: 40px;
	height: 40px;
	margin-right: 20px;
	}
.immo.fa {
    padding-top: 12px;
}
.nowrap {
	white-space: nowrap;
	}
.immocheck-padding {
	margin-left: 3px;
	}
.immocheck:before {
	content: "\f00c"; 
	font-family: "FontAwesome"; 
	font-size: 11px; 
	font-weight: normal; 
	left: 0px; 
	position: relative; 
	text-indent: 0; 
	padding-right: 3px;
	}
.immocheck {
	font-size: 11px; 
	padding-right: 6px;
	}
.ausstattung {
	padding: 10px;
	background-color: #f6f6f6;
	border: 1px solid #eaeaea;
	}
.objektdaten {
	padding: 0 20px 0 15px;
	min-width: 200px;
	}
.energieausweis {
	background-color: #f6f6f6;
	border: 1px solid #eaeaea;
	}
.immocheckbox {
	width: 20px;
	height: 20px;
	margin-top: 3px;
	}
.direktanfrageformular {
	font-size: 13px; 
	padding-left: 6px;
	}
/** CSS Responsivee **/
@media only screen and (max-width: 599px) {
.resp1 {
	margin-top: 30px;
	}
.feature-3-info {
    min-height: auto;
}
.resp2 {
	font-size: 14px;
	}
.resp3 {
	margin-top: 10px;
	margin-left: -1px !important;
	}
.resp4 {
	margin-right: -2px;
	}
	.resp5 {
		padding: 0 15px;
		max-width: 100%;
		}
.resp6 {
	margin-right: 10px !important;
	}
.contact-form .section-field:nth-child(3) {
    margin-right: 10px;
}
	
.objektdaten {
    padding: 0 20px 0 15px;
    min-width: 170px;
}
}

@media only screen and (min-width: 600px ) {
	…
}

@media only screen and (min-width: 980px ) {
	…
}

@media only screen and (min-width: 992px ) {
.startheight {
    min-height: 480px;
}
	@media only screen and (min-width: 1300px ) {
.startheight {
    min-height: 380px;
}
	@media only screen and (min-width: 1900px ) {
.startheight {
    min-height: 280px;
}
}