.scroll-wrapper {
	-webkit-overflow-scrolling: touch;
	overflow-y: scroll;
	width: 100%;
	height: 100vh !important;
}



/*--------------------------------- Media Queries ---------------------------------*/

/* Mobile */
@media (max-width: 575px) { ... }

/* Tablets */
@media (min-width: 576px) and (max-width: 991px) { ... }

/* Desktop */
@media (min-width: 992px) { ... }



/*--------------------------------- Colors ---------------------------------*/

.bg-100 {
	background-color: #8e827a !important;
}

.bg-80 {
	background-color: #a49b95 !important;
}

.bg-35 {
	background-color: #d7d3d0 !important;
}
	
.bg-25 {
	background-color: #e7e5e5 !important;
}

.bg-15 {
	background-color: #ededed !important;
}

.hover-primary {
	background-color: #a49b95 !important;
}

.color-100 {
	color: #8e827a !important;
}

.border-80 {
	border-color: #a49b95;
}

.text-dark {
	color: #595959 !important;
}

.bg-img-preview {
	background-color: #eee9e3 !important;
}

.bg-neutral {
	background-color: #f4f4f4 !important;
}



/*--------------------------------- shortline CSS ---------------------------------*/

.underline {
	text-decoration: underline;
}

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

.h-100 {
	height: 100% !important;
}

.size-90 {
	max-height: 90% !important;
	max-width: 90% !important;
}

.fill-width {
	width: -webkit-fill-available;
}

.border-solid {
	border-style: solid;
}

.border-thin {
	border-width: 1px;
}

.border-thinner {
	border-width: 0.5px;
}

/* .size-140 {
	max-height: 140% !important;
	max-width: 140% !important;
} */

.hover-opacity-10:hover {
	opacity: 0.1;
}
.hover-opacity-20:hover {
	opacity: 0.2;
}
.hover-opacity-30:hover {
	opacity: 0.3;
}
.hover-opacity-40:hover {
	opacity: 0.4;
}
.hover-opacity-50:hover {
	opacity: 0.5;
}
.hover-opacity-60:hover {
	opacity: 0.6;
}
.hover-opacity-70:hover {
	opacity: 0.7;
}
.hover-opacity-80:hover {
	opacity: 0.8;
}
.hover-opacity-90:hover {
	opacity: 0.9;
}


/*--------------------------------- Basics ---------------------------------*/

html body {
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	padding: 0 !important;
	line-height: 1.5;
	background-color: #f4f4f4;
	display: flex;
    flex-direction: column;
	margin: 0 !important;
	color: #8e827a;
	position: relative;
	column-gap: 3rem !important;

/* better font-visuability, cross-browser */
	-webkit-text-size-adjust: 100%;
	/* Font varient */
	font-variant-ligatures: none;
	-webkit-font-variant-ligatures: none;
	/* Smoothing */
	text-rendering: optimizeLegibility;
	-moz-osx-font-smoothing: grayscale;
	font-smoothing: antialiased;
	-webkit-font-smoothing: antialiased;
	text-shadow: rgba(0, 0, 0, .01) 0 0 1px; 
}

html {
	height: 100%;
}

body {
	padding-bottom: 34px !important;
	min-height: calc(100% - 60px);
}

header {
	background-color: white !important;
}

.container {
	padding-left: 20px !important;
	padding-right: 20px !important;
}

.container-bg {
	background-color:  #f4f4f4 !important;
}

a:hover {
	text-decoration: none;
}



/*--------------------------------- h1-h6, p, table, a ---------------------------------*/

/* h1-h6 */
h1, .h1 {
	font-size: 3.125rem;
	color: #8e827a;
}

h2, .h2 {
	font-size: 1.8rem;
	letter-spacing: 0.04rem !important;
}

h3, .h3 {
	font-size: 1.6rem;
}

h4, .h4 {
	font-size: 1.4rem;
	letter-spacing: 0.04rem !important;
}

h5, .h5 {
	font-size: 1.2rem;
}

h6, .h6 {
	font-size: 1.0rem;
}

@media (min-width: 576px) and (max-width: 991px) { 
	h1, .h1 {
		font-size: 2.7rem;
	}
}

/* p, table, a */
p, .p {
	color: #8e827a;
}

th, td, dl, dt, dd {
	color: #8e827a;
	letter-spacing: 0.03rem !important;
}

a {
	color: #8e827a !important;
	}


/*--------------------------------- other text ---------------------------------*/

.text-primary {
	color: #8e827a !important;
}

/* Links Hover */
a.text-primary:hover, a.text-primary:focus {
	color: #8e827a !important;
}

/* Jukebox Link */
.link-blue {
	color: #007bff !important;
}

.link-blue:hover {
	color: #007bff !important;
	text-decoration: underline;
}

.link-download:hover {
	color: #a49b95 !important;
}


/*--------------------------------- Buttons ---------------------------------*/

/* START: CUSTOMIZING BUTTONS FOR DELIVERY RADIO BUTTONS IN SHOPPINGCART / 18.03.2025 JR */
.btn-group-toggle .btn:hover {
	background-color: transparent !important;
	color: #8e827a !important;
	border: 1px solid #8e827a; 
  }

.btn-group-toggle .btn {
	background-color: white !important;
	color: #8e827a !important;
	border: 1px solid #8e827a;
	box-shadow: none;
  }
  
  .btn-group-toggle .btn.active {
	background-color: #8e827a !important;
	color: #ffffff !important;
	border-color: #8e827a;
  }

  /* Hide the text in the Versandart radio box like "Frühestmöglicher Liefertermin: 24.03.2025", which is often not correct since we customize the datepicker. */
  .form-check-label[id^="zusatzinfo2_"] {
    display: none !important;
  }
/* END: CUSTOMIZING BUTTONS FOR DELIVERY RADIO BUTTONS IN SHOPPINGCART / 18.03.2025 JR */


/* Button */
.btn, .btn-primary, .btn-outline-primary {
	background-color: #8e827a !important;
	color: #fff !important;
}

.btn:hover, .btn-primary:hover, .btn-outline-primary:hover {
	background-color: #7c716a !important;
	color: #fff !important;
}



/*--------------------------------- Header ---------------------------------*/

/* Logo size */
.logo-size  {
    height: auto;
    width: 300px;	
    margin-top: 15px !important;
	margin-bottom: 15px !important;
}

/* Logo position */
@media (max-width: 575px) { 
	.logo-position {
		display: flex;
		justify-content: center;
	}
}

/* Register-Char in Printportal-Headline */
.registered {
	font-size: x-large;
	top: -1.4rem;	
}

/* Lang positioning */
/* #lang {
	position: relative;
	display: flex;
	text-decoration: none;
	text-align: right;
}

.navi__sprachen {
	margin-left: 90%;
	margin-top: 9px;
} */
/* 
@media (max-width: 768px) { 
	.navi__sprachen {
		margin-left: 85%;
	}
}

@media (max-width: 576px) { 
	.navi__sprachen {
		margin-left: 80%;
	}
} */



/*--------------------------------- Overview Products ---------------------------------*/

/* darkbrown surface */
.card-body {
	line-height: 1.3;
	padding: 0.8rem 1.1rem 0.9rem 0.9rem;
}

/* product title */
.article-title {
	font-size: 1.0rem;
	line-height: 1.3;
	border-bottom: 1px solid white;
    padding-bottom: 9px;
}

/* Articlecode/Stock from product */
.article-text {
    font-size: 0.9rem;
	line-height: 0.8;
}


/*--------------------------------- Cookie ---------------------------------*/

/* Cookie */
.alert-popup {
	border: none;
	padding: 15px 30px;
}



/*--------------------------------- Navigation ---------------------------------*/

.nav-font {
	font-size: 0.9rem;
}

.img-icon {
	height: 1.2rem !important;
	width: 1.2rem !important;
}

   
/* MOBILE */
@media (min-width: 1px) and (max-width: 575px) { 

	/* Navigation */
	.nav {
		display: block;
		height: 150px; 
		background-color: white;
	}

	/* User-Navigation */
	.user-navigation {
		display: flex;
		justify-content: center !important;
	}

	/* Language-Dropdown: Hide Text */
	.dropdown-text-language {
		display: none;
	}
 }

  
 /* TABLET */
 @media (min-width: 575px) and (max-width: 767.98px) { 
	.user-navigation {
		flex-direction: row;
		justify-content: flex-start;
	}
 }


/* TABLET – DESKTOP */
@media (min-width: 575px) { 

	/* Navigation */
	.nav {
		display: flex;
		align-items: center;
		height: 150px; 
		background-color: white;
	}

	/* User-Navigation */
	.user-navigation {
		flex-direction: column;
	}
 }


 /* DESKTOP */
@media (min-width: 768px) {
	.d-md-inline-block {
		display: inline-block !important;
	}
}



 /*--------------------------------- Dropdown ---------------------------------*/

/* Dropdown-Menu */
.dropdown-item:hover, 
.dropdown-item:focus, 
.dropdown-item:active {
    color: #16181b;
    text-decoration: none;
    background-color: #f8f9fa;
}

a[data-toggle="collapse"][data-toggle="collapse"][aria-expanded="false"] {
    background-image: url(/Images/SchmidFehr/dark/show_more.svg) !important;
}

a[data-toggle="collapse"][data-toggle="collapse"][aria-expanded="true"] {
    background-image: url(/Images/SchmidFehr/dark/show_less.svg);
}

/* Spacing between User-Navigation-Elements */
.nav-link {
    display: flex;
	padding: 0.13rem 0rem;
	align-items: center;
}

 /* Tablet small */
 @media (min-width: 1px) and (max-width: 767.98px) { 
	.nav-link {
		padding-right: .6rem !important;
	}

	.nav-more-padding {
		padding-right: 1.2rem !important;
	}

	.dropdown {
		display: flex;
	}
 }

.dropdown-item {
    display: block;
    width: 100%;
    padding: 0 1.8rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
}

.dropdown-menu.show {
	display: block;
	text-align: center;
}

/* .navi__sprachen {
    position: absolute;
	list-style: none;
	display: flex;
}

.navi__sprachen li {
	padding: 0 4px;
}

.navi__sprachen a {
	color: #8e827a;
	text-transform: uppercase;
}

.navi__sprachen a:active {
	font-weight: 600;
}

.navi__sprachen a:hover {
	text-decoration: none;
} */



/*--------------------------------- Carousel ---------------------------------*/

.home-imagecontainer {
	height: 380px;
	width: 100% !important;
}

.home.carousel-inner {
	height: 390px !important;
	width: 100% !important;
}

.carousel-indicators li {
	cursor: pointer;
	background-color: #a49b95;
}

/* Mobile & Tablet */
@media (min-width: 1px) and (max-width: 991px) { 
	.carousel-indicators {
		bottom: 0px;
	}
 }

.carousel-indicators .active {
	background-color: #d7d3d0;
}

.home.carousel-item {
	min-width: 100% !important;
	object-fit: fill;
}

.home.carousel-img {
	min-height: 100%;
	min-width: 100%;
}

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
	.home-imagecontainer {
		position: relative;
		height: 30px;
		width: 100% !important;
		text-align: right;
	}
		.login-ie11 {
		position: relative !important;	
	}
	.ie-11-d-block {
		display: block !important;
	}
}

/* .marginup {
	margin-top: 300px; 
} */

.login-panel {
	padding: 20px 20px 60px 20px;
	width: 100%;
}

/* .place-login {
	margin-right: 60px !important;
} */



/*--------------------------------- Login-Panel ---------------------------------*/

/* Inputfield */
.form-control {
	display: block;
	width: 100%;
	padding: .375rem .75rem;
	font-size: 1rem;
	line-height: 1.5;
	color: #8e827a;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #a49b95;
	transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	border-radius: 0;
}

/* Login-Button */
.btn {
	display: inline-block;
	font-weight: 400;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	user-select: none;
	border: 0;
	padding: .375rem .75rem;
	font-size: 1rem;
	line-height: 1.5;
	border-radius: 0;
	background-color: #8e827a;
	color: white;
	transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
	
/* Inputfield-background-color: when moving the the next inputfield */
	input:-webkit-autofill {
	-webkit-box-shadow: 0 0 0 30px white inset;
	}


/* 	
.grid-gutter{
	grid-columns: 12 !default;
	grid-gutter-width: 30px !default;
} */



/*--------------------------------- Infoboxes ---------------------------------*/

.infobox-container {
	padding: 0 10px !important;
}

/* Mobile & Tablet */
@media (min-width: 1px) and (max-width: 991px) { 
	.infobox-container {
		margin-top: 10px !important;
	}
 }


.list {
	display: flex;
	flex-wrap: wrap;
	grid-columns: 12 !default;
	grid-gutter-width: 30px !default;
}

.list-item {
	/* width: 100% !important; */
	display: flex; 
	padding: 0.5em;
	grid-columns: 12 !default;
	grid-gutter-width: 30px !default;
}

/* Mobile */
@media (max-width: 575px) { 
	.list-item {
		width: 100%;
	}
 }

/* Tablets */
@media (min-width: 576px) and (max-width: 991px) { 
	.list-item {
		width: 50%;
	  }
 }

/* Desktop */
@media (min-width: 992px) { 
	.list-item {
		width: 33.3%;
	  }
 }

.list-content {
	background-color: #d7d3d0;
	padding-top: 50px;
	padding-left: 25px; 
	padding-right: 25px;
	display: flex; 
    width: 100%;
	flex-direction: column;	
	grid-columns: 12 !default;
	grid-gutter-width: 30px !default;
}

.list-content p {
	flex: 1 0 auto;
}

/* Categories */
/* .categoryFilter__container {
	margin-top: 200px !important;
	padding: 200px !important;
	background-color: rgb(238,233,227);
}

.category__list {
	display: flex;
	flex-wrap: wrap;
	grid-columns: 12 !default;
	grid-gutter-width: 30px !default;
}

.category__listItem {
	display: flex; 
	padding: 0.5em;
	width: 100%;
	grid-columns: 12 !default;
	grid-gutter-width: 30px !default;
}

@media all and (min-width: 40em) {
  .category__listItem {
    width: 50%;
  }
}
@media all and (min-width: 60em) {
  .category__listItem {
    width: 33.33%;
  }
}

.category__list-content {
	padding-top: 50px;
	padding-left: 25px; 
	padding-right: 25px;
	display: flex; 
    width: 100%;
	flex-direction: column;	
	grid-columns: 12 !default;
	grid-gutter-width: 30px !default;
}

.category__listContent p {
	flex: 1 0 auto;
} */


/* .container__fullwidth {
	width: 100%;
	height: 100%;
} */

/* .filter__searchbox {
	border: 1px solid #8e827a;
	} */


	
/*--------------------------------- Filter ---------------------------------*/

/* Searchfield above filterbox */
.form-control-sfag {
	border-radius: 0px !important;
	height: 45px !important;
}

/* Box around filter */
.filter-box {
	background-color: #fff !important;
}



/*--------------------------------- Category ---------------------------------*/

.tile-element-container {
	max-height: 170px;
	padding-left: 0.75rem !important;
	padding-right: 0.75rem !important;
	margin-bottom: 22px !important;
}

.tile-element {
	height: 170px;
    justify-content: flex-end;
    align-items: flex-end;
    padding-right: 10px;
	background-image: var(--background); /* is needed to target the image from 'image' in the style attribute */
}

.tile-element p {
    color: #ffffff;
    font-size: 11px;
    line-height: 1.2;
    text-align: right;
    float: right;
}

/* Mobile */
@media (max-width: 575px) { 
	.tile-element-container {
		height: 110px;
	}

	.tile-element {
		height: 110px;
	}
}

.tile-element:hover {
	background-color: #a49b95;
	opacity: 0.8;
	transition-duration: 0.2s;	
}

.tile-element-a {
	color: white;
	font-size: 32px;
	font-weight: 300;
	letter-spacing: 0.06rem !important;
	display: flex;
	align-items: flex-end;
	text-align: right;
	float: right;
}

/* .fill-height {
	height: -webkit-fill-available;
} */



/*--------------------------------- Article ---------------------------------*/

/*** Article with Preview-Image ***/
/* Fit Preview-Image on frame */
.img-fillcontent {
	background-size: contain;
}

/* Article container */
.product-container {
	padding-left: 0.60rem !important;
	margin-bottom: 0.60rem !important;	
	margin-bottom: 1.6rem !important;
}

/* Article Box */
.product-box:hover {
	opacity: 0.85;
	transition-duration: 0.2s;
}

.card {
	border-radius: 0 !important;
}


/* brown surface */

/* Mobile */
@media (min-width: 1px) and (max-width: 575px) {
	.card-body {
		min-height: 8rem !important;
	}
}

/* Tablet Size-1 */
@media (min-width: 575px) and (max-width: 766px) {
	.card-body {
		height: calc(100% - 504px) !important;
	}
}

/* Tablet Size-2 */
@media (min-width: 767px) and (max-width: 991px) {
	.card-body {
		height: calc(100% - 446px) !important;
	}
}

/* Desktop Size-1 */
@media (min-width: 991px) and (max-width: 1200px) {
	.card-body {
		height: calc(100% - 151px) !important;
	}
}

/* Desktop Size-2 */
@media (min-width: 1201px) {
	.card-body {
		height: calc(100% - 185px) !important;
	}
}


/* Image Size */
@media (max-width: 575px) { 
	.img-square {
		padding-top: 70%;
	}
}	



/*--------------------------------- Product Detail ---------------------------------*/

	/* Image Size */
	.product-image-container {
		height: 350px !important;
	}

	.image-modal {
		max-width: 500px;
		max-height: 450px;
	}

	/* Product image */
	.product-image {
		padding-left: 0;
	}

	/* Product Content */
	.product-content {
		padding-left: 0.75rem;
		padding-right: 0;
	}

	@media (max-width: 575px) { 
		.product-content, .product-image {
			padding-left: 0;
			padding-right: 0;
		}
	}

	.input-group {
		width: 100% !important;
	}

	.form-group {
		width: 100% !important;
	}

	.hr-1px {
		border: 0.5px solid #8e827a;
		margin-top: 1.0rem;
	    margin-bottom: 1.0rem;
	}


	/* Table above */ 
		/* alternating color */
		.table-striped tbody tr:nth-of-type(odd){
			background-color:#f4f4f4;
		}

		.table-sm th, .table-sm td {
			padding: 0.12rem .5rem;
		}

		.table th,.table td {
			border-top: none;
		}

		.table {
			margin: 0 0 0 -7px;
		}

	/* Table middle */
		.product-description {
			font-weight: normal !important;
		}
		
		.col-form-label {
			letter-spacing: 0.03rem !important;
		}

	/* Upload */
	.upload-table {
		margin-top: 15px;
	}



/*--------------------------------- Shopping Cart ---------------------------------*/

	/* Imagesize Preview */
	.img-square {
		background-size: contain !important;
	}
	
	.img-shopping-cart>figure {
		width: unset !important;
	}

	/* Row, Border & Padding */ 
	.shopping-cart .table tbody td {
		border-top: 1px solid #999;
		padding: 0.4rem .5rem;
	}

	/* Delivery: Checkbock for new addres should be right aligned */
	label:has(#cbNewAddress) {
		padding-right: 1rem;
		margin-bottom: 0;
		font-size: 18px;

	}
	#cbNewAddress {
		margin-right: 5px;
	}


/*--------------------------------- Auftragsarchiv ---------------------------------*/

.table-hover tbody tr:hover {
	background-color: rgb(80,80,80,0.2);
}


/* Buttons for page change */

	/* Vorherige | 1 | Nächste 
	   Block	
	*/
	.page-link {
		color: #8e827a;
		background-color: #fff;
		border: 1px solid #8e827a;
	}

	/* 
	   Vorherige | Nächste 
	   if not avaible	
	*/
	.page-item.disabled .page-link {
		color: #8e827a;
		background-color: #fff;
		border-color: #8e827a;
	}
	
	/* 
	   Vorherige | Nächste 
	   :hover	
	*/	
	.page-link:hover {
		color: #a49b95;
		text-decoration: none;
		background-color: #fff;
		border-color: #8e827a;
	}
	
	/* 
	   Vorherige | Nächste 
	   no border	
	*/	
	.page-item:first-child .page-link {
		margin-left: 0;
		border-radius: 0;
	}

	.page-item:last-child .page-link {
		border-radius: 0;
	}

	/* 	
		1 (Number in the middle)
		styling
	*/
	.page-item.active .page-link {
		z-index: 1;
		color: #fff !important;
		background-color: #8e827a;
		border-color: #8e827a;
	}



/*--------------------------------- Sidebar ---------------------------------*/

	.nav-sidebar a {
		/* color: #8e827a; */
	}

	.nav-sidebar {
		margin-bottom: 1rem;
	}


/*--------------------------------- Badge ---------------------------------*/

	/* Surface behind number */
	.badge {
		border-radius: 0;
		background-color: #eee9e3;
		margin-left: 5px;
		border-radius: 0.5rem;
	}

	.badge-bg-transparent {
		border-radius: 0;
		background-color: transparent;
		/* margin-left: 5px; */
		border-radius: 0.5rem;
	}

	.badge-dark {
		color: #fff;
		background-color: #a49b95 !important;
	}



/*--------------------------------- Web2Print - VIVA Formularmodus ---------------------------------*/

	/* Frame on explicit size (not fullwidth) */
	#frmVivaForm {
		width: 100%;
		max-width: 2000px;
		margin-left: auto;
		margin-right: auto;
	}

	/* Preview of the Viva Formular Modus (PDF preview)*/
	.preview-container {
		height: 700px;
	}

	

/*--------------------------------- Breadcrumb ---------------------------------*/

	.breadcrumb {
		padding: 0 20px;
		margin-top: 20px;
		margin-bottom: 15px;
		background-color: transparent;
	}

	.breadcrumb a {
		color: #a49b95;
	}

	.breadcrumb a:hover {
		color: #8e827a;
	}
	
	.breadcrumb-item.active {
		color: #8e827a;
		font-weight: 600;
	}



	/*--------------------------------- Icon ---------------------------------*/

	/* Change favorite icons */
	.img-icon-favorite {
		display: inline-block; 
	}
	
	.img-icon-favorite + label {
		padding: 0;
		margin: 0;
		background: url("../../../Images/Printportal/dark/favorite_add.svg") no-repeat;
		background-position-y: center;
		width: 1rem; }
		.img-icon-favorite:checked + label {
		background: url("../../../Images/Printportal/dark/favorite_remove.svg") no-repeat;
		background-position-y: center; 
	}
	


/*--------------------------------- Infobox/Infobox ---------------------------------*/

	.alert-info {
		color: #8e827a;
		background-color: #fffadc;
		border: none;
	}

	.alert-danger-form {
		color: #721c24;
		background-color: #f8d7da;
		padding: 4px 10px;
	}

	.bg-light-main {
		background-color: #eee9e3 !important;
	}


/*--------------------------------- Download-Bereich ---------------------------------*/

	.table-download-area {
		width: 550px;
		border: none;
	}
	
	@media (min-width: 1px) and (max-width: 630px) { 
		.table-download-area {
			width: 100%;
		}
	}

/*--------------------------------- Footer ---------------------------------*/

.footer {
	color: white;
	padding: 19px 0;
	position: absolute;
	bottom: -80px;
	left: 0;
	right: 0;
}


/* Mobile XS */
@media (max-width: 433px) { 
	.footer {
		padding: 13px 0;
		bottom: -60px;
	}

/* Mobile */
@media (min-width: 434px) and (max-width: 575px) { 
	.footer {
		padding: 13px 0;
		bottom: -44px;
    }
}

/* Mobile */
@media (max-width: 575px) { 
	.font-footer-sm {
		font-size: 0.8rem;
	}
 }

.footer-link {
	color: white !important;
}

.footer-link:hover {
	color: #d7d3d0 !important;
}



/*--------------------------------- Searchfield ---------------------------------*/

.search-field {
	padding-left: 0.75rem !important;	
	padding-right: 0.75rem !important;	
}

/* listed suggestions */ 
a:active.list-group-item,
a:focus.list-group-item,
a:hover.list-group-item {
	border: none;
	background-color: #eee9e3;
	color: #8e827a;
}

.list-group-item .ui-state-active {
	border: none;
	background-color: transparent;
	color: inherit;
}



/*--------------------------------- Modal ---------------------------------*/

.modal-dialog {
	background-color: #ededed !important;
}






/*--------------------------------- TODO ---------------------------------*/

/*TODO */
/* folgender style müsste noch in razor-helper implementiert werden durch andreas */
.nav-artikel {
	color: #a49b95 !important;
	background-color: #fff !important;
	font-size: 0.9rem !important;
	margin-right: -0.5rem !important;
	font-weight: 500 !important;
	margin-left: 0 !important;
}