.registerlist { list-style-type: circle; margin: 5px 0 15px;  }
.registerlist li { padding-left: 5px; margin-left: 18px }
.regblock {padding:6px 10px; background:#434343; margin-top:-1px; margin-bottom:0px; color:#fff; display:block; text-transform:uppercase; font-size:18px;}

#registerForm input.submit, #editForm input.submit {
	background:#6BCF00; padding:10px; color:#fff; border:none; width:100%; text-transform:uppercase;
	}
	#registerForm button, #editForm button {
	background:#6BCF00; padding:10px; color:#fff; border:none; width:100%; text-transform:uppercase;
	}
	#registerForm button span, #editForm button span {
	padding:0;
	}
#registerForm input.submit:hover, #loginForm input[type="button"]:hover, #editForm input.submit:hover {background:#5eb500;}

.social {
	padding: 7px 10px;
	margin: 3px;
	font-size:1rem;
	display: inline-block;
	color: #ffffff;
}
.login{margin-top:10px;}
.login .social { font-size: 0.75rem; padding: 5px }
.social:hover, .social:visited { text-decoration: none; color: #ffffff; }
.social .fa { width: 20px; }
.facebook { background: #3b5998 }
.twitter { background: #55acee }
.google-plus { background: #dd4b39 }
.xing { background: #026466; }
.linkedin { background: #0976b4 }
.live { background: #00a1f1 }
.error, .loginError { border: solid 1px red !important; }

.loginError, .loggingin { display:none; }
.errorInfo, .loginError { clear:both; display: none; background: red; color: #ffffff; padding: 10px; border-radius: 5px; margin-bottom:10px; text-align:center;}
.success, .successInfo  { display: none; background: #6BCF00; color: #ffffff; padding: 10px; border-radius: 5px }
.submiting { display:none; }
label.bold { font-weight: bold; }

.userNotActive { background: orange; color: #ffffff; padding: 10px; border-radius: 5px  }
.userNotActive a { color: #000000; text-decoration: underline; }
.userNotActive a:hover { color: #000000; }

.merkliste {margin-left:0px !important;}
.merkliste li{ color:#fff; height:95px; position:relative; border-bottom:1px solid #8e8e8e; margin-bottom: 5px; padding-bottom: 5px; list-style: none; }
.merkliste li:last-child { border: none}
.merkliste li img{max-height:90px; max-width:120px;}
.merkliste .merkcontent{padding:5px 10px 5px 15px;  }
.merkliste .merkcontent a{color:#434343;text-decoration: none;}
.merkliste .merkpic{float:left; background:#8e8e8e; margin-right:5px; height:90px; width:120px;}
.merkliste .merkcontent .merkhead{font-weight:600; padding-bottom:3px;}
.merkliste .merkcontent a.merkdelete{padding:5px; position:absolute; top:0; right:0; font-size:16px; color:#434343; text-align:center; background:#f6f6f6;}
.merkliste .merkcontent a.merkdelete:hover{background:#ddd;}

.list { padding: 0 10px; margin: 0 10px; list-style-type: circle }
.list li { padding: 3px; margin: 0 10px }

.suchauftrag_wrapper{background:#f1f1f1; padding:10px; margin-bottom:15px;}
.suchauftrag_inputs{overflow:hidden; margin-bottom:10px;}
.suchauftrag { background: #f1f1f1;}
.suchauftrag .anlegen { width:100%; font-weight:600; background:#6BCF00; color: #ffffff; display:block; text-decoration: none; font-size:1.4rem; text-transform: uppercase; padding:10px 0 10px 15px;}
.suchauftrag .anlegen.small{font-size:1.0rem;}
.suchauftrag .anlegen.small i{font-size:1.2rem; width:23px;}
.suchauftrag .anlegen i{font-size:1.6rem; width:35px;}
.suchauftrag .anlegen:hover{background:#5eb500;}
.suchauftrag .text { float: left; width:50%;}
.suchauftrag .text:first-of-type{padding-right:10px;}
.suchauftrag .text input { border: none; padding: 4px 6px;}
.suchauftrag .btn {}
.suchauftrag .btn-remove { background: #f00; }
.suchauftrag .btn-removed { background: #ddd; padding:10px;}
.suchauftrag .btn-removed a, .suchauftrag .btn-removed a:hover { cursor: default; color: #000; text-decoration: none }
.suchauftragSubline {text-align: center; font-size: 0.7rem; line-height:0.85rem; color:#8e8e8e; margin-top:5px;}

/* Suchauftrag */
.suchauftragListe {margin-left:0px !important;}
.suchauftragListe .clear { clear: both }
.suchauftragListe li {border-bottom: solid 1px #f6f6f6; padding-bottom: 5px; margin-bottom: 5px; list-style: none;}
.suchauftragListe .auftrag { float:left; padding: 10px 0; max-width: 600px; line-height: 20px }

.suchauftragListe .btn { float:right; margin-top: 11px; }
.suchauftragListe .btn a { color: #434343; padding: 8px 10px; background: #f6f6f6; margin-left: 2px }
.suchauftragListe .btn a:hover { background: #6BCF00; color: #ffffff }

.suchauftragListe .auftrag .name { font-weight: bold }
.suchauftragListe .menge { float:right; padding: 10px; background: #f6f6f6; text-align: center }
.suchauftragListe .menge .summe { font-weight: bold }

.xs-visible { display:none }

label.mandatory{font-weight:600;}
label.mandatory:after{content: " *";}
.ablauf ul{margin-left:40px;}
.ablauf li{line-height:1rem;}
#ablauf_privat{display:none;}
.successmsg{background: #6BCF00; color: #ffffff; padding: 20px; border-radius: 5px; font-size:1.1rem; line-height:1.3rem;}
.successmsg a{color:#434343 !important;}

.fussnote{font-size:0.7rem; font-style:italic; margin-top:15px;}

.orangebutton{padding:10px 15px; display:block; color:#fff !important; background:#ffae00; text-align:center; border:0; border-radius:0; width:100%; font-size:1.2rem; margin-bottom:15px; text-transform: uppercase; font-weight:700;}
.orangebutton .subline{font-size:0.9rem;}
.orangebutton i{font-size:2.2rem; float:left;padding-top:3px;}
.orangebutton:hover{background:#ff9600; color:#fff !important; text-decoration: none;}
.orangebutton span{line-height:1.2rem !important;}

.orangesmallbutton{padding:10px 15px; display:block; color:#fff !important; background:#ffae00; text-align:center; border:0; border-radius:0; width:100%; font-size:1.0rem; margin-top:15px; text-transform: uppercase; font-weight:700;}
.orangesmallbutton i{font-size:1.8rem; float:left; margin-top:-5px;}
.orangesmallbutton:hover{background:#ff9600; color:#fff; text-decoration: none;}


.highlight{padding:10px; background:#f0f0f0; border:3px solid #434343;}
.highlight h4{color:#434343;}

.immobilienliste > div{overflow:hidden; line-height:1.2rem;}
.immobilienliste .gesamt{border-top:1px solid #434343;margin-top:2px; padding-top:2px; font-weight:600;}
.immobilienliste div div:nth-of-type{}


.immobiliendaten h4{color:#434343; margin:1rem 0;}
.immobiliendaten {line-height:1.2rem;}


.meinProfil h2 {
    background: #f6f6f6;
    color: #434343;
    padding: 10px;
    margin-bottom: 5px;
}

@media only screen and (min-width: 960px) and (max-width: 1160px) {
.suchauftrag .anlegen.small{font-size:0.8rem;}
.suchauftrag .anlegen{font-size:1.1rem;}
.login .social { padding: 3px }
.social .fa { width: 10px; }
.orangebutton{font-size:1rem;}
}
@media only screen and (min-width: 767px) and (max-width: 960px) {
	.orangebutton{font-size:1rem;}
	.orangebutton .subline{font-size:0.8rem;}
	.orangesmallbutton{font-size:0.8rem;}

}
@media (max-width: 767px) {
    .suchauftragListe .menge { margin-bottom: 2px }
    .xs-hidden { display:none }
    .xs-visible { display:block }
    .suchauftragListe .auftrag { max-width: 330px }
    .suchauftragListe .btn { margin-top: 18px }

}

@media (max-width: 480px) {
    .suchauftragListe .menge { margin-bottom: 2px }
    .xs-hidden { display:none }
    .xs-visible { display:block }
    .suchauftragListe .auftrag { max-width: 220px }
    .suchauftragListe .btn { margin-top: 18px }
	.suchauftrag .anlegen.small{font-size:0.9rem;}
	.suchauftrag .anlegen{font-size:1.1rem;}
}



/**********************Angebot********************************/

.startform{
	margin-top:15px;

}


#angebot .startform input{
	border:0!important;
}
.startform .form-row{

	overflow:hidden;


}

.startform .form-row > div{
	width:100%;
	float:left;
	margin-bottom:5px;
}
.startform .form-row > div.form-half{
	width:50%
}
.startform .form-row >div.form-half:first-of-type{padding-right:5px;}
#angebot {
	line-height:1.2;
}

#angebot h1 {
	font-size:36px;
	margin-bottom:20px;
	font-weight:bold;
	line-height:1;

}

#angebot h2 {
	font-size:28px;
	margin-bottom:16px;
	font-weight:bold;
	line-height:1;
}

#angebot h3 {
	color:#949494;
	line-height:1.5rem;
	font-size:20px;
}

#angebot h4 {

	line-height:1.5rem;
	font-size:18px;
	font-weight:700;
	margin:5px 0;
}

#angebot .info {
	font-style:italic;
	padding-top:60px;
	padding-bottom:20px;
	clear:both;
}

#angebot .box {
	padding:15px;
	border:1px solid #e4e4e4;
	margin-top:30px;
	margin-bottom:5px;
}
#angebot .box ul{margin:0;}
#angebot .box ul > li{
	list-style:none;
}

#angebot .box p {
	margin-bottom:0px;
}
#angebot .darkbox{
	padding:15px;
	border:1px solid #222;
	margin-top:30px;
	margin-bottom:5px;
}
#angebot .darkbox h3{color:#222;text-align:center; margin-top:-30px;}
#angebot .darkbox h3 span{background:#fff; padding:0 20px;}

#angebot .konta {
	text-align:left;
	display:table;
}

#angebot .konta .alpha, #angebot .konta .omega {
	display:table-cell;
	vertical-align:middle;
	float:none;
}

#angebot .konta .omega {
	padding-left:25px;
}

#angebot .phono {
	font-size:20px;
	font-weight:600;
	color:#414141;
	margin-top:30px;
}

#angebot .phono a, #angebot .phono a:link, #angebot .phono a:visited {
	color:#414141;
	text-decoration:none;
}

#angebot .separire {
	margin-left:40px;
}

#angebot .tableresponsive {
	overflow-y: hidden;
}

#angebot .vergleichstabelle td{
	padding:10px;
	text-align:center;
	color:#414141;
	width:13%;
	line-height:1.2;
}

#angebot .vergleichstabelle td:nth-child(1) {
	background:#292b2e;
	color:#fff;
	border-bottom:1px solid #3A3A3A;
	width:35%;
}

#angebot .vergleichstabelle.v2 td, .vergleichstabelle.v2 td:nth-child(1){
	width:auto !important;
}


#angebot .tableheader {
	background:#6bcf00;
	color:#292b2e;
	padding:10px;
	font-weight:600;
	font-size:1.6rem;
	margin-top:30px;
}

#angebot .vergleichstabelle th {
	padding:10px;
	background:#292b2e;
	color:#6bcf00;
	text-align:center;
}

#angebot .vergleichstabelle th h3 {
	color:#fff;
	font-weight:600;
}

#angebot .vergleichstabelle tr:nth-child(even) {
	background:#e4e4e4;
}

#angebot .vergleichstabelle tr:nth-child(odd) {

}

#angebot #starten {

	position:relative;
}

#angebot #startencontent {
	width:60%;
	position:absolute;
	bottom:0;
	right:15px;

	text-align:left;
	color:#000;
	padding:15px;
	margin-top:-120px;
}

#angebot #startencontent h2, #startencontent p {
	color:#000;
}


#angebot .fa-check{color:green;}
@media only screen and (max-width: 767px) {
	#angebot .phono {font-size:14px;}
	#angebot .kontakttable td {display:block; width:100%;}
	h1 {font-size:28px;}
	h2 {font-size:20px;}
	h3 {font-size:14px;}
}











/**********************Angebot Promos*****************************/








.promos {
	max-width: 1140px;
	width:100%;
	margin: 0 auto;
	padding-top:60px;
	clear:both;
	display:table;
}

.promo {
	margin: 1em .5em 1.625em;
	padding: 0;
	background: #ddd;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	line-height: 1.625;

	text-align: center;
	border-right:1px solid #fff;
	position:relative;


}


/*.promo:last-of-type {
	border-right:0px;
}*/

.promo h4 {
	color:#fff;



}

.promo {
	display: inline;
	float: left;
	width: 33.3333%;
	margin: 1em 0 0;
}
.promo.widepromo{width:50%;}
.promo.promohighlight{background:#6bcf00;}
.promo.first {

}
.promo.second {
	float: left;
	border-left: none;
}
.promo.fifth {
	float: left;
	border-left: none;
}
.promo .titlewrapper{
	background:#222;
	position:relative
}
.promo .titlewrapper i{
	position:absolute;
	right:20px;
	top:10px;
	color:#fff;
}
#angebot .promo h4 {
	margin: 15px;
	padding-bottom:15px;
	font-size: 1.6em;
	font-weight: 600;
	border-bottom:1px solid #fff;
	text-transform:uppercase;
	margin-bottom:5px;
}
.promo .features {
	margin: 0;
	padding: 0;
	list-style-type: none;



}
.promo li {
	padding: .5em 0;
	font-size:13px;
	line-height:1.5em;
	list-style:none;
	margin:0;
}

.promo ul{margin:0;}
.promo .brief {
	color: #f9f9f9;
	background:#222;
	padding-left:15px;
	padding-right: 15px;
}
.promo li.pricewrapper{
	background:#222;
	padding-bottom:15px;

}

#angebot .price {
	margin: 0 auto;
	padding: 0;
	background: none;


	border-top:0px solid #fff;
	display:table;
	line-height:1;
	color:#ddd;
	background:none;

}
.price > div{display:table-cell; vertical-align:top;}
.price  .euro{
	color:#999;
	font-size:150%;
	padding-right:5px;
	font-weight:600;

}
.price .number{
	font-size: 300%;
	color: #6bcf00;
	line-height:0.8;
	font-weight:600;
}
.price .afterprice{
	padding-left:5px;
	line-height:1;
}
.price .afterprice .zeros{
	display: block;
	text-align:left;
	color:#6bcf00;
	font-weight:600;
	font-size:150%;
	padding-bottom:3px;


}
.price .afterprice .period{


	font-style: italic;
	display:block;

	text-align:left;
	font-size:80%;
}
.promo .list{

	padding:15px;
}
.promo .buy {
	margin: 1em 0 0;
}

.promo .pushbutton{height:40px;}
.promo button {
	font-size:14px;
	padding: 10px;
	width:84%;
	border: none;
	border-radius: 0px;
	background: #6bcf00;
	color: #414141;
	cursor: pointer;
	text-transform:uppercase;
	font-weight:600;
	position:absolute;
	bottom:4%;
	left:8%;

}

.promo button:hover {
	background: #222;
	color: #6bcf00;
}

.scale button {
	background: #222;
	color:#6bcf00;
}
.scale button:hover {
	background: #000;
}
.scale {
	transform: scale(1.1);
	box-shadow: 0 0 4px 1px rgba(20, 20, 20, 0.8);
	background:#6bcf00;
	color:#434343;
	z-index:99;
}
.promo.scale .titlewrapper, .promo.scale .brief, .promo.scale .pricewrapper{background:#6BCF00;}
.promo.scale .titlewrapper i{
	color:#222;
}
.scale .features {
	color:#222;
}
.scale .price, .scale .brief {
	color: #222;
	line-height:1.5em;
}
.scale .price .euro, .scale .price .number, .scale .price .afterprice .zeros, .scale .price .afterprice .period{
	border-color:#222;
	color:#222;
}

#angebot .scale h4 {
	color:#222;
	border-bottom-color: #222;
}

.scale {
	border-right:0px;
}

.clickable .promo > ul > li {background:none;}
.clickable .promo{
	cursor:pointer;
	background:#222;
}
.clickable .promo:hover{
	background:#434343;

}
.clickable .promo.scale{
	cursor: default;
	background:#6bcf00;
}
.clickable .promo.scale:hover{background:#6bcf00;}

.clickable .promo .choice:after{
	content:"Paket auswählen";
	color:#fff;
	text-transform:uppercase;
}
.clickable .promo.scale .choice:after{
	content:"Paket ausgewählt";
	color:#434343;
}


.profilpromos{

	width: 100%;
	margin: 0 auto;
	padding-top: 60px;
	clear: both;
	display: table;
}
.profilpromos .promo{width:25%}
.profilpromos .promo .number{font-size:200%;}
#angebot .profilpromos .promo h4{margin:8px;}
.profilpromos .promo .brief{padding-left:8px; padding-right:8px;}
.profilpromos .price{padding:8px;}
.profilpromos .price .euro{font-size:100%;}
.profilpromos .price .afterprice .zeros{ font-size:80%;}
.profilpromos .price .afterprice .period{ font-size:70%;}






#angebot input[type="text"],
#angebot input[type="password"],
#angebot input[type="date"],
#angebot input[type="datetime"],
#angebot input[type="email"],
#angebot input[type="number"],
#angebot input[type="search"],
#angebot input[type="tel"],
#angebot input[type="time"],
#angebot input[type="url"],
#angebot select,
#angebot textarea {
	border:1px solid #434343;
	padding:10px 15px;
	box-shadow:none;
	color: #000
}

#angebot select {
	font-size: 18px;
}

.registerbutton{
	background:#ff9600;
	border:0;color:#222;




	padding:10px 30px;
	cursor:pointer;
}
.registerbutton:hover{
	color:#fff;
}
.registerbutton.button-lg{font-size:1.2em; font-weight:700;text-transform:uppercase}
.registerbutton.block{width:100%; display:block;}
.producttabs{
	margin-top:30px;
}
.producttabs a{
	display:inline-block;
	text-transform:uppercase;
	color:#222!important;
	text-decoration:none!important;
	background:#ddd;
	padding:10px 30px;

}
.producttabs a:hover{
	color:#fff!important;
	background:#222;

}
.producttabs a.activeproduct{
	background:#6bcf00;
}
.producttabs a.activeproduct:hover{
	color:#434343!important;
}


/*****************Bestätigungsseite************************/

.selected-package{
	display:table;
	width:100%;
	padding:15px 30px;
	background:#222;

}
.selected-package > div{display:table-cell;
color:#ddd;
	vertical-align:middle!important;

}
.package-titledescription{color:#fff;font-size:1.1em; font-weight:600;}
.package-title{color:#6bcf00; font-size:300%; font-weight:600; text-transform: uppercase;}
.selected-package ul{
	margin:0;

}
.selected-package li{list-style:none; float:left;width:50%; margin:5px 0;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}
.selected-package li:before{content:"\f00c";font-family:'FontAwesome'; font-size:1.5em; padding-right:10px;}

.bezahlliste > div{float:left;width:30%; margin-bottom:15px;}
.bezahlliste > div:first-of-type{width:40%;}




.rgadresse{margin-bottom:15px;}
.rgadresse > div{width:100%; float:left; margin-bottom:15px;}
.rgadresse > div.col3{width:33.33%; margin-bottom:15px;padding-right:15px;}
.rgadresse > div.col2{width:50%; margin-bottom:15px;padding-right:15px;}
.rgadresse > div:last-of-type{padding-right:0;}



#angebot .rgadresse input{background:#ddd; border:0;}

.leistungsbox{background:#ddd;padding:10px;}
.orangebox{background:#FFAE00; color:#fff;padding:15px;}
.orangebox h2{color:#fff!important; font-size:24px;}


/**********************************************************/

@media only screen and (max-width: 959px){
	#angebot #startencontent h2{
		color:#000;
		font-size:1.5em;
		margin-bottom:5px;
	}
	.registerbutton{font-size:0.9em; padding-top:5px; padding-bottom:5px;}
	#angebot #startencontent{
		width:65%;
		font-size:0.9em;
	}
	#angebot #startencontent input{padding:5px;}
	#startencontent p{
		margin:3px 0;
	}
	.startform{margin-top:0;}


}

@media only screen and (max-width: 767px) {
	.selected-package > div{width:100%!important; display:block;overflow:hidden; margin-bottom:20px;}
	.selected-package li{width:100%;}
	.promos, .info {padding:0px;}
	.promo {float: none !important; display:block !important; width:100% !important; min-height:100px !important; }
	.scale {transform: scale(1.1); margin:30px 0;}
	.producttabs a{width:100%;display:block; text-align:center;}
	#angebot #startencontent {
		width:100%;
		position:relative;

		top:0;
		right:0;
		background:rgba(0,0,0,0.0);
		text-align:left;
		color:#000;
		padding:5px;
		font-size:0.9em;
		margin-top:0px;
	}

	#angebot #startencontent h2, #startencontent p {
		color:#000;
		font-size:1.1em;
		margin-bottom:5px;
	}

	#angebot .startform input{
		border:1px solid #222!important;
	}
	.startform .form-row > div.form-half{
		width:100%;

	}
	.startform .form-row >div.form-half:first-of-type{padding-right:0;}
	.bezahlliste > div{width:50%;}
	.bezahlliste >div:first-of-type{width:100%;}

}
.regpopup{display:table; margin:0 -12px;}

.regpopup > div{display:table-cell; padding:12px; width:33.3%; overflow:hidden; cursor:pointer;}
.regpopup > div p{margin:0;}
.regpopup > div:hover{background:#f1f1f1;}
.regpopup > div img{width:100%;}

/******************Angebot Ende**************************/