/* BEWE_WEBTL/src/main/webapp/resources/css/bestellwesen_neu.css */


.contentline.bewe-header{
	background:transparent;
	line-height: 0px;
}

#esv-content_with_nav.bewe-content-with-nav,
.esv-application #esv-content_with_nav.bewe-content-with-nav {
	padding-left:0px;
	padding-right:0px;
}

.bewe-header .breadcrumb,
#esv-content_with_nav.bewe-content-with-nav .breadcrumb {
	background: transparent;
}

.datepicker_wrapper_bewe img {
	width: 28px;
}

.bewe-heading h1 {
	font-size: 2.688rem;
}

hr.zonecloser {
	display: none;
}

.formular.customer-data .help {
	margin-bottom: 0;
}

/* Suche Filter */

.contextsearch-contextfilter {
	margin: 40px 0;
	padding: 20px 0;
}

.contextsearch-contextfilter .contextsearch:only-child,
.contextsearch-contextfilter .contextfilter:only-child {
	width: 100%;
}

.suche-headline h2,
.filter-headline h2 {
	color: var(--g-carrier-color);
	font-size: 1.5rem;
	line-height: 1;
}

.contextsearch-contextfilter .contextsearch-input {
	top: 0;
	transform: none;
}

#contextsearch-input {
	background: var(--g-bg-color-02);
	border: 1px solid var(--g-carrier-color);
	color: var(--g-carrier-color);
	font-size: 1rem;
	line-height: 1;
	padding: 10px 60px 10px 25px;
}

#contextsearch-input:focus {
	outline-color: var(--g-carrier-color);
}

#contextsearch-input::placeholder {
	color: var(--g-link-text-color);
	opacity: 1;
}

#contextsearch-input:focus::placeholder {
	color: transparent;
}

.contextsearch-input .sv-search_b:before {
	color: var(--g-link-text-color);
    content: "\e95f";
    font-size: 2.5rem;
    position: absolute;
    right: -2px;
    top: -18px;
}

.contextsearch-input .sv-close:before {
	color: var(--g-link-text-color);
    content: "\e955";
    font-size: 2.5rem;
    position: absolute;
    right: -2px;
    top: -19px;
}

.contextfilter ul {
	align-items: center;
	gap: 10px;
	top: 0;
	transform: none;
}

.contextfilter li {
	margin: 4px 0;
}

.contextfilter li:not(.reset-contextfilter) a {
	-webkit-box-decoration-break: clone;
	box-decoration-break: clone;
	background: var(--g-bg-color-06);
	border-radius: 50px;
	color: var(--g-text-color-03);
	padding: 7px 43px 7px 15px;
	text-decoration: none;
}

.contextfilter li a.selected {
	background: var(--g-bg-color-16);
	color: var(--g-bg-color-02);
	padding-right: 7px;
}

.contextfilter li a.selected:after {
	content: '\e910';
	font-family: 'sv_icons';
	font-size: 2rem;
	position: static;
	vertical-align: -9px;
}

.filter-reset {
	padding-right: 40px;
}

input.button.filter-reset-btn {
	background: none;
	color: var(--g-carrier-color);
	font-size: 0.8rem;
	line-height: 0;
	min-height: 0;
	text-decoration: underline;
}

.button.filter-reset-btn:hover {
	text-decoration: none;
}

.filter-reset [class^="sv-"].sv-menu_close {
	position: relative;
}

.filter-reset [class^="sv-"].sv-menu_close:before {
	color: var(--g-carrier-color);
	cursor: pointer;
	font-size: 3rem;
	position: absolute;
	bottom: -17px;
}

/* only for Safari 7.1+ */
_::-webkit-full-page-media, _:future, :root .contextfilter li {
    margin: 0;
}
 
_::-webkit-full-page-media, _:future, :root .contextfilter li:not(.reset-contextfilter) a {
    -webkit-box-decoration-break: unset;
    box-decoration-break: unset;
    display: flex;
    padding-bottom: 5px;
    padding-top: 5px;
    margin-bottom: 2px;
    margin-top: 2px;
}

.searchfilter-no-results {
	font-style: italic;
}

#esv-container:not(.cart-view) .bestellung_container .highlight {
	background-color: var(--g-highlight-bg-color);
	color: var(--g-highlight-text-color);
}

.bestellung_container hr:not(.dashed):not(.dotted):not(.hidden_clearer) {
    background-color: rgba(0, 100, 100, 0.2);
    border: none;
    height: 1px;
}

.bewe-shopping-cart-floater {
	background-color: #d1d1d1;
	color: white;
	cursor: pointer;
	display: flex;
	flex-direction: column;
	height: 100px;
	justify-content: flex-start;
	padding: 10px 12px 10px 10px;
	position: fixed;
	right: 0;
	text-align: center;
	top: 25%;
	transition: transform ease 0.2s;
	width: 80px;
	z-index: 999;
}

.bewe-shopping-cart-floater.active-cart {
	background-color: var(--g-carrier-color);
}

.bewe-shopping-cart-floater:hover {
	transform: scale(1.1);
}

.bewe-shopping-cart-floater.active {
	background-color: #FFFF00;
	color: var(--g-carrier-color);
	transition: background-color ease-in 0.5s;
}

.bewe-shopping-cart-floater.active:hover {
	background-color: var(--g-carrier-color);
	color: white;
	transform: scale(1.1);
	transition: background-color ease-in 0.3s;
}

.shoping-cart-floater-article-sum {
	font-weight: 600;
	height: 20%;
	padding-top: 1px;
}

.shoping-cart-floater-icon {
	align-items: center;
	display: flex;
	height: 60%;
	justify-content: center;
	padding-top: 10px;
}

.shoping-cart-floater-icon .sv-cart {
	font-size: 50px;
	text-align: center;
}

.shoping-cart-floater-text {
	font-size: 0.6rem;
	font-weight: 100;
	height: 20%;
}


fieldset.bewe_article_group_fieldset legend {
    float: none;
}


.bewe-shopping-cart-data-container {
	align-items: center;
	background-color: var(--g-carrier-color);
	color: white;
	display: none;
	font-size: 0.8rem;
	justify-content: space-between;
	padding: 35px 25px;
	width: 100%;
}

.bewe-shopping-cart-data-container.active {
	display: flex;
	margin-bottom: 40px;
}

.bewe-shopping-cart-data-container a {
	color: white;
	display: block;
	text-decoration: none;
}

.bewe-shopping-cart-data-container .shoping-cart-container-return-link .cart-icon {
	padding-top: 3px;
}

.bewe-shopping-cart-data-container .shopping-cart-article-link {
	padding-bottom: 8px;
}

.bewe-shopping-cart-data-container .shoping-cart-cart-info-text .cart-icon {
	position: relative;
	top: 2px;
}

.customer-data:not(.active),
.privacy-information:not(.active),
.bewe_description_after:not(.active) {
	display: none;
}

@media(max-width:1300px) {
	.bewe-shopping-cart-data-container {
		flex-direction: column;
		gap: 35px 20px
	}
}

.bewe-shopping-cart-data-container .shoping-cart-container-return-link,
.bewe-shopping-cart-data-container .shoping-cart-container-total-sum,
.bewe-shopping-cart-data-container .shoping-cart-container-title {
	display: flex;
	align-items: center;
	justify-content: center;
}

.bewe-shopping-cart-data-container .shoping-cart-container-return-link {
	font-size: 0.8rem;
}

.bewe-shopping-cart-data-container .shoping-cart-container-return-link p,
#esv-container .bewe-shopping-cart-data-container .shoping-cart-container-return-link p{
	padding-bottom: 3px;
}

.bewe-shopping-cart-data-container .shoping-cart-container-title,
.shoping-cart-container-total-sum p {
	font-size: 1rem;
}

.bewe-shopping-cart-data-container .shoping-cart-container-title .sv-cart:before {
	font-size: 2.6rem;
}

.bewe-shopping-cart-data-container .shoping-cart-container-total-sum span {
	display: inline-block;
	font-size: 2rem;
	font-weight: 800;
	padding-right: 5px;
}

.bewe-shopping-cart-data-container .shoping-cart-container-title p {
	padding-top: 8px;
}

.bewe-shopping-cart-data-container .shoping-cart-container-info-text p,
.bewe-shopping-cart-data-container .shoping-cart-container-total-sum p,
#esv-container .bewe-shopping-cart-data-container .shoping-cart-container-info-text p,
#esv-container .bewe-shopping-cart-data-container .shoping-cart-container-total-sum p {
	padding: 0px;
}

#esv-container:not(.cart-view) .article-list.empty-article-list {
	display: none;
}

.shopping-cart .row-view .bestellung_container {
	padding-bottom: 40px;
	position: relative;
}

.bestellung_container {
	display: none;
}

#esv-container:not(.cart-view) .article-list:not(.active-search) .bestellung_container:not(.selected),
#esv-container:not(.cart-view) .article-list:not(.active-search) .bestellung_container.not-found {
	display: none;
}

#esv-container:not(.cart-view) .article-list:not(.active-search) .bestellung_container.selected {
	display: block;
}

#esv-container:not(.cart-view) .article-list.active-search .bestellung_container,
#esv-container:not(.cart-view) .article-list.active-search .bestellung_container.selected:not(.found) {
	display: none;
}

#esv-container:not(.cart-view) .article-list.active-search .bestellung_container.selected.found {
	display: block;
}

.bestellung_links {
	float: left;
	min-width: 60px;
	width: 19%;
}

.bestellung_link .article-categories {
	display: inline;
	font-size: 0.65rem;
	font-weight: 400;
	text-transform: uppercase;
	vertical-align: top;
}

.bestellung_link .article-categories:not(:last-of-type):after {
	content: ", ";
}

.bestellung_link div.artikel-titel {
	color: var(--g-carrier-color);
	font-size: 1.5rem;
	line-height: initial;
	margin-bottom: 20px;
	margin-top: 0px;
}

.bestellung_beschreibung {
	display: inline-block;
	line-height: initial;
	padding: 0px 0px 10px 0px;
}

.bestellung_mitte {
	float: left;
	font-size: 0.90rem;
	padding: 0px 10px 10px 10px;
	width: 50%;
}

.row-view .bestellung_mitte {
    padding: 0px 10px 10px 30px;
}

.bestellung_mitte .download-icon:before,
.bestellung_mitte .cart-icon:before,
.button_container .download-icon:before {
	font-size: 50px;
	position: absolute;
	right: 2px;
	top: -3px;
}

.bestellung_rechts {
	display: block;
	float: right;
	padding: 10px 10px;
}

.row-view .bestellung_rechts {
	padding: 10px 10px 80px 10px;
}

.download-button,
.cart-button,
.flipbook-button {
	background-color: transparent;
	border-radius: 30px;
	color: var(--g-carrier-color);
	font-family: "Roboto Condensed",sans-serif;
	font-size: 13px;
	font-weight: 400;
	letter-spacing: 2px;
	line-height: normal;
	min-height: 38px;
	min-width: 150px;
	position: relative;
	text-align: left;
	text-decoration: none;
	text-transform: uppercase;
	transition: color 0.3s ease-in;
}

.cart-button {
	width: auto;
}

.download-button,
.flipbook-button {
	align-items: center;
	display: flex;
	width: -moz-fit-content;
	width: fit-content;
}

.button_container .download-button {
	width: 150px;
}

.download-button:hover,
.cart-button:hover,
.flipbook-button:hover {
	background-color: var(--g-carrier-color);
	color: white;
}

.download-button {
	padding: 5px 50px 5px 20px;
}

.cart-button {
	padding: 13px 55px 13px 10px;
	text-align: center;
}

.flipbook-button {
	padding: 5px 20px;
}

.row-view .cart-button {
	position: absolute;
	right: 10px;
	top: 142px;
}

.row-view .cart-button.no-price {
	top: 102px;
}

.cart-button.inactive {
	color: #dddddd;
	transition: color 0.3s ease-in;
}

.cart-button.inactive:hover {
	background-color: transparent;
}

.bestellung_out_of_stock {
	text-align: right;
}

.bestellung_preis  {
	color: var(--g-carrier-color);
	font-size: 1.5rem;
	font-weight: 300;
	margin-bottom: 15px;
	text-align: right;
	width: 100%;
}

.bestellung_form {
	text-align: right;
	float: right;
}

.bestellung_form input {
	text-align: center;
	float: none;
	display: inline-block;
}

.bestellung_form label {
	text-align: right;
	float: none;
	margin-right: 9px;
	display: inline-block;
}

.shoping-cart-notification {
	bottom: -90px;
	color: white;
	font-size: 0.8rem;
	left: 0;
	opacity: 0;
	order: 3;
	position: absolute;
	text-align: center;
	text-transform: uppercase;
	width: 100%;
}

.row-view .bestellung_container:not(.active) .shoping-cart-notification {
	bottom: 50px;
}

.row-view .bestellung_container.active hr {
	position: absolute;
	bottom: 0px;
}

.shoping-cart-notification.show{
	animation: fade 3s linear;
	background-color: var(--g-carrier-color);
	opacity: 1;
}

.bestellung_anmerkung {
	font-style: italic;
}

.bestellung_input {
	margin-top: 20px;
	padding-top: 10px;
	position: relative;
}

.bestellung_download,
.add-article-container,
.flipbook_link {
	margin: 40px 0px;
	position: relative;
	text-transform: uppercase;
}

.row-view .add-article-container {
	position: inherit;
}

.bestellung_author {
	font-weight: 600;
	line-height: initial;
	text-transform: uppercase;
}

label.anzahl-label {
	font-size: 0.7rem;
	left: 0;
	margin-left: auto;
	margin-right: auto;
	padding-right: 0;
	position: absolute;
	right: 0;
	top: -20px;
	width: fit-content;
}

.input-field-article-wrapper {
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
}

.article-input-button {
	background-color: white;
	border-color: #dddddd;
	border-style: solid;
	border-width: 1px;
	color: var(--g-text-color);
	font-size: 2rem;
	font-weight: 300;
	height: 100%;
	line-height: 0;
	text-align: center;
	width: 45px;
}

.article-button-wrapper {
	height: 45px;
	position: relative;
}

.article-input-button .sv-minus:before {
	content: "\e958";
	left: 5px;
	position: absolute;
	top: 6px;
	transition: color ease-in 0.3s;
}

.article-input-button .sv-plus:before {
	content: "\e95a";
	left: 4px;
	position: absolute;
	top: 6px;
	transition: color ease-in 0.3s;
}

.article-input-button .sv-minus.inactive:before,
.article-input-button .sv-plus.inactive:before {
	color: #dddddd;
	transition: color ease-in 0.3s;
}

.article-input-button.decrement {
	border-radius: 30px 0px 0px 30px;
	border-right-style: none;
	padding-bottom: 2px;
	padding-right: 5px;
}

.article-input-button.increment {
	border-radius: 0px 30px 30px 0px;
	border-left-style: none;
	padding-right: 10px;
}

.formelement input.input-field-article:not([type='radio']):not([type='checkbox']):not([type='button']):not([type='submit']):not([type='reset']) {
	background-color: #f1f5f5;
	border-left-style: none;
	border-radius: 0px;
	border-right-style: none;
	box-shadow: none;
	color: var(--g-carrier-color);
	font-size: 1rem;
	font-weight: 600;
	min-height: 45px;
	padding: 2px;
	text-align: center;
	transition: background-color 0.2s ease-in;
	width: 60px;
}

.formelement input.input-field-article:focus:not([type='radio']):not([type='checkbox']):not([type='button']):not([type='submit']):not([type='reset']),
.formelement input.input-field-article:hover:not([type='radio']):not([type='checkbox']):not([type='button']):not([type='submit']):not([type='reset']),
.formelement input.input-field-article.change:not([type='radio']):not([type='checkbox']):not([type='button']):not([type='submit']):not([type='reset']) {
	background-color: white;
	outline: none;
}

.customer-data.active legend {
	background: none;
	border: none;
	color: var(--g-carrier-color);
	font-size: 2.063rem;
}

.buttons input[type='submit']:disabled,
.buttons .to-cart-button:disabled {
	background-color: #d1d1d1;
}

.autor-band {
	margin-bottom: 10px;
}

.bestellung_band {
	color: #999;
	float: none;
	margin-bottom: 10px;
	padding: 0px;
	width: 100%;
}

.bestellung_bild {
	float: none;
	padding: 0px;
	width: 100%;
}

.bestellung_bild img {
	max-width: 250px;
	width: 100%;
}

.bestellung_detail {
	float: none;
	width: 100%;
	padding: 10px 10px 10px 0;
	display: table;
}

.bestellung_link {
	display: table-cell;
	font-size: 1.5rem;
	letter-spacing: 0.03em;
	vertical-align: top;
	width: 100%;
}

.bestell_summary {
		background-color: #f6f8f8;
		font-weight: 300;
}

.bestell_summary thead {
		background-color:rgb(238, 238, 238);
}

.bestell_summary td {
		border-bottom: 1px solid #fff;
}

.bestell_artikel {
	width: 50%;
}

.bestell_gesamt {
	text-align: right;
	padding: 15px 8px;
	background-color: #f6f8f8;
	margin-bottom: 15px;
}

.right_icon img {
	width: 13px;
	height: 11px;
}

.bewe_detail {
	width: 100%;
}

.bewe_form_title{
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	-webkit-hyphens: auto;
	background: none;
	border: none;
	float: left;
	font-size: 0.938rem;
	hyphens: auto;
	line-height: 16px;
	margin: 0;
	overflow: hidden;
	padding: 7px 10px 7px 0;
	text-align: right;
}

.bewe_inline {
	display:inline;
}

.bewe_width1_5 {
	width: 12.4%;
}

.bewe_anzahl_margin {
	margin-left: 2% !important;
}

.bewe_65 {
	width:65%;
}
.bewe_52 {
  width: 52%;
}
.bewe_35 {
	width:35%;
}

.bestell_1 {
	max-width: 150px;
}

.bestell_1,
.bestell_2 {
	width: auto;
}

.bestell_gesamt_padding {
  padding-right:68px !important;
}

.bewe_no_padding {
	padding: 0px !important;
}

table td {
    border: 1px solid rgba(0, 100, 100, 0.2) !important;
    padding: 4px;
    vertical-align: top;
}

.privacy_block {
  display: table;
  width: 100%;
}

.privacy_cell_page {
  display: table-cell;
}

.privacy_cell_asterisk {
  display: table-cell;
  width: 3%;
}

.privacy_cell_asterisk_error {
  display: table-cell;
  width: 17%;
}

.privacyinfoCheckbox {
	margin-top: 8px !important;
}

.privacyinfoLabel {
	text-align: left !important;
	width: 90% !important;
}

.privacyinfoLabelPage {
	float: left;
}

.text table{
	width: 100%;
}

.text table:not(.bewe_articles_table) td:nth-child(2){
	text-align:center;
}

.bewe_articles_table__count-cell {
	text-align: center;
}

.bewe_articles_table__price-cell {
	text-align: right;
}

.bewe_description_after {
	margin-top: 10px;
	margin-bottom: 10px;
}

.bewe_article_group_fieldset {
	margin: 0px;
}

legend.droplink {
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
}

legend.droplink[aria-expanded="true"] .sv-down::before {
  content: "\e919";
}

.shopping-cart .bewe-submit-button {
	display: none;
}


@media(max-width: 1600px) {

	.bewe-shopping-cart-data-container.active,
	.confirm-header-container {
		flex-wrap: wrap;
	}
	
	.bewe-shopping-cart-data-container.active .shoping-cart-cart-info-text {
		padding-top: 50px;
		text-align: center;
		width: 100%;
	}
	
	.confirm-header-container-title,
	.confirm-header-container-text,
	.icon-and-sum {
		text-align: center;
		width: 100%;
	}

	.confirm-header-container-text,
	.icon-and-sum {
		padding-top: 50px;
	}
	
}

@media(max-width: 960px) {

	.bewe-header .breadcrumb {
		padding-left: 20px;
	}

	#esv-content_with_nav.bewe-content-with-nav .breadcrumb {
		padding-left: inherit;
	}
	
	.contextsearch-contextfilter .contextsearch {
		width: 100%;
	}

}

@media(max-width: 710px) {
	
	.shopping-cart .formelement_group .width3 {
		width: 35%;
	}
	
	.shopping-cart .formelement_group .width4 {
		width: 45%;
	}
	
}

@media(max-width: 690px) {
	
	.bestellung_link div.artikel-titel,
	.bestellung_preis {
		font-size: 1.25rem;
	}
	
	.row-view .cart-button.no-price {
		top: 0;
	}
	
	.row-view .download-button,
	.row-view .bestellung_container:not(.active) .download-button {
		width: 150px;
	}
	
}

@media(max-width: 600px) {

	.bewe-shopping-cart-floater {
		height: 80px;
		padding-right: 13px;
		width: 58px;
	}

	.bewe-shopping-cart-floater .shoping-cart-floater-icon {
		height: 80%;
	}

	.bewe-shopping-cart-floater .shoping-cart-floater-text {
		display: none;
		height: 0;
	}

	.bewe-header .breadcrumb {
		padding-left: 10px;
	}

	#esv-content_with_nav.bewe-content-with-nav .breadcrumb {
		padding-left: inherit;
	}

	.column-view .article-list {
		gap: 15px  20px;
	}

	.bestellung_link div.artikel-titel {
		font-size: 1.125rem;
	}

	.bestellung_preis {
		font-size: 1.25rem;
	}
	
	.shopping-cart .formelement_group .width3 {
		width: 45%;
	}
	
	.shopping-cart .formelement_group .width4 {
		min-width: 50%;
	}

}

@media(max-width: 400px) {

	.formelement button.article-input-button {
		width: 45px;
	}

	.formelement input.input-field-article:not([type='radio']):not([type='checkbox']):not([type='button']):not([type='submit']):not([type='reset']) {
		margin: 0px;
	}
	
	.shopping-cart .formelement_group .width3,
	.shopping-cart .formelement_group .width4 {
		width: 100%;
	}
	
	.shopping-cart .formelement_group input.button.bewe-submit-button {
		display: none;
	}
	
}


@keyframes fade {

	0%,
	100% {
		opacity: 0
	}

	50% {
		opacity: 1
	}
}

/* ============================================ */
/* Column View
/* ============================================ */

.column-view hr {
	display: none;
}

.column-view .article-list {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 40px 20px;
	justify-content: space-between;
	width: inherit;
}

.column-view .article-list .bestellung_container {
	border-bottom-color: #cccccc;
	border-bottom-style: solid;
	border-bottom-width: 0.3px;
	padding-bottom: 20px;
	position: relative;
	width: 400px;
}

.column-view .article-list .bestellung_links,
.column-view .article-list .bestellung_mitte,
.column-view .article-list .bestellung_rechts {
	width: 100%;
}

.column-view .article-list .bestellung_bild img {
	max-width: 100%;
}

.column-view .article-list .bestellung_mitte {
	margin-bottom: 40px;
	padding: 10px 10px 0px 10px;
}

.column-view .article-list .bestellung_mitte .bestellung_download,
.column-view .article-list .bestellung_mitte .flipbook_link,
.column-view .article-list .add-article-container,
.column-view .article-list .bestellung_container:not(.active) .button_container .bestellung_delete	{
	display: none;
}

.column-view .article-list .bestellung_rechts {
	justify-content: space-between;
	position: static;
}

.column-view .article-list .bestellung_rechts .bestellung_preis {
	text-align: right;
	width: auto;
}

.column-view .article-list .bestellung_rechts .shoping-cart-notification {
	bottom: 0;
}

.column-view .article-list .button_container {
	display: grid;
	grid-template-columns: auto auto;
	row-gap: 20px;
	width: 100%;
}

.column-view .article-list .button_container .bestellung_download,
.column-view .article-list .button_container .flipbook_link {
	grid-column-start: 1;
	margin: 0;
	position: static;
}

.column-view .article-list .download-button,
.column-view .article-list .flipbook-button {
	margin-left: 10px;
}

.column-view .article-list .button_container .add-article-container {
	display: block;
	grid-row: 1;
	grid-column: 2;
	justify-self: end;
	margin: 0;
	position: static;
}

.column-view .article-list .button_container .add-article-container .cart-button {
	position: relative;
	text-align: right;
}

.column-view .article-list .button_container .add-article-container .cart-icon:before {
	font-size: 50px;
	position: absolute;
	top: -5px;
}

.column-view .article-list .bestellung_rechts {
	align-items: center;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	width: 100%;
}

.column-view .article-list .bestellung_rechts .bestellung_preis {
	margin-bottom: 0px;
	order: 2;
}

.column-view .article-list .input-field-article-wrapper {
	align-items: center;
	justify-content: flex-start;
}

.column-view .article-list .bestellung_input {
	margin-top: 0px;
	padding: 10px 0;
	width: auto;
	order: 1;
}


@media(max-width:900px) {
	.column-view .article-list .bestellung_container {
		width: 330px;
	}
}

@media(max-width:710px) {

	.column-view .article-list .bestellung_container {
		width: 100%;
	}

}

@media(max-width:690px) {

	.column-view .article-list .bestellung_container.active {
		width: 100%;
	}
	

	.column-view .article-list .bestellung_container.active .bestellung_rechts {
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: space-between;
		position: static;
	}

	
	.column-view .article-list .bestellung_container.active .bestellung_download {
		position: static;
	}

	.column-view .article-list .bestellung_container {
		margin-left: auto;
		margin-right: auto;
	}

	.row-view .cart-button {
		position: initial;
		top: 0px;
	}

	.row-view .shoping-cart-notification {
		bottom: -83px;
	}
}

@media (max-width: 400px) {
	
	.formelement:not(.labelclear_never) label,
	label.anzahl-label {
	    text-align: center;
	}
	
	.cart-button {
	    padding: 13px 45px 13px 10px;
	}
	
	.button_container .download-icon:before,
	.column-view .article-list .button_container .add-article-container .cart-icon:before {
		font-size: 40px;
		top: 1px;
	}
	
}

@media(max-width:350px) {
	
	.column-view .article-list .bestellung_container {
		width: 300px;
	}
	
	.column-view .article-list .button_container {
		grid-template-rows: auto auto;
		row-gap: 20px;
	}
	
	.row-view .download-button,
	.row-view .flipbook-button,
	.row-view .bestellung_container:not(.active) .download-button,
	.column-view .download-button,
	.column-view .flipbook-button {
		width: -moz-fit-content;
		width: fit-content;
	}
	
	.column-view .article-list .button_container .add-article-container {
		grid-column: span 2;
		grid-row: 1;
	}
		
	.bestellung_container.active .button_container.active {
		flex-direction: column;
	}
	
}

@media(max-width:340px) {
	.column-view .article-list .bestellung_mitte {
		padding-right: 35px;
	}
}

@media(max-width:330px) {

	.column-view .article-list .bestellung_rechts {
		padding-right: 15px;
	}

	.column-view .article-list .bestellung_rechts .bestellung_preis {
		font-size: 1.3rem;
	}
}

@media(max-width:320px) {
	
	.column-view .article-list .bestellung_container {
		width: 288px;
	}
	
	.column-view .article-list .download-button,
	.column-view .article-list .flipbook-button {
		margin-left: 0;
	}

}


/* ============================================ */
/* shopping-cart active 
/* ============================================ */


.button_container:not(.active) {
	display: none;
}

.bestellung_container.active {
	display: flex;
	justify-content: flex-end;
}

.bestellung_container.active .bestellung_links {
	width: 17%;
}

.bestellung_container.active .bestellung_mitte {
	flex-grow: 1;
}

.bestellung_container.active .bestellung_mitte .bestellung_download,
.bestellung_container.active .bestellung_mitte .flipbook_link {
	display: none;
}

.bestellung_container.active .bestellung_rechts {
	float: none;
	display: flex;
	flex-direction: column-reverse;
	justify-content: flex-end;
	width: auto;
}

.row-view .bestellung_container.active .bestellung_rechts {
    padding: 10px;
}

.bestellung_container.active .bestellung_rechts .bestellung_input {
    padding: 10px 0;
}

.bestellung_container.active .bestellung_rechts .input-field-article-wrapper {
    justify-content: flex-start;
}

.bestellung_container.active .bestellung_rechts .bestellung_preis  {
	margin-top: 10px;
	text-align: left;
}

.row-view .bestellung_container.active .shoping-cart-notification {
	bottom: 10px;
}

.bestellung_container.active .button_container {
	display: inline-block;
	min-width: 150px;
}

.bestellung_container.active .button_container .add-article-container {
	display: none;
}

.bestellung_container.active .bestellung_delete {
	margin: 0;
	text-align: right;
	padding: 10px 45px 10px 0;
}

.delete-button {
	background: none;
	color: #000;
	position: relative;
	font-size: 13px;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.delete-button:hover {
	text-decoration: underline;
}

.delete-icon:before {
	content: "\e910";
	font-size: 45px;
	position: absolute;
	right: -40px;
    top: -5px;
}

.bestellung_container.active .bestellung_download,
.bestellung_container.active .flipbook_link {
	margin: 0 0 10px 0;
	text-align: right;
}


@media(max-width:690px) {

	.bestellung_container.active {
		display: block;
		margin-left: auto;
	    margin-right: auto;
	}
	
	.bestellung_container.active .bestellung_links,
	.bestellung_container.active .bestellung_mitte,
	.bestellung_container.active .bestellung_rechts,
	.bestellung_container.active .button_container {
		width: 100%;
	}

	.bestellung_container.active .bestellung_links img {
		max-width: none;
		width: 100%;
	}

	.row-view .bestellung_mitte {
		padding-left: 10px;
	}

	.bestellung_container.active .bestellung_rechts {
		align-items: center;
		display: flex;
		flex-direction: row-reverse;
		justify-content: space-between;
	}

	.bestellung_container.active .bestellung_rechts .bestellung_input,
	.bestellung_container.active .bestellung_rechts .bestellung_preis {
	    margin-top: 20px;
	}
	
	.bestellung_container.active .bestellung_rechts .bestellung_input {
		width: auto;
	}
	
	.bestellung_container.active .bestellung_rechts .bestellung_preis  {
		text-align: right;
	}

	.bestellung_container.active .button_container {
		align-items: center;
		display: grid;
		grid-template-columns: auto auto;
		row-gap: 20px;
	}

	.bestellung_container.active .button_container .bestellung_download,
	.bestellung_container.active .button_container .flipbook_link {
		grid-column: 1;
		margin: 0;
		text-align: left;
	}

	.bestellung_container.active .button_container .bestellung_delete {
		align-self: start;
		grid-column: 2;
		grid-row: 1;
		padding-top: 0;
	}
	
	.column-view .article-list .button_container .bestellung_delete {
		display: none;
	}

	.bestellung_container.active .button_container .bestellung_delete {
		display: block
	}

	.row-view .bestellung_rechts {
		padding: 10px 10px;
	}
	
}

@media(max-width:350px) {
	
	.bestellung_container.active .button_container .bestellung_delete {
		grid-column: span 2;
		grid-row: 1;
	}
	
}


/* ============================================ */
/* return to new order - Link
/* ============================================ */


.returnToNewOrder {
	margin-top: 112px;
	position: relative;
}

input[type='submit'].new-order {
	color: #465255;
	background: none;
	padding-left: 20px;
	font-style: italic
}

input[type='submit'].new-order:hover {
	text-decoration: underline;
}

.return-icon:before {
	color: #465255;
	font-size: 30px;
	position: absolute;
	left: -10px;
	top: 3px;
}


/* ============================================ */
/* shopping-cart disabled
/* ============================================ */

.confirm-header-container.shopping-cart-disabled {
	display: none;
}


/* ============================================ */
/* digital-only order
/* ============================================ */

.pfad.pfad-no-border {
	border-top: unset;
}


/* ============================================ */
/* Confirm-Page
/* ============================================ */


/* Confirm-Page Header */


.confirm-header-container {
	align-items: center;
	background: var(--g-carrier-color);
	color: #fff;
	display: flex;
	font-size: 1rem;
	justify-content: space-between;
	padding: 20px 25px 10px 25px;
	width: 100%;
}

.confirm-header-container .confirm-header-container-return-link {
	cursor: pointer;
	display: flex;
	position: relative;
}

.confirm-header-container .confirm-header-container-return-link .return-to-shopping-cart {
	background: none;
	font-size: 0.8rem;
	font-weight: 300;
	padding-left: 23px;
}

.confirm-header-container .confirm-header-container-return-link .sv-left {
	font-size: 1.1rem;
	position: absolute;
	top: 9px;
}

#esv-container .confirm-header-container p {
	padding: 0;
}

.confirm-header-container .icon-and-sum {
	align-items: center;
	display: flex;
	flex-direction: column-reverse;
	padding-bottom: 20px;
}

.shoping-cart-container-total-sum span {
	font-weight: 700;
}

.sv-cart:before {
	font-size: 2.4rem;
}

@media(max-width:1300px) {
	.confirm-header-container {
		flex-direction: column;
		gap: 35px 20px
	}
}


/* Confirm-Page: Custom-Order and Custom-Data */


.custom-order-confirmation {
	margin: 70px 0 0 0;
}

.custom-order-confirmation h2 {
	color: var(--g-carrier-color);
}

.detail .text .custom-order-confirmation h2{
	font-size: 2.063rem;
	margin-bottom: 50px;
}

.custom-order-confirmation .bewe_articles_table th {
	background: none;
	border: none;
	font-size: 0.875rem;
	padding: 0 10px 30px 0;
}

.custom-order-confirmation .bewe_articles_table td {
	border: none !important;
	font-size: 1rem;
	padding: 0 10px 30px 0;
}

.custom-order-confirmation .bewe_articles_table #artikelStr {
	text-align: left;
}

.custom-order-confirmation .bewe_articles_table #preisStkStr,
.custom-order-confirmation .bewe_articles_table #preisStr {
	text-align: right;
}

.custom-order-confirmation .bewe_articles_table .total-price-text,
.custom-order-confirmation .bewe_articles_table .total-price-value {
	border-top: 1px solid rgba(0, 100, 100, 0.2) !important;
	border-bottom: 1px solid rgba(0, 100, 100, 0.2) !important;
	padding: 30px 0;
}

.custom-order-confirmation .bewe_articles_table .total-price-text {
	text-align: left;
}

.custom-order-confirmation .bewe_articles_table .total-price-text strong {
	font-weight: 400;
}

.custom-data-confirmation {
	margin: 50px 0;
	padding: 0;
}

.custom-data-confirmation h2 {
	color: var(--g-carrier-color);
}

.detail .text .custom-data-confirmation h2 {
	font-size: 2.063rem;
}

.custom-data-confirmation fieldset {
	column-gap: 30px;
	row-gap: 25px;
	display: grid;
	grid-template-columns: auto auto;
	margin: 25px 0;
	justify-content: start;
}

.custom-data-confirmation fieldset legend {
	display: none;
}

.custom-data-confirmation fieldset .bestell_1 {
	grid-column: 1;
	font-size: 0.8rem;
	max-width: 270px;
	min-width: 120px;
	text-align: right;
}

.custom-data-confirmation fieldset .bestell_2 {
	grid-column: 2;
	font-size: 0.8rem;
}

.confirm-description {
	padding: 80px 0 20px 0;
}


@media(max-width: 1300px) {
	
	.custom-data-confirmation fieldset .bestell_1 {
		max-width: 250px;
	}
}

@media(max-width: 960px) {
	
	.custom-data-confirmation fieldset .bestell_1 {
		max-width: 220px;
	}
}

@media(max-width: 550px) {
	  
	/* reformat the table */
	.custom-order-confirmation table.bewe_articles_table,
	.custom-order-confirmation .bewe_articles_table thead,
	.custom-order-confirmation .bewe_articles_table tbody,
	.custom-order-confirmation .bewe_articles_table th,
	.custom-order-confirmation .bewe_articles_table td,
	.custom-order-confirmation .bewe_articles_table tr {
		display: block;
	}
  
	/* hide table headers (not display: none; for accessibility) */
	.custom-order-confirmation .bewe_articles_table thead tr {
		left: -9999px;
		position: absolute;
		top: -9999px;
	}
	
	.custom-order-confirmation .bewe_articles_table tr {
		border-bottom: 1px solid #ccc;
	}
	
	.custom-order-confirmation .bewe_articles_table td {
		position: relative;
		text-align: right;
	}
	
	.custom-order-confirmation .bewe_articles_table td {
		padding: 15px 10px 15px 100px;
	}
	  
	.custom-order-confirmation .bewe_articles_table td:first-of-type {
		padding-top: 30px;
	}
	
	.custom-order-confirmation .bewe_articles_table__count-cell {
		text-align: right;
	}
		
	.custom-order-confirmation .bewe_articles_table .total-price-text,
	.custom-order-confirmation .bewe_articles_table .total-price-value {
		border: none !important;
		padding: 15px 0;
	}
	  
	/* Label the data */
	.custom-order-confirmation .bewe_articles_table td:before {
		font-size: 0.875rem;
		left: 6px;
		position: absolute;
		top: 15px;
	}
		
	.custom-order-confirmation td:nth-of-type(1):before {
		content: "Anzahl:";
		top: 30px;
	}
	  
	.custom-order-confirmation td:nth-of-type(2):before {
		content: "Artikel:";
	}
	  
	.custom-order-confirmation td:nth-of-type(3):before {
		content: "Preis/Stück:";
	}
	  
	.custom-order-confirmation td:nth-of-type(4):before {
		content: "Preis:";
	}
	  
	.custom-order-confirmation .bewe_articles_table .total-price-text:before,
	.custom-order-confirmation .bewe_articles_table .total-price-value:before {
		content: "";
	}

}

@media (max-width: 400px) {
	.custom-data-confirmation .bestell_2 {
		padding: 5px;
		border: none;
	}
}


/* ============================================ */
/* Sent-Page
/* ============================================ */


.titelzone .beweSent-headline {
	color: var(--g-carrier-color);
	font-size: 2.063rem;
}

.beweSent-final-description {
	font-size: 1rem;
	padding: 50px 80px;
}

.beweSent-confirmation-mail p {
	font-size: 1rem;
	padding: 0 80px;
}

.returnToNewOrder .new-order {
	color: #465255;
	font-size: 1rem;
}


@media(max-width:690px) {
	
	.beweSent-final-description,
	.beweSent-confirmation-mail p {
		padding-left: 0;
		padding-right: 0;
	}
	
}


/* ============================================ */
/* Bestellwesen_neu - Kontrastmodus
/* ============================================ */

html.contrast-mode #contextsearch-input {
	background: #000;
	border: 1px solid #f9d134;
	color: #f9d134;
}

html.contrast-mode #contextsearch-input:focus {
	outline-color: #f9d134;
}

html.contrast-mode #contextsearch-input::placeholder,
html.contrast-mode .contextsearch-input .sv-search_b:before,
html.contrast-mode .contextsearch-input .sv-close:before {
	color: #f9d134;
}

html.contrast-mode .contextfilter li:not(.reset-contextfilter) a {
	border: 1px solid #f9d134;
	text-decoration: none !important;
}

html.contrast-mode .contextfilter li:not(.reset-contextfilter) a.selected {
	background: #000;
	color: #f9d134 !important;
}

html.contrast-mode .button.filter-reset-btn {
	border: none;
	color: #f9d134 !important;
	text-decoration: underline;
}

html.contrast-mode body[class*='portal-pv']:not(.portal-pva) input[type='submit'].button.filter-reset-btn:hover {
	border: none;
	text-decoration: none;
}

html.contrast-mode .filter-reset [class^="sv-"].sv-menu_close:before {
	color: #f9d134;
}

html.contrast-mode .bestellung_link div.artikel-titel,
html.contrast-mode .bestellung_band,
html.contrast-mode .article-input-button:hover .sv-minus.inactive:before,
html.contrast-mode .article-input-button:hover .sv-plus.inactive:before,
html.contrast-mode .customer-data.active legend,
html.contrast-mode .return-icon:before,
html.contrast-mode .error_label {
	color: #f9d134;
}

html.contrast-mode .cart-button.inactive {
	background-color: black;
	border: none;
	color: #f9d134 !important;
}

html.contrast-mode .bewe-shopping-cart-floater,
html.contrast-mode .bewe-shopping-cart-floater.active:hover,
html.contrast-mode .shoping-cart-notification,
html.contrast-mode .buttons input[type='submit']:disabled,
html.contrast-mode .buttons .to-cart-button:disabled,
html.contrast-mode .bewe-shopping-cart-data-container,
html.contrast-mode .confirm-header-container {
	background: #f9d134;
	color: #000;
}

html.contrast-mode .column-view .article-list .bestellung_container {
	border-bottom-color: #f9d134;
}

html.contrast-mode .bewe-shopping-cart-data-container a,
html.contrast-mode .bewe-shopping-cart-data-container p,
html.contrast-mode .confirm-header-container p {
	color: #000 !important;
}

html.contrast-mode .confirm-header-container input {
	border: none;
	color: #000;
}

html.contrast-mode .confirm-header-container .confirm-header-container-return-link .sv-left {
	color: #000;
}

html.contrast-mode .download-button,
html.contrast-mode .flipbook-button {
	background: #f9d134;
	border: 1px solid #f9d134;
	color: black !important;
	text-decoration: none !important;
}

html.contrast-mode .download-button:hover,
html.contrast-mode .flipbook-button:hover {
	background: black;
	color: #f9d134 !important;
}

html.contrast-mode .delete-button {
	background: #000;
	border: #000;
	color: #f9d134 !important;
}

html.contrast-mode .delete-button:hover {
	border: #000;
}

html.contrast-mode button .delete-icon {
	color: #f9d134;
}

html.contrast-mode .shoping-cart-floater-text,
html.contrast-mode .confirm-header-container .confirm-header-container-return-link .return-to-shopping-cart {
	font-weight: 400;
}

html.contrast-mode button:hover {
    background-color: #000;
    border: 1px solid #f9d134;
    color: #f9d134 !important;
}

html.contrast-mode .formelement input.input-field-article:not([type='radio']):not([type='checkbox']):not([type='button']):not([type='submit']):not([type='reset']) {
	background-color: #000;
	border: 1px solid #f9d134;
	color: #f9d134;
}

html.contrast-mode .article-input-button .sv-minus.inactive:before,
html.contrast-mode .article-input-button .sv-plus.inactive:before {
	color: #000;
}

html.contrast-mode .custom-order-confirmation .bewe_articles_table td {
	border-bottom: 1px solid #f9d134 !important;
	border-top: 1px solid #f9d134 !important;
}

html.contrast-mode input[type='submit'].new-order {
	border: none;
	color: #f9d134;
}


@media(max-width: 550px) {

	html.contrast-mode .custom-order-confirmation .bewe_articles_table tr {
		border-bottom: 1px solid #f9d134;
	}
	
	html.contrast-mode .custom-order-confirmation .bewe_articles_table td {
		border-bottom: none !important;
		border-top: none !important;
	}
	
}