﻿
#cont-93 {
	background: var(--gelb);
}
#bild-100 img {
	width: 95%;
}
#bild-101 img {
	width: 95%;
}
#bild-107 img {
	padding: 7px 10px 5px 10px;
}
#col-105 {
	margin-left: 20px;
	cursor: pointer;
	transition: .2s ease;
}
#bild-108 img {
	width: 60%;
	padding: 15px 10px 5px 10px;
}
#bild-114 img {
	width: 80%;
	padding: 15px 10px 5px 10px;
}
#text-113 {
	margin: 0;
	padding: 20px 0 10px 0;
	color: #FFF;
	font-size: 20PX;
	font-weight: 900;
	letter-spacing: 2px;
	text-transform: uppercase;
	line-height: 48px;
}
#col-113 {
	cursor: pointer;
	transition: .2s ease;
}
#col-113:hover {
	background: var(--gelb);
}
#col-103 {
	cursor: pointer;
	transition: .2s ease;
}
#col-103:hover {
	background: var(--gelb);
}
#cont-102 {
	background: rgba(254, 204, 0, 0.8);
	margin-top: auto;
	line-height: 50px;
	display: flex;
	justify-content: space-between;
}
#cont-102 > div {
	display: flex;
}
#text-109 {
	margin: 0;
	padding: 30px 0 10px 0;
	color: #FFF;
	font-size: 26PX;
	letter-spacing: 2px;
	text-transform: uppercase;
	font-weight: 900;
}
#cont-95 {
	width: 100%;
	margin-top: auto;
	float: right;
}
#cont-97 {
	width: 27%;
	float: right;
	margin: 5%;
}
#cont-125 {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin: 3px;
	color: #fff;
	text-align: center;
}
#cont-125 > div {
	min-width: 270px;
	min-height: 250px;
	background-color: var(--darkgrey);
	background-size: cover !important;
	margin: 3px;
	display: flex;
	transition: .3s ease;
	justify-content: center;
	flex: 1;
	flex-basis: 30%;
	background-position: center !important;
	flex-direction: column;
	cursor: pointer;
}
#cont-125 > div:hover .white_border_button a {
	padding: 5px 15px;
}
#col-126 {
	background: url(../media/leistunguebersicht.jpg);
}
#col-128 {
	background: url(../media/leistunguebersicht.jpg);
}
#col-130 {
	background: url(../media/leistunguebersicht.jpg);
}
#col-135 {
	background: url(../media/leistunguebersicht.jpg);
}
#col-139 {
	background: url(../media/leistunguebersicht.jpg);
}
#cont-136 {
	background: var(--orange);
}
#col-158 {
	float: left;
	width: 80px;
	overflow: hidden;
}
#cont-151 {
	max-width: 1200px;
	margin: 0px auto;
	display: flex;
	flex-wrap: wrap;
}
#cont-151 > div {
	min-width: 270px;
	min-height: 250px;
	margin: 3px;
	display: flex;
	transition: .3s ease;
	flex: 1;
	flex-basis: 30%;
	background-position: center !important;
	flex-direction: column;
	cursor: pointer;
}
#cont-151 > div:hover .white_border_button a {
	padding: 5px 15px;
}
#bild-162 img {
	max-width: 70px;
}
#bild-169 img {
	max-width: 70px;
}
#bild-173 img {
	max-width: 70px;
}
#text-153 {
	margin-top: 20px;
}
#text-156 {
	margin-top: 20px;
}
#text-146 {
	border-top: 2px #000 solid;
}
#text-155 {
	border-top: 2px #000 solid;
}
#text-159 {
	border-top: 2px #000 solid;
}
#text-142 h2 {
	color: var(--gelb);
}
#text-177 {
	margin-top: 20px;
}
#text-178 {
	border-top: 2px #000 solid;
}
#col-188 {
	max-width: 600px;
}
#col-191 {
	display: flex;
	flex-wrap: wrap;
}
#col-191 > div {
	flex: 1;
}
#cont-196 {
	display: flex;
	flex-wrap: wrap;
}
#cont-196 > div {
	flex: 1;
}
#cont-204 {
	max-width: 600px;
	margin: 0px auto;
}
#col-202 {
	background: var(--gelb);
}
#cont-212 {
	max-width: 600px;
	margin: 0px auto;
}
#cont-209 {
	display: flex;
	flex-wrap: wrap;
}
#cont-209 > div {
	flex: 1;
}
#col-210 {
	background: url(../media/AdobeStock_296386160_Preview.jpeg);
	background-size: cover;
	background-position: center;
	min-height: 250px;
}
#cont-224 {
	max-width: 600px;
	margin: 0px auto;
}
#cont-221 {
	display: flex;
	flex-wrap: wrap;
}
#cont-221 > div {
	flex: 1;
}
#col-230 {
	min-height: 250px;
	background: url(../media/20210526-GanserDachBIld.jpg);
	background-size: cover;
	background-position: center;
}
#col-218 {
	background: #fff;
}
#col-222 {
	background: var(--gelb);
}
#cont-201 {
	display: flex;
	flex-wrap: wrap;
}
#cont-201 > div {
	flex: 1;
}
#cont-201 > div:hover .white_border_button a {
	padding: 5px 15px;
}
#text-231 a {
	border-top: 2px solid black;
	border-bottom: 2px solid black;
	color: #000;
	padding: 5px 1px;
	font-size: 20px;
	transition: .3s ease;
}
#text-232 a {
	border-top: 2px solid black;
	border-bottom: 2px solid black;
	color: #000;
	padding: 5px 1px;
	font-size: 20px;
	transition: .3s ease;
}
#cont-239 {
	max-width: 600px;
	margin: 0px auto;
}
#cont-233 {
	display: flex;
	flex-wrap: wrap;
}
#cont-233 > div {
	flex: 1;
}
#col-234 {
	background: url(../media/AdobeStock_296386160_Preview.jpeg);
	background-size: cover;
	background-position: center;
	min-height: 250px;
}
#col-237 {
	background: #fff;
}
#text-243 a {
	border-top: 2px solid black;
	border-bottom: 2px solid black;
	color: #000;
	padding: 5px 1px;
	font-size: 20px;
	transition: .3s ease;
}
#cont-248 {
	max-width: 600px;
	margin: 0px auto;
}
#cont-245 {
	display: flex;
	flex-wrap: wrap;
}
#cont-245 > div {
	flex: 1;
}
#col-254 {
	min-height: 250px;
	background: url(../media/20210526-GanserDachBIld.jpg);
	background-size: cover;
	background-position: center;
}
#col-246 {
	background: var(--gelb);
}
#text-252 a {
	border-top: 2px solid black;
	border-bottom: 2px solid black;
	color: #000;
	padding: 5px 1px;
	font-size: 20px;
	transition: .3s ease;
}
#text-207 {
	font-size: 15px;
	font-weight: 600;
}
#col-203 {
	min-height: 250px;
	background: url(../media/BERATUNG.png);
	background-size: cover;
	background-position: center;
}
#col-258 {
	float: left;
	width: 80px;
	overflow: hidden;
}
#col-256 {
	min-height: 250px;
	background: url(../media/BERATUNG.png);
	background-size: cover;
	background-position: center;
}
#cont-269 {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
#cont-269 > div {
	min-width: 250px;
	flex-basis: 48%;
	width: 100%;
}
#cont-385 {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
#cont-385 > div {
	min-width: 250px;
	flex-basis: 48%;
	width: 100%;
}
#cont-393 {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
#cont-393 > div {
	min-width: 250px;
	flex-basis: 48%;
	width: 100%;
}
#cont-407 {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
#cont-407 > div {
	min-width: 250px;
	flex-basis: 48%;
	width: 100%;
}
#text-414 {
	border-top: 2px solid white;
	border-bottom: 2px solid white;
	padding: 5px 1px;
	color: #fff;
	font-size: 20px;
	text-align: center;
	transition: .3s ease;
}
#text-415 a {
	font-size: 15px;
	font-weight: 600;
	text-decoration: underline;
}
#cont-403 {
	background: var(--gelb);
}
#cont-403 > :hover a {
	padding: 5px 15px;
}
#bild-405 img {
	max-width: 100px;
}
#cont-117 {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	display: none;
}
#cont-117 > div {
	min-width: 250px;
	flex-basis: 48%;
	width: 100%;
}
#col-116 {
	max-width: 1400px;
}
#cont-259 {
	background: #fff;
	display: none;
}
#text-1163 {
	display: none;
}
#col-1563 {
	background: url(../media/VB_L_Kranverleih.jpg);
	min-height: 400px;
	background-size: cover !important;
}
#col-1575 {
	background: url(../media/2.Geschossig_Ansicht1_web.jpg);
}
#col-1602 {
	background: url(../media/Halle_Blech_Ansicht1_web.jpg);
}
#col-1581 {
	background: url(../media/Halle_Holz_Ansicht1_web.jpg);
}
#col-1661 {
	background: url(../media/Halle_Blech_Ansicht1_web.jpg);
}
#col-1668 {
	background: url(../media/Halle_Holz_Ansicht1_web.jpg);
}
#col-1678 {
	background: url(../media/EFH_Satteldach_Ansicht1_web.jpg);
}
#col-1685 {
	background: url(../media/EFH_Walmdach_Ansicht1_web.jpg);
}
#col-1692 {
	background: url(../media/2.Geschossig_Ansicht1_web.jpg);
}
#col-1699 {
	background: url(../media/Halle_Blech_Ansicht1_web.jpg);
}
#col-1706 {
	background: url(../media/Halle_Holz_Ansicht1_web.jpg);
}
#col-1715 {
	background: url(../media/EFH_Satteldach_Ansicht1_web.jpg);
}
#col-1722 {
	background: url(../media/EFH_Walmdach_Ansicht1_web.jpg);
}
#col-1729 {
	background: url(../media/2.Geschossig_Ansicht1_web.jpg);
}
#col-1752 {
	background: url(../media/EFH_Satteldach_Ansicht1_web.jpg);
}
#col-1759 {
	background: url(../media/EFH_Walmdach_Ansicht1_web.jpg);
}
#col-1766 {
	background: url(../media/2.Geschossig_Ansicht1_web.jpg);
}
#col-1773 {
	background: url(../media/Halle_Blech_Ansicht1_web.jpg);
}
#col-1780 {
	background: url(../media/Halle_Holz_Ansicht1_web.jpg);
}
#col-1789 {
	background: url(../media/EFH_Walmdach_Ansicht1_web.jpg);
}
#col-1784 {
	width: 100%;
}
#cont-1783 {
	max-width: 1400px;
	justify-content: center;
	margin: auto;
	padding-bottom: 100px;
}
#cont-115 {
	padding: 40px 0 0 0 !important;
}
#col-1793 {
	display: flex;
	gap: 10px;
	justify-content: center;
	text-align: center;
	flex-wrap: wrap;
}
#col-1793 p {
	font-size: 16px;
	font-weight: 600;
	transition: .3s ease;
	display: inline-block;
}
#col-1139 {
	display: flex;
	gap: 10px;
	justify-content: center;
	text-align: center;
}
#col-1139 p {
	font-size: 16px;
	font-weight: 600;
	border-bottom: 8px solid transparent;
	transition: .3s ease;
	display: inline-block;
}
#col-1139 >div {
	flex-basis: 15%;
	color: #000;
}
#col-1139 img {
	height: 50px;
	background: var(--gelb);
	padding: 10px;
}
#col-1139 > div:not(:nth-child(6)) img {
	border-radius: 50%;
}
#cont-1792 {
	display: flex;
	gap: 20px;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}
#cont-1792 .bhv-text p {
	padding: 8px 15px;
	background: var(--gelb);
	color: black;
	height: auto;
	cursor: pointer;
	margin-bottom: 5px;
	width: auto;
	display: inline-block;
	transition: .3s ease;
	border-radius: 25px;
	font-weight: bold;
}
#cont-1792 .bhv-text p:hover {
	background: var(--orange);
	color: black;
}
#col-1569 {
	background: url(../media/EFH_Walmdach_Ansicht1_web.jpg);
}
#cont-1159 {
	top: 10px;
	position: relative;
}
#cont-1811 {
	display: flex;
	gap: 30px;
}
#col-1812 {
	display: flex;
	gap: 30px;
}
#bild-1157 img {
	margin-top: -10px;
}
#col-1814 {
	background: url(../media/EFH_Satteldach_Ansicht1_web.jpg);
}
#cont-1818 {
	top: 10px;
	position: relative;
}
#cont-1815 {
	display: flex;
	gap: 30px;
}
#col-1816 {
	display: flex;
	gap: 30px;
}
#bild-1820 img {
	margin-top: -10px;
}
#col-1824 {
	background: url(../media/EFH_Satteldach_Ansicht1_web.jpg);
}
#cont-1828 {
	top: 10px;
	position: relative;
}
#cont-1825 {
	display: flex;
	gap: 30px;
}
#col-1826 {
	display: flex;
	gap: 30px;
}
#bild-1830 img {
	margin-top: -10px;
}
#col-1559 {
	background: url(../media/EFH_Walmdach_Ansicht1_web.jpg);
}
#cont-1850 {
	top: 10px;
	position: relative;
}
#cont-1847 {
	display: flex;
	gap: 30px;
}
#col-1848 {
	display: flex;
	gap: 30px;
}
#bild-1852 img {
	margin-top: -10px;
}
#cont-1861 {
	top: 10px;
	position: relative;
}
#cont-1858 {
	display: flex;
	gap: 30px;
}
#col-1859 {
	display: flex;
	gap: 30px;
}
#bild-1863 img {
	margin-top: -10px;
}
#col-1868 {
	background: url(../media/EFH_Satteldach_Ansicht1_web.jpg);
}
#cont-1872 {
	top: 10px;
	position: relative;
}
#cont-1869 {
	display: flex;
	gap: 30px;
}
#col-1870 {
	display: flex;
	gap: 30px;
}
#bild-1874 img {
	margin-top: -10px;
}
#cont-1883 {
	top: 10px;
	position: relative;
}
#cont-1880 {
	display: flex;
	gap: 30px;
}
#col-1881 {
	display: flex;
	gap: 30px;
}
#bild-1885 img {
	margin-top: -10px;
}
#col-1846 {
	background: url(../media/Kompakthaus_Walmdach_Ansicht1_web.jpg);
}
#cont-1895 {
	top: 10px;
	position: relative;
}
#cont-1892 {
	display: flex;
	gap: 30px;
}
#col-1893 {
	display: flex;
	gap: 30px;
}
#bild-1897 img {
	margin-top: -10px;
}
#col-1902 {
	background: url(../media/EFH_Satteldach_Ansicht1_web.jpg);
}
#cont-1906 {
	top: 10px;
	position: relative;
}
#cont-1903 {
	display: flex;
	gap: 30px;
}
#col-1904 {
	display: flex;
	gap: 30px;
}
#bild-1908 img {
	margin-top: -10px;
}
#col-1891 {
	background: url(../media/2.Geschossig_Ansicht1_web.jpg);
}
#cont-1918 {
	top: 10px;
	position: relative;
}
#cont-1915 {
	display: flex;
	gap: 30px;
}
#col-1916 {
	display: flex;
	gap: 30px;
}
#bild-1920 img {
	margin-top: -10px;
}
#cont-1930 {
	top: 10px;
	position: relative;
}
#cont-1927 {
	display: flex;
	gap: 30px;
}
#col-1928 {
	display: flex;
	gap: 30px;
}
#bild-1932 img {
	margin-top: -10px;
}
#cont-1941 {
	top: 10px;
	position: relative;
}
#cont-1938 {
	display: flex;
	gap: 30px;
}
#col-1939 {
	display: flex;
	gap: 30px;
}
#bild-1943 img {
	margin-top: -10px;
}
#col-1926 {
	background: url(../media/Halle_Blech_Ansicht1_web.jpg);
}
#col-1937 {
	background: url(../media/Halle_Holz_Ansicht1_web.jpg);
}
#col-92 {
	display: flex;
	flex-direction: column;
	min-height: 40vh;
	height: 80vh;
}
#col-1879 {
	background: url(../media/Kompakthaus_Satteldach_Ansicht1_web.jpg);
}
#col-1857 {
	background: url(../media/Kompakthaus_Pultdach_Ansicht1_web.jpg);
}
#cont-2006 {
	top: 10px;
	position: relative;
}
#cont-2003 {
	display: flex;
	gap: 30px;
}
#col-2004 {
	display: flex;
	gap: 30px;
}
#bild-2008 img {
	margin-top: -10px;
}
#col-2002 {
	background: url(../media/2.Geschossig_Pultdach_Ansicht2_web.jpg);
}
#cont-2015 {
	top: 10px;
	position: relative;
}
#cont-2012 {
	display: flex;
	gap: 30px;
}
#col-2013 {
	display: flex;
	gap: 30px;
}
#bild-2017 img {
	margin-top: -10px;
}
#cont-2026 {
	top: 10px;
	position: relative;
}
#cont-2023 {
	display: flex;
	gap: 30px;
}
#col-2024 {
	display: flex;
	gap: 30px;
}
#bild-2028 img {
	margin-top: -10px;
}
#col-2022 {
	background: url(../media/Halle_Blech_Ansicht1_web.jpg);
}
#cont-2039 {
	top: 10px;
	position: relative;
}
#cont-2036 {
	display: flex;
	gap: 30px;
}
#col-2037 {
	display: flex;
	gap: 30px;
}
#bild-2041 img {
	margin-top: -10px;
}
#col-2035 {
	background: url(../media/Generationenhaus_Pultdach_Ansicht1_web.jpg);
}
#col-1914 {
	background: url(../media/Generationenhaus_Walmdach_Ansicht1_web.jpg);
}
#cont-91 {
	background-size: cover;
	color: #fff;
	background-image: url(../media/Winteransicht_Tag1_web.jpg);
	background-position: 60% 55%;
	min-height: calc(100vh - 123px);
	position: relative;
}
#bild-2053 img {
	width: 20vw;
}
#bild-2053 {
	position: absolute;
	top: 20%;
	left: 20%;
	max-width: 30%;
}
@media(max-width: 800px) {
	#col-191 > div {
		min-width: 100%;
	}
	#cont-196 > div {
		min-width: 100%;
	}
	#cont-209 > div {
		min-width: 100%;
	}
	#cont-221 > div {
		min-width: 100%;
	}
	#cont-201 > div {
		min-width: 100%;
	}
	#cont-233 > div {
		min-width: 100%;
	}
	#cont-245 > div {
		min-width: 100%;
	}
	#cont-269 > div {
		flex-basis: 100%;
	}
	#cont-385 > div {
		flex-basis: 100%;
	}
	#cont-393 > div {
		flex-basis: 100%;
	}
	#cont-407 > div {
		flex-basis: 100%;
	}
	#cont-117 > div {
		flex-basis: 100%;
	}
	#col-92 {
		justify-content: flex-start;
		min-height: 85vh;
	}
	#bild-2053 {
		left: 51px;
		width: 70%;
		top: 10%;
		max-width: 260px;
	}
	#bild-2053 img {
		width: 85vw;
	}
}

@media(max-width: 950px) {
	#col-1139 >div {
		flex-basis: 32%;
		margin-bottom: 20px;
	}
	#col-1139 {
		flex-wrap: wrap;
		justify-content: center;
	}
}

@media(max-width: 650px) {
	#col-1139 >div {
		flex-basis: 48%;
		max-width: 49%;
	}
	#col-1139 img {
		height: 60px;
	}
}

@media(max-width: 1000px) {
	#cont-1792 {
		flex-wrap: wrap;
	}
}
