.auswahl-kategorie { display: none; margin-bottom: 10px; }
.auswahl-kategorie.current { display: block; }

.auswahl-kategorie h2 { height: 3.6em; overflow: hidden; }

.shoppingcart { margin-bottom: 0.2em;	}

.auswahl-filter {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	max-width: 400px;
	margin: 0 auto;
}

.auswahl-filter a.filter-option {
	padding: 2.7rem 0.5rem 0 !important;
	font-size: var(--font-size-xs);
	line-height: 1.2;
	text-align: center;
	text-decoration: none;
	color: var(--color-text);
}

.auswahl-filter a.filter-option:not(:last-child) { border-right: 1px solid var(--color-gray-2); }

.auswahl-filter a.filter-option.current { color: var(--color-sparkassenrot); }

.auswahl-filter a.filter-option:before {
	left: calc(50% - 1.1rem);
	top: 0.3rem;
	width: 2.2rem;
	height: 2.2rem;
}

.auswahl-filter a.filter-option.icon-werkzeug:not(.current):before { background-image: url(../assets/icons/icon_werkzeug_grau.svg); }
.auswahl-filter a.filter-option.icon-herz:not(.current):before { background-image: url(../assets/icons/icon_herz_grau.svg); }
.auswahl-filter a.filter-option.icon-energiesparen:not(.current):before { background-image: url(../assets/icons/icon_energiesparen_grau.svg); }


#auswahl .auswahl-container {
	position: relative;
	width: 100vw;
	height: 100vw;
	max-height: 55vh;
	margin: 0 calc(50% - 50vw);
	/*background: rgba(255, 255, 0, 0.2);*/
	overflow: hidden;
}

#auswahl .auswahl-haus {
	position: absolute;
	left: 50%;
	width: 110vw;
	max-width: 960px;
	height: 100%;
	transform: translateX(-50%);
	/*background-color: rgba(255, 0, 0, 0.2);*/
	background-image: url(../assets/images/LBS_Haus_normal.png);
	background-image: url(../assets/images/AdobeStock_550516440.jpg);
	background-image: url(../assets/images/SKP_Haus.jpg);
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center center;
}

button.auswahl-button {
	position: absolute;
	transform: translate(-50%, -50%);
	font-size: var(--font-size-xxs);
	padding: 0.75em 1.5em;
	white-space: nowrap;
	background: var(--color-gray-4);
}
button.auswahl-button:hover { background: var(--color-gray-5); }
button.auswahl-button.already-created { background: var(--color-sparkassenrot); }
button.anderes-vorhaben { padding-right: 3em; }
button.anderes-vorhaben:after {
	content: '';
	display: block;
	position: absolute;
	right: 0.3em;
	top: 0.1em;
	width: 2em;
	height: calc(100% - 0.2em);
	background: url(../assets/icons/icon_plus_weiss.svg) no-repeat center center;
	background-size: contain;
}

button.auswahl-button.anderes-vorhaben { left: 72%; top: 94%; }

button.auswahl-button#vorhaben-dach { left: 74%; top: 16%; }
button.auswahl-button#vorhaben-bad { left: 40%; top: 41%; }
button.auswahl-button#vorhaben-elektro { left: 37%; top: 20%; }
button.auswahl-button#vorhaben-fassade { left: 79%; top: 40%; }
button.auswahl-button#vorhaben-fenster { left: 64%; top: 50%; }
button.auswahl-button#vorhaben-tueren { left: 70%; top: 64%; }
button.auswahl-button#vorhaben-fussboeden { left: 22%; top: 66%; }
button.auswahl-button#vorhaben-heizung { left: 21%; top: 79%; }
button.auswahl-button#vorhaben-abwasser { left: 37%; top: 92%; }

button.auswahl-button#vorhaben-smarthome { left: 23%; top: 24%; }
button.auswahl-button#vorhaben-kueche { left: 41%; top: 58%; }
button.auswahl-button#vorhaben-wintergarten { left: 20%; top: 63%; }
button.auswahl-button#vorhaben-garage { left: 75%; top: 44%; }
button.auswahl-button#vorhaben-carport { left: 78%; top: 50%; }
button.auswahl-button#vorhaben-sauna { left: 55%; top: 84%; }
button.auswahl-button#vorhaben-pool { left: 44%; top: 80%; }
button.auswahl-button#vorhaben-anbau { left: 75%; top: 16%; }
button.auswahl-button#vorhaben-garten { left: 18%; top: 46%; }
button.auswahl-button#vorhaben-hobbyraum { left: 30%; top: 24%; }
button.auswahl-button#vorhaben-arbeitszimmer { left: 57%; top: 25%; }
button.auswahl-button#vorhaben-barrierefrei { left: 77%; top: 76%; }
button.auswahl-button#vorhaben-haussicherheit { left: 72%; top: 59%; }

button.auswahl-button#vorhaben-photovoltaik { left: 44%; top: 8%; }
button.auswahl-button#vorhaben-daemmungdach { left: 25%; top: 19%; }
button.auswahl-button#vorhaben-solar { left: 51%; top: 25%; }
button.auswahl-button#vorhaben-daemmungfassade { left: 76%; top: 49%; }
button.auswahl-button#vorhaben-daemmungfenster { left: 77%; top: 38%; }
button.auswahl-button#vorhaben-heizsystem { left: 24%; top: 81%; }
button.auswahl-button#vorhaben-daemmungkeller { left: 70%; top: 80%; }
button.auswahl-button#vorhaben-lueftung { left: 54%; top: 53%; }

/*
button.auswahl-button#vorhaben-dach { left: 74%; top: 16%; }
button.auswahl-button#vorhaben-bad { left: 40%; top: 41%; }
button.auswahl-button#vorhaben-elektro { left: 27%; top: 20%; }
button.auswahl-button#vorhaben-fassade { left: 79%; top: 40%; }
button.auswahl-button#vorhaben-fenster { left: 64%; top: 52%; }
button.auswahl-button#vorhaben-tueren { left: 74%; top: 69%; }
button.auswahl-button#vorhaben-fussboeden { left: 22%; top: 66%; }
button.auswahl-button#vorhaben-heizung { left: 21%; top: 79%; }
button.auswahl-button#vorhaben-abwasser { left: 37%; top: 92%; }

button.auswahl-button#vorhaben-smarthome { left: 23%; top: 24%; }
button.auswahl-button#vorhaben-kueche { left: 44%; top: 56%; }
button.auswahl-button#vorhaben-wintergarten { left: 23%; top: 65%; }
button.auswahl-button#vorhaben-garage { left: 75%; top: 38%; }
button.auswahl-button#vorhaben-carport { left: 78%; top: 48%; }
button.auswahl-button#vorhaben-sauna { left: 40%; top: 81%; }
button.auswahl-button#vorhaben-pool { left: 23%; top: 79%; }
button.auswahl-button#vorhaben-anbau { left: 75%; top: 10%; }
button.auswahl-button#vorhaben-garten { left: 18%; top: 46%; }
button.auswahl-button#vorhaben-hobbyraum { left: 38%; top: 11%; }
button.auswahl-button#vorhaben-arbeitszimmer { left: 64%; top: 25%; }
button.auswahl-button#vorhaben-barrierefrei { left: 77%; top: 76%; }
button.auswahl-button#vorhaben-haussicherheit { left: 72%; top: 59%; }

button.auswahl-button#vorhaben-photovoltaik { left: 68%; top: 11%; }
button.auswahl-button#vorhaben-daemmungdach { left: 25%; top: 19%; }
button.auswahl-button#vorhaben-solar { left: 48%; top: 21%; }
button.auswahl-button#vorhaben-daemmungfassade { left: 72%; top: 46%; }
button.auswahl-button#vorhaben-daemmungfenster { left: 77%; top: 28%; }
button.auswahl-button#vorhaben-heizsystem { left: 24%; top: 79%; }
button.auswahl-button#vorhaben-daemmungkeller { left: 67%; top: 75%; }
button.auswahl-button#vorhaben-lueftung { left: 22%; top: 42%; }
*/