/*
 Theme Name:   DeinHausZerif
 Description:  Child theme of Zerif Lite for Dein Haus
 Author:       Eduard Korenblum
 Author URI:   www.korenblum.de
 Template:     zerif-lite
 Version:      1.1.0
 License:      GNU General Public License version 2
 License URI:  license.txt
 Text Domain:  responsiveboat
 Tags:         black, gray, red, white, one-column, two-columns, right-sidebar, responsive-layout, custom-background, custom-menu, editor-style, featured-images, threaded-comments, translation-ready
*/
@import url("../zerif-lite/style.css");

a{
	color: #fff;
}
a:hover{
	color: #fff;
}
a:visited{
	color: #fff;
}

#testimonials {
	background: #272727;
	padding-bottom: 0px !important;
	padding-top: 30px !important;
}

#testimonials .container .section-header{
	padding-bottom: 0px;
}

#testimonials .container .section-header .white-text{
	color: #fff;
}.latest-news{
	background: #272727;
}

.latest-news .container .section-header .dark-text{
	color: #fff;
}

#carousel-homepage-latestnews .carousel-inner .item .latestnews-title a  {
	color: #fff !important;
}

.latesnews-content p, .latesnews-content{
	color: #fff !important;
}

#carousel-homepage-latestnews .item .latestnews-box:nth-child(4n+1) .latestnews-title a:before{
	background: #fff;
}

#carousel-homepage-latestnews .item .latestnews-box:nth-child(4n+2) .latestnews-title a:before{
	background: #fff;
}

.slide-one > * {
  display: inline-block !important;
  text-align: center !important;
	float: left;

	padding-right: 20px;
	color: #fff !important;
}
.slide-two > *{
	display: inline-block !important;
  text-align: center !important;
	float:left;

	padding-left: 20px;
	color: #fff !important;
}
.refText{
	padding-bottom: 30px;
	line-height: 40px;
	color: #fff;
	font-size: 45px;
	text-transform: uppercase;
	margin-top: 15px;
	margin-bottom: 0;
	font-family: 'Montserrat', Helvetica, sans-serif;
  font-weight: 700;
}

.aktText{
	color: #fff;
	font-size: 25px;
	font-family: 'Montserrat', Helvetica, sans-serif;
  font-weight: 700;
	width: 50%;
	float:left;
	padding-left: 15%;

}
.planText{
	color: #fff;
	font-size: 25px;
	font-family: 'Montserrat', Helvetica, sans-serif;
  font-weight: 700;
	width: 50%;
	float: right;
	padding-right: 15%;
}

.leftText{
	width: 15% !important;
	float:left;
	color: #fff;
	font-family: 'Montserrat', Helvetica, sans-serif;
	padding-right: 26px;
	text-align: right;
}

.rightText{
	width: 14% !important;
	float:right;
	color: #fff;
	font-family: 'Montserrat', Helvetica, sans-serif;
	text-align: left;
}
.rightText ul{
position: absolute;
margin-left: 26px;
}

.akt-slider{
	width: 35% !important;
}

.plan-slider{
	width: 35% !important;
}

.descripAkt{
	color: #fff;
	font-family: 'Montserrat', Helvetica, sans-serif;
	line-height: 30px;
	font-size: 18px;
	font-weight: 400;

	width: 50%;
	text-align: left;
	padding-left: 15%;

	margin-bottom: 3%;
	/*margin-top: -1%;*/
}
.gMaps{
	width: 34% !important;
	float: right !important;
	margin-top: -16.5%;
	margin-bottom: 2%;
	margin-right: 15%;
}

#testimonials .container{
	width: 92.5%;
}

/* Flexbox container */
#content {
   display: -webkit-flex;
   display: flex;
   -webkit-flex-direction: column;
   flex-direction: column;
}
#aboutus {
   order: 1;
}
.separator-one {
   order: 2;
}
#focus {
   order: 3;
}
#team {
   order: 4;
}
#testimonials {
   order: 5;
}
.purchase-now {
   order: 6;
}
#latestnews {
   order: 7;
}
#contact {
   order: 8;
}
#footer {
   order: 9;
}

.purchase-now {
	background-color:#272727;
	opacity: 0.8;
	padding-top: 110px;
	padding-bottom: 110px;
	width: 100%;
}

.separator-one{
	background-color:#272727;
	opacity: 0.8;
}

.pirate_forms .pirate-forms-submit-button{
	background: #272727;
	color: #fff !important;
}
.pirate_forms .pirate-forms-submit-button:hover {
	color: #272727 !important;
	background: #fff;
}

.about-us p{
	font-size: 16px;
	line-height: 26px;
	color: white;
}

@media (min-width: 1200px){
	.intro-text {
		font-size: 51px;
	}
}

@media (max-width: 1024px){
	#footer .container{
		padding-left: 0px;
		padding-right: 0px;
		width: 100% !important;
	}

	.aktText{
		padding-left: 19%;

	}
	.planText{
		padding-right: 19%;
	}

	.slide-one > * {
		padding-right: 10px;
	}
	.slide-two > *{
		padding-left: 10px;
	}

	.akt-slider{
		width: 31% !important;
	}

	.plan-slider{
		width: 31% !important;
	}

	.leftText{
		width: 19% !important;
	}
	.leftText ul li{
		font-size: 13px;
	}

	.rightText{
		width: 19% !important;
	}

	.rightText ul{
		position: relative;
	}
	.rightText ul li{
		font-size: 13px;
	}

	.descripAkt{
		line-height: 20px;
		font-size: 14px;
		font-weight: 300;
		margin-top: -35px;
		margin-bottom: 2%;
		padding-left: 19%;
	}
	.descripAkt ul{
		margin-bottom: 0.5em;
	}
	.descripAkt ul li{
		font-size: 14px;
	}

	.gMaps{
		width: 30% !important;
		margin-top: -24.5%;
		margin-right: 19%;
	}

	#testimonials .container{
		width: 97.5%;
		padding-left: 0px;
		padding-right: 0px;
	}
}

@media (max-width: 992px){
	.slide-one > * {
		padding-right: 8px;
	}
	.slide-two > *{
		padding-left: 8px;
	}

	.leftText ul li{
		font-size: 12px;
	}

	.rightText ul li{
		font-size: 12px;
	}

	.descripAkt{
		font-size: 13px;
	}

	.descripAkt ul li{
		font-size: 13px;
	}
}

@media (max-width: 767px){

	.aktText{
		width: 100%;
		padding-left: 0px;
	}

	.akt-slider{
		width: 50% !important;
		position: absolute !important;
		margin-top: 6%;
		left: 2%;
	}

	.leftText{
		width: 41% !important;
		position: absolute;
		margin-top: 6%;
		text-align: left;
		direction: ltr;
		left: 47%;
	}

	.descripAkt{
		position: absolute;
		left: 52%;
		margin: 0px;
		padding: 0px;
		margin-top: 18%;
	}

	.descripAkt ul{
		list-style-position: outside;
		margin: 0px;
    margin-left: 0px;
		margin-left: 3%;
	}

	.planText {
    position: absolute;
    margin: auto;
    left: 0px;
    right: 0px;
    width: 100%;
    margin-top: 85%;
    padding: 0px;
	}

	.plan-slider{
		width: 50% !important;
		position: absolute !important;
		margin-top: 91%;
		right: 2%;
	}

	.rightText{
		width: 41% !important;
		position: absolute;
		margin-top: 91%;
		text-align: right;
		direction: rtl;
		right: 53%;
	}

	.gMaps {
		width: 90% !important;
		margin-top: 39.5%;
		margin-right: 5%;
		margin-left: 5%;
	}

	#testimonials .container{
		margin-bottom: 44%;
	}

}

@media (max-width: 480px){
	.akt-slider {
    width: 95% !important;
    left: 0px;
    right: 0px;
    margin: auto;
    padding: 0;
		margin-top: 10%;
	}

	.leftText {
    width: 100% !important;
    margin-top: 78% !important;
    left: 0;
	}

	.leftText ul li{
		font-size: 16px;
	}

	.descripAkt {
    position: absolute;
    left: 2%;
    margin: 0px;
    padding: 0;
    margin-top: 105%;
    width: 95%;
    font-size: 14px;
	}

	.descripAkt ul {
    margin: 0 0 0.5em 2em;
	}

	.descripAkt ul li {
    font-size: 14px;
		text-rendering: geometricPrecision;
	}

	.planText{
		margin-top: 233%;
	}

	.plan-slider {
    width: 95% !important;
    left: 0px;
    right: 0px;
    margin: auto;
    padding: 0;
    margin-top: 244%;
	}

	.rightText {
		width: 100% !important;
		margin-top: 311% !important;
		left: 0;
		direction: ltr;
		text-align: left;
	}

	.rightText ul li{
		font-size: 16px;
	}

	.gMaps {
		width: 80% !important;
		margin-top: 153.5%;
		margin-left: 10%;
		margin-right: 10%;

	}

	#testimonials .container{
	margin-bottom: 125%;
	}

}

@media (max-width: 320px){
	.refText{
		font-size: 30px;
	}

	.aktText{
		font-size: 20px;
	}

	.leftText{
		left: -7%;
	}

	.leftText ul li {
		font-size: 12px;
	}

	.descripAkt{
		font-size: 12px;
	}

	.descripAkt ul li{
		font-size: 12px;
	}

	.planText{
		margin-top: 240%;
		font-size: 20px;
	}

	.plan-slider{
		margin-top: 250%;
	}

	.rightText{
			margin-top: 318% !important;
	}

	.rightText ul li{
		font-size: 12px;
	}

	.gMaps{
		margin-top: 167.5%;

	}
	.gMaps #wpgmza_map{
		height: 200px !important;
	}

	#testimonials .container{
	margin-bottom: 120%;
	}
}