.tab-anwendungen-top-block {
	display: grid;
	grid-template-columns: 1.5fr 1fr;
	grid-gap: 40px;
}

.tab-anwendungen-top-block .tab-anwendungen-top-info h3, .tab-anwendungen-vermieten-top-block .tab-anwendungen-top-info h3 {
	color: #000;
	font-family: "Roboto", Sans-serif;
	font-size: 40px;
	font-weight: 600;
	text-transform: initial;
	padding: 0;
	margin: 35px 0 40px 0;
	line-height: 1.25;
	text-align: left;
}

.tab-anwendungen-top-block .tab-anwendungen-top-info p {
	margin: 30px 0 0;
}

.tab-anwendungen-vermieten-top-block .tab-anwendungen-top-info p {
	margin: 30px 0;
}

.tab-anwendungen-top-block .tab-anwendungen-top-svg-wrap svg {
	max-width: 60%;
}

.tab-anwendungen-main-grid {
	display: grid;
	grid-template-columns: 1fr 100px 10fr;
}

.tab-anwendungen-main-grid .tab-anwendungen-numbers-block, .tab-anwendungen-main-grid .tab-anwendungen-hr-block {
	display: grid;
	grid-template-rows: 70px;
	grid-gap: 10px;
	align-items: center;
}

.tab-anwendungen-main-grid .tab-anwendungen-numbers-block .number-box {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 5px 25px;
	color: #fff;
	font-size: 40px;
	border: 1px solid;
	cursor: pointer;
}

.tab-anwendungen-main-grid .tab-anwendungen-hr-block hr {
	width: 98%;
}

.tab-anwendungen-main-grid .tab-anwendungen-hr-block .displayLine {
	visibility: visible;
}

.tab-anwendungen-main-grid .tab-anwendungen-hr-block .hideLine {
	visibility: hidden;
}

.tab-anwendungen-main-grid .tab-anwendungen-text-box {
	box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
	min-height: 482px;
}

.tab-anwendungen-main-grid .tab-anwendungen-text-box .text-box {
	padding: 30px;
}

.tab-anwendungen-main-grid .tab-anwendungen-text-box .text-box h4 {
	font-size: 30px;
	margin-bottom: 20px;
}

.tab-anwendungen-main-grid .tab-anwendungen-text-box .text-box p {
	margin: 0 0 20px 10px;
	line-height: 32px;
	font-size: 19px;
}

/*=======================
  RESPONSIVE DESIGN
=========================*/
@media (max-width: 1200px) {
	.tab-anwendungen-top-block .tab-anwendungen-top-info p {
		margin: 30px 0;
	}
}

@media (max-width: 998px) {
	.tab-anwendungen-top-block {
		grid-template-columns: 1fr;
	}
	
	.tab-anwendungen-top-block .tab-anwendungen-top-svg-wrap {
		display: none;
	}
	
	.tab-anwendungen-top-block .tab-anwendungen-top-info h3, .tab-anwendungen-vermieten-top-block .tab-anwendungen-top-info h3 {
		margin: 35px 0 0 0;
	}
}

@media (max-width: 768px) {
	.tab-anwendungen-main-grid {
		grid-template-columns: 1fr 20px 10fr;
		padding: 15px 10px;
	}
}

@media (max-width: 540px) {
	.tab-anwendungen-main-grid {
		grid-template-columns: 1fr;
	}
	
	.tab-anwendungen-main-grid .tab-anwendungen-numbers-block {
		grid-template-columns: 1fr 1fr 1fr 1fr;
		grid-gap: 20px;
		grid-template-rows: 1fr;
		margin-bottom: 10px;
		justify-items: center;
	}
	
	.tab-anwendungen-main-grid .tab-anwendungen-numbers-block .number-box {
		padding: 0;
		width: 75px;
		height: 75px;
	}
	
	.tab-anwendungen-main-grid .tab-anwendungen-hr-block {
		display: none;
	}
}

@media (max-width: 450px) {
	.tab-anwendungen-main-grid .tab-anwendungen-numbers-block .number-box {
		width: 50px;
		height: 50px;
		font-size: 35px;
	}
}

@media (max-width: 400px) {
	.tab-anwendungen-main-grid .tab-anwendungen-numbers-block .number-box {
		width: 40px;
		height: 40px;
		font-size: 30px;
	}
}

/*=======================
   SVG HOUSE VERKAUFEN
=========================*/
.st0 {
	fill: #cfbfa6;
}

.st1 {
	fill: #904f39;
}

.st2 {
	fill: #b7b7b7;
}

.st3 {
	fill: #fdfdfd;
}

.st4 {
	fill: #79caca;
}

.st5 {
	fill: #7799ca;
}

.st6 {
	fill: #587195;
}

.st7 {
	fill: #fff;
}

.st8 {
	fill: #6e3c2b;
}

.st9 {
	fill: #dde76c;
}

.st10 {
	fill: #98533c;
}

.st11 {
	fill: #968a78;
}

.st12 {
	fill: #7a7a7a;
}

.st13 {
	fill: #a8a8a8;
}

.st14 {
	fill: #579292;
}

.st15 {
	fill: #9e563f;
}

.st16 {
	fill: #80a6db;
}

.st17 {
	fill: #5e79a0;
}

.st18 {
	fill: #ccc;
}