﻿
#bild-1080 img {
	width: 200px;
}
#bild-1081 img {
	width: 200px;
}
#cont-1056 {
	background-size: 100px auto;
	background-image: url(../media/bg-pattern.png);
	background-attachment: fixed;
}
#text-1254 h1 {
	font-size: 3.5em;
}
#cont-1058 > div {
	display: grid;
	grid-template-columns: repeat(3, 32.7% [col-start]);
	gap: .5%;
}
#cont-1058 .square-box {
	xwidth: 30vw;
	background-color: var(--color1);
	xmax-width: 380px;
	xmin-width: 290px;
	min-height: 380px;
	display: flex;
	align-items: center;
	position: relative;
	xflex: 1 1 30vw;
}
#cont-1058 .square-box > div {
	width: 80%;
	margin: 0 auto;
	float: none;
	padding: 30px 0;
}
#cont-1058 .square-box .bottom {
	display: none;
}
#cont-1070 {
	background-color: var(--color2) !important;
}
#cont-1074 {
	background-color: var(--color2) !important;
}
#text-1259 a:hover {
	background: var(--color1);
	color: var(--color2);
}
#bild-1082 img {
	width: 270px;
}
#cont-1066 {
	cursor: pointer;
}
#cont-1062 {
	cursor: pointer;
}
#cont-1072 {
	background-size: cover;
	background-image: url(../media/plan-hausschachen.png);
	background-position: center;
	cursor: pointer;
}
#cont-1068 {
	background-image: url(../media/hausschachen-aussen01.jpg);
	background-size: cover;
	background-position: center;
	cursor: pointer;
}
#cont-1060 {
	background-size: cover;
	background-image: url(../media/Plakat02.JPG);
	background-position: center;
	cursor: pointer;
}
#cont-1076 {
	background-size: cover;
	background-image: url(../media/plan-stadtamt.png);
	background-position: center;
	cursor: pointer;
}
#cont-1064 {
	cursor: pointer;
}
@media(max-width: 1000px) {
	#cont-1058 > div {
		grid-template-columns: repeat(2, 49% [col-start]);
	}
	#cont-1058 .square-box {
		height: auto;
		min-height: 45vw;
	}
}

@media(max-width:600px) {
	#cont-1058 > div {
		xgrid-template-columns: repeat(1, 100% [col-start]);
		display: flex;
		flex-direction: column;
	}
	#cont-1058 .square-box {
		height: auto;
		min-height: 95vw;
		margin-bottom: 10px;
	}
	#cont-1070 {
		order: 1;
	}
	#cont-1074 {
		order: 9;
	}
	#cont-1066 {
		order: 5;
	}
	#cont-1062 {
		order: 7;
	}
	#cont-1072 {
		order: 4;
	}
	#cont-1068 {
		order: 2;
	}
	#cont-1060 {
		order: 6;
	}
	#cont-1076 {
		order: 8;
	}
	#cont-1064 {
		order: 3;
	}
}
