body.single-werkstoff #sidebar_sticky_scrollable {
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

body.single-werkstoff .sidebar__headers {
	flex-grow: 99;
}

.single-werkstoff .single_werkstoff_anfragen {
	width: 100%;
}

.single_werkstoff_anfragen.button.button--primary:hover {
	color: var(--color-white);
	border-color: var(--color-white);
}

.single_search_wsa .wsa_search_bar {
	padding: calc(var(--universal-gap)/2) 0;
}

.werkstoff_form_container {
	padding-top: var(--universal-gap);
}

.single-werkstoff .sidebar__text,
.single-werkstoff .sidebar__title,
.single-werkstoff .single_werkstoff_title {
	margin: var(--universal-gap) 0;
}

.single-werkstoff .db_input,
.single-werkstoff .single_werkstoff_details,
.single-werkstoff .werkstoff__header {
	padding: var(--wrapper-padding);
}

.single-werkstoff .werkstoff__header {
	background-color: var(--color-table-grey);
	display: grid;
	grid-template-columns: 1fr auto;
	column-gap: var(--universal-gap);
	align-items: end;
}

.single-werkstoff .nav-relative {
	position: relative;
}

.single-werkstoff .wsf_section {
	margin: var(--universal-gap) 0 calc(var(--universal-gap)* 2.5 );
}

.single-werkstoff .wsf_section > div {
	padding: var(--universal-gap) 0 0;
}

.single-werkstoff .wsf_desc {
	padding: var(--universal-gap) 0;
}

.single-werkstoff .ws_header__part--right .bullet_point {
	margin-bottom: calc(var(--universal-gap) / 2);
}

.single-werkstoff .ws_header__part--right .bullet_point:last-of-type {
	margin-bottom: 0;
}

.single-werkstoff .ws_header__part--right .bullet__icon {
	background-color: var(--color-blue-o-20);
	color: var(--color-blue);
}

.single-werkstoff .ws_header__part--right .bullet__text {
	color: var(--color-blue);
	font-weight: var(--fw-heavy);
}

.single-werkstoff .anwendungen {
	background-color: var(--color-blue);
	color: var(--color-white);
	font-weight: var(--fw-heavy);
	padding: calc(var(--universal-gap)* 2 );
}

.single-werkstoff .usages {
	display: grid;
	column-gap: calc(var(--universal-gap) / 2);
	row-gap: var(--universal-gap);
	grid-template-columns: repeat(auto-fit, minmax(min(240px, 100%), 1fr));
}

.single-werkstoff .usages .bullet_point {
	margin-bottom: 0;
}

.single-werkstoff .usages .bullet__text {
	font-weight: var(--fw-heavy);
}

.single-werkstoff .characters,
.single-werkstoff .detail_table,
.single-werkstoff .row {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: var(--universal-gap);
}


.single-werkstoff .details > p {
	margin-bottom: calc(var(--universal-gap) / 2);
}

.single-werkstoff .row,
.single-werkstoff .detail_table,
.single-werkstoff .shape_row {
	border-bottom: 1px solid var(--color-table-grey);
	padding: calc(var(--universal-gap) / 4) 0;
}

.single-werkstoff .shape_table,
.single-werkstoff .table,
.single-werkstoff .details {
	width: 100%;
	max-width: 800px;
}

.single-werkstoff .shape_row {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: var(--universal-gap);
	align-items: end;
}

.single-werkstoff .shape_icon {
	width: 100%;
	max-width: 2em;
	height: 100%;
}

.single-werkstoff .element_grid_desktop {
	display: grid;
}

.single-werkstoff .cell {
	padding: calc(var(--universal-gap) / 2);
}

.single-werkstoff .element_name,
.single-werkstoff .element_wert,
.single-werkstoff .element_blank {
	text-align: center;
}

.single-werkstoff .element_type,
.single-werkstoff .element_wert,
.single-werkstoff .element_blank {
	border-top: 1px solid var(--color-table-grey);
}

.single-werkstoff .element_grid_mobile {
	display: none;
}

.single-werkstoff .element_mobile_row {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: var(--universal-gap);
	padding: calc(var(--universal-gap) / 4) 0;
	border-bottom: 1px solid var(--color-table-grey);
}

.single-werkstoff .element_mobile_row .element_name {
	text-align: left;
	border-top: none;
}

.single-werkstoff .element_infos {
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.single-werkstoff .element_infos_row {
	display: grid;
	grid-template-columns: .6fr 1fr;
	align-items: center;
}

@media screen and (max-width: 1100px) {
	body.single-werkstoff #mainbar {
		margin-top: var(--sidebar-height);
	}

	body.single-werkstoff .sidebar__headers {
		display: none;
	}

	body.single-werkstoff #sidebar_sticky_scrollable {
		height: 100%;
		display: inline-flex;
		flex-direction: row;
	}

}



@media screen and (max-width: 700px) {
	.single-werkstoff .characters,
	.single-werkstoff .werkstoff__header {
		grid-template-columns: 1fr;
		row-gap: calc(var(--universal-gap) * 2);
	}

	.single-werkstoff .element_grid_desktop {
		display: none;
	}

	.single-werkstoff .element_grid_mobile {
		display: block;
	}
}
