html
{
	overflow-y: scroll;
	margin: 0;
	padding: 0;
}

body
{
  background-color: #FFFFFF;
  color: #000000;
  font-family: Open Sans, Arial, Helvetica, sans-serif;
  margin: 0px 0px 10px 0px;
  padding: 0px;
}

body, select, a
{
	font-size: 12px;
}

a img
{
	border: none;
}

form
{
	padding: 0;
	margin: 0;
	display: inline;
}

select
{
	background: #F8F8F8;
	border: 1px solid #CCCCCC;
	padding: 2px;
}

/* layout */
#container
{
	width: 980px;
	margin-left: auto;
	margin-right: auto;
}

/*----------------------------------------------------------------------------*/

.success, .warning, .attention, .information, .error
{
	padding: 10px 10px 10px 33px;
	margin-bottom: 15px;
	color: #555555;
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-khtml-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
}

.success
{
	background: #EAF7D9 url('../image/success.png') 10px center no-repeat;
	border: 1px solid #BBDF8D;
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-khtml-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
}

.warning
{
	background: #FFD1D1 url('../image/warning.png') 10px center no-repeat;
	border: 1px solid #F8ACAC;
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-khtml-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
}

.attention
{
	background: #FFF5CC url('../image/attention.png') 10px center no-repeat;
	border: 1px solid #F2DD8C;
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-khtml-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
}

.information
{
	background: #FFF5CC url('../image/info.png') 10px center no-repeat;
	border: 1px solid #F2DD8C;
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-khtml-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
}

.error
{
	background: #FFD1D1 url('../image/error.png') 10px center no-repeat;
	border: 1px solid #F8ACAC;
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-khtml-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
}

.success .close, .warning .close, .attention .close, .information .close, .error .close
{
	float: right;
	padding-top: 4px;
	padding-right: 4px;
	cursor: pointer;
}

.required
{
	color: #FF0000;
	font-weight: bold;
}

.help
{
	color: #999;
	font-size: 10px;
	font-weight: normal;
	font-family: Verdana, Geneva, sans-serif;
	display: block;
}

/*----------------------------------------------------------------------------*/
table.form
{
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 20px;
}
table.form tr td:first-child
{
	width: 150px;
}
table.form > * > * > td
{
	color: #000000;
}
table.form td
{
	padding: 4px;
}
input.large-field, select.large-field
{
	width: 300px;
}
table.list
{
	border-collapse: collapse;
	width: 100%;
	border-top: 1px solid #DDDDDD;
	border-left: 1px solid #DDDDDD;
	margin-bottom: 20px;
}
table.list td
{
	border-right: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
}
table.list thead td
{
	background-color: #EFEFEF;
	padding: 0px 5px;
}
table.list thead td a, .list thead td
{
	text-decoration: none;
	color: #222222;
	font-weight: bold;
}
table.list tbody td
{
	padding: 0px 5px;
}
table.list .left
{
	text-align: left;
	padding: 7px;
}
table.list .right
{
	text-align: right;
	padding: 7px;
}
table.list .center
{
	text-align: center;
	padding: 7px;
}
table.radio
{
	width: 100%;
	border-collapse: collapse;
}
table.radio td
{
	padding: 5px;
}
table.radio td label
{
	display: block;
}
table.radio tr td:first-child
{
	width: 1px;
}
table.radio tr td:first-child input
{
	margin-top: 1px;
}
table.radio tr.highlight:hover td
{
	background: #F1FFDD;
	cursor: pointer;
}

/*----------------------------------------------------------------------------*/

/* button */
a.button, input.button {
	cursor: pointer;
	color: #FFFFFF;
	line-height: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	background: url('../image/button.png') repeat-x;
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-khtml-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	-webkit-box-shadow: 0px 2px 2px #DDDDDD;
	-moz-box-shadow: 0px 2px 2px #DDDDDD;
	box-shadow: 0px 2px 2px #DDDDDD;
}
a.button {
	display: inline-block;
	text-decoration: none;
	padding: 6px 12px 6px 12px;
}
input.button {
	margin: 0;
	border: 0;
	height: 24px;
	padding: 0px 12px 0px 12px;
}
a.button:hover, input.button:hover {
	background: url('../image/button-active.png') repeat-x;
}

.buttons
{
	background: #FFFFFF;
	overflow: auto;
	padding: 10px;
	margin-bottom: 20px;
}
.buttons .left
{
	float: left;
	text-align: left;
}
.buttons .right
{
	float: right;
	text-align: right;
}
.buttons .center
{
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

/* manufacturer */
.manufacturer-list
{
	border: 1px solid #DBDEE1;
	padding: 5px;
	overflow: auto;
	margin-bottom: 20px;
}
.manufacturer-heading
{
	background: #F8F8F8;
	font-size: 15px;
	font-weight: bold;
	padding: 5px 8px;
	margin-bottom: 6px;
}
.manufacturer-content
{
	padding: 8px;
}
.manufacturer-list ul
{
	float: left;
	width: 50%;
	margin: 0;
	padding: 0;
	list-style: none;
	margin-bottom: 10px;
}

/*-----------------------------------------------------------------------------*/

/* wishlist */
.wishlist-info table {
	width: 100%;
	border-collapse: collapse;
	border-top: 1px solid #DDDDDD;
	border-left: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;
	margin-bottom: 20px;
}
.wishlist-info td {
	padding: 7px;
}
.wishlist-info thead td {
	color: #4D4D4D;
	font-weight: bold;
	background-color: #F7F7F7;
	border-bottom: 1px solid #DDDDDD;
}
.wishlist-info thead .image {
	text-align: center;
}
.wishlist-info thead .name, .wishlist-info thead .model, .wishlist-info thead .stock {
	text-align: left;
}
.wishlist-info thead .quantity, .wishlist-info thead .price, .wishlist-info thead .total, .wishlist-info thead .action
{
	text-align: right;
}
.wishlist-info tbody td
{
	vertical-align: top;
	border-bottom: 1px solid #DDDDDD;
}
.wishlist-info tbody .image img
{
	border: 1px solid #DDDDDD;
}
.wishlist-info tbody .image
{
	text-align: center;
}
.wishlist-info tbody .name, .wishlist-info tbody .model, .wishlist-info tbody .stock
{
	text-align: left;
}
.wishlist-info tbody .quantity, .wishlist-info tbody .price, .wishlist-info tbody .total, .wishlist-info tbody .action
{
	text-align: right;
}
.wishlist-info tbody .price s
{
	color: #F00;
}
.wishlist-info tbody .action img
{
	cursor: pointer;
}

.login-content {
	margin-bottom: 20px;
	overflow: auto;
}
.login-content .left {
	float: left;
	width: 48%;
}
.login-content .right {
	float: right;
	width: 48%
}
.login-content .left .content, .login-content .right .content {
	min-height: 190px;
}

/* returns */

.return-list
{
	margin-bottom: 10px;
}

.return-list .return-id
{
	width: 49%;
	float: left;
	margin-bottom: 2px;
}
.return-list .return-status
{
	width: 49%;
	float: right;
	text-align: right;
	margin-bottom: 2px;
}
.return-list .return-content
{
	padding: 10px 0px;
	display: inline-block;
	width: 100%;
	margin-bottom: 20px;
	border-top: 1px solid #EEEEEE;
	border-bottom: 1px solid #EEEEEE;
}
.return-list .return-content div
{
	float: left;
	width: 33.3%;
}
.return-list .return-info
{
	text-align: right;
}
.return-product
{
	overflow: auto;
	margin-bottom: 20px;
}
.return-name
{
	float: left;
	width: 31%;
	margin-right: 15px;
}
.return-model
{
	float: left;
	width: 31%;
	margin-right: 15px;
}
.return-quantity
{
	float: left;
	width: 31%;
}
.return-detail
{
	overflow: auto;
	margin-bottom: 20px;
}
.return-reason
{
	float: left;
	width: 31%;
	margin-right: 15px;
}
.return-opened
{
	float: left;
	width: 31%;
	margin-right: 15px;
}
.return-opened textarea
{
	width: 98%;
	vertical-align: top;
}
.return-captcha
{
	float: left;
}

/* sitemap */

.sitemap-info
{
	overflow: auto;
	margin-bottom: 40px;
}
.sitemap-info .left
{
	float: left;
	width: 48%;
}
.sitemap-info .right
{
	float: left;
	width: 48%;
}

/* banner */
.banner div
{
	text-align: center;
	width: 100%;
	display: none;
}

.banner div img
{
	margin-bottom: 20px;
}
/* bulk search results*/
.bulk-search-result table
{
	width: 100%;
	margin-bottom: 15px;
	border-collapse: collapse;
	border-top: 1px solid #DDDDDD;
	border-left: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;
}
.bulk-search-result td
{
	padding: 7px;
}
.bulk-search-result thead td
{
	color: #636E75;
	font-size: 16px;
	font-weight: bold;
	background-color: #F7F7F7;
	border-bottom: 1px solid #DDDDDD;
}
.bulk-search-result thead .line
{
	width: 90px;
	font-size: 32px;
	text-align: center;
	padding: 0px;
	color: #636E75;
	padding: 7px;
}
.bulk-search-result thead .description
{
	text-align: left;
	padding: 7px;
}
.bulk-search-result thead .price
{
	text-align: center;
	padding: 0px;
	color: #636E75;
	padding: 7px;
}
.bulk-search-result thead .stock
{
	text-align: center;
	padding: 0px;
	color: #636E75;
	padding: 7px;
}
.bulk-search-result tbody td
{
	vertical-align: top;
	border-bottom: 1px solid #DDDDDD;
}
.bulk-search-result tbody .image img
{
}
.bulk-search-result tbody .image
{
	text-align: center;
}
.bulk-search-result tbody .name, .bulk-search-result tbody .model, .bulk-search-result tbody .quantity
{
	text-align: left;
}
.bulk-search-result tbody .quantity input[type='image'], .bulk-search-result tbody .quantity img
{
	position: relative;
	top: 4px;
	cursor: pointer;
}

.bulk-search-result .description
{
	padding: 0px;
	margin: 0px;
	color: #636E75;
	font-weight: bold;
}
.bulk-search-result .description .name {
	font-size: 16px;
	font-weight: normal;
	color: #636E75;
}
.bulk-search-result .description a {
	font-size: 16px;
	font-weight: bold;
	color: #0000FF;
	text-decoration: none;
}
.bulk-search-result .description .description-text {
	margin-top: 5px;
	font-size: 11px;
	font-weight: normal;
	color: #636E75;
}
/* price */
.bulk-search-result tbody .price {
	text-align: center;
}
.bulk-search-result .price .headline {
	font-size: 16px;
	font-weight: normal;
	color: #636E75;
}
.bulk-search-result .price .value {
	font-size: 16px;
	font-weight: bold;
	color: #000000;
}

.bulk-search-result .price-table {
	margin: 0px;
	padding: 0px;
	border-collapse: collapse;
	border: 0px;
	border-spacing: 0;
}
.bulk-search-result .price-table .price-table-left-row {
	width: 52%;
	margin: 0px;
	padding: 0px;
	border: 0px;
	text-align: right;
}
.bulk-search-result .price-table .price-table-right-row {
	margin: 0px;
	padding: 0px;
	border: 0px;
	text-align: left;
}

.bulk-search-result .price-table-name {
	margin: 0px;
	padding: 0px;
	border: 0px;
	font-size: 12px;
	font-weight: normal;
	color: #636E75;
}
.bulk-search-result .price-table-value {
	margin: 0px;
	padding: 0px;
	border: 0px;
	font-size: 12px;
	font-weight: normal;
	color: #636E75;
}

.bulk-search-result .stock {
	padding: 0px 0px 10px 0px;
}
.bulk-search-result tbody .stock {
	text-align: center;
}
.bulk-search-result tbody .quantity {
	text-align: center;
}
.bulk-search-result .stock .headline {
	font-size: 16px;
	font-weight: normal;
	color: #636E75;
}
.bulk-search-result .stock .value {
	font-size: 16px;
	font-weight: bold;
	color: #000000;
}

.bulk-search-result .quantity-field {
	background: #FFF;
	padding: 0px 0px 0px 5px;
	width: 72px;
	height: 34px;
	border: 1px solid #CCCCCC;
	-webkit-border-radius: 3px 3px 3px 3px;
	-moz-border-radius: 3px 3px 3px 3px;
	-khtml-border-radius: 3px 3px 3px 3px;
	border-radius: 3px 3px 3px 3px;
	-webkit-box-shadow: 0px 2px 0px #F0F0F0;
	-moz-box-shadow: 0px 2px 0px #F0F0F0;
	box-shadow: 0px 2px 0px #F0F0F0;
	font-size: 24px;
	font-weight: bold
}
.bulk-search-result .checkbox-container{
	display: block;
	padding: 5px 0px 0px 0px;
}
.bulk-search-result .checkbox-field {
	width: 34px;
	height: 34px;
	padding: 0px;
	margin: 28px 0px 0px 0px;
}

/* Search module */

.search-container {
	width:770px;
	margin-bottom: 20px;
}
.search-container .entry-field
{
	background: #FFF;
	padding: 0px 0px 0px 5px;
	width: 763px;
	height: 34px;
	border: 1px solid #CCCCCC;
	-webkit-border-radius: 3px 3px 3px 3px;
	-moz-border-radius: 3px 3px 3px 3px;
	-khtml-border-radius: 3px 3px 3px 3px;
	border-radius: 3px 3px 3px 3px;
	-webkit-box-shadow: 0px 2px 0px #F0F0F0;
	-moz-box-shadow: 0px 2px 0px #F0F0F0;
	box-shadow: 0px 2px 0px #F0F0F0;
	font-size: 24px;
	font-weight: bold;
}

#search_module input
{
	float:left;
	background: #FFF;
	padding: 1px 1px 1px 1px;
	width: 80%;
	height: 21px;
	border: 1px solid #CCCCCC;
	-webkit-border-radius: 3px 3px 3px 3px;
	-moz-border-radius: 3px 3px 3px 3px;
	-khtml-border-radius: 3px 3px 3px 3px;
	border-radius: 3px 3px 3px 3px;
	-webkit-box-shadow: 0px 2px 0px #F0F0F0;
	-moz-box-shadow: 0px 2px 0px #F0F0F0;
	box-shadow: 0px 2px 0px #F0F0F0;
}

/*----------------------------------------------------------------------------*/
/* Global variables                                                           */
/*----------------------------------------------------------------------------*/

:root
{

  --global-background-color-hover: #DBDEE1;
/*  --global-background-color-inverse: rgba(0,96,224,1.0);*/
  --global-background-color-inverse: rgba(0,0,255,1.0);
  --global-background-color-inverse-hover: rgba(0,0,96,1.0);

  --global-border-radius: 0px;
  --global-border-color: #E0E0E0;
  --global-border-color-hover: #0000FF;
  --global-border-color-focus: #0000FF;

  --global-border-shadow-color: #FFFFFF;
  --global-border-shadow-color-hover: #0000FF;

/*  --global-header-color: #636E75;*/
  --global-header-color: #333333;

/*  --global-headline-color: #000000;*/
  --global-headline-color: #333333;

/*  --global-text-color: #636E75;*/
  --global-text-color: #000000;
  --global-text-color-inverse: #FFFFFF;

/*  --global-text-color-inverse: rgba(0,0,255,1.0);*/
  --global-text-color-inverse-hover: rgba(0,0,0,1.0);

/*  --global-timestamp-color: #636E75;*/
  --global-timestamp-color: #666666;

  --global-link-color: #636E75;
  --global-link-color-hover: rgba(0,0,128,1.0);

  --global-link-line-color: #E0E0E0;
  --global-link-line-hover-color: #0000FF;

	--header-background-color: rgba(0,0,255,1.0);
	--header-background-color-hover: rgba(0,0,96,1.0);

	--header-text-color: #FFFFFF;

  --teaser-page-header-border-color: rgba( 255, 255, 255, 1.0 );
  --teaser-page-header-border-radius: 0px;
  --teaser-page-header-border-shadow-color: rgba( 255, 255, 255, 1.0 );
  --teaser-page-header-background-color: rgba( 255, 255, 255, 1.0 );
  --teaser-page-header-text-color: rgba( 0, 0, 0, 1.0 );

  --global-page-header-border-color: rgba( 255, 255, 255, 1.0 );
  --global-page-header-border-radius: 0px;
  --global-page-header-border-shadow-color: rgba( 255, 255, 255, 1.0 );
  --global-page-header-background-color: rgba( 255, 255, 255, 1.0 );
  --global-page-header-text-color: rgba( 0, 0, 0, 1.0 );

  --global-regular-button-backbround-color: rgba( 255, 255, 255, 1.0 );
  --global-regular-button-text-color: rgba( 0, 0, 0, 1.0 );
  --global-regular-button-border-radius: 0px;
  --global-regular-button-border-color: rgba( 0, 0, 255, 1.0 );

  --global-accent-button-backbround-color: rgba( 0, 0, 255, 1.0 );
  --global-accent-button-text-color: rgba( 255, 255, 255, 1.0 );
  --global-accent-button-border-radius: 0px;
  --global-accent-button-border-color: rgba( 0, 0, 255, 1.0 );

}

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

.header-container
{
  display: grid;
  grid-template-columns: min-content auto min-content min-content min-content min-content min-content;
  grid-gap: 10px;
  background: var( --global-background-color );
  padding: 10px 0px 10px 0px;
  color: var( --global-text-color );
  text-align: left;
}

.header-section
{
/*  border: 1px solid var( --global-border-color );*/
}

.header-logo
{
  font-family: Arial;
	font-size: 48px;
	font-weight: bold;
	color: var( --global-background-color-inverse );
	margin-top: -9px;
}

.header-logo-link
{
  text-decoration: none;
}

.header-search-group
{
	border: 1px solid var( --global-border-color );
	border-radius: var( --global-border-radius );
}

.header-search-input
{
	background: var( --global-background-color );
	width: 100%;
	height: 32px;
	border-left: 1px solid;
	border-right: 0px;
	border-top: 1px solid;
	border-bottom: 1px solid;
	border-color: var( --global-border-color );
	border-radius: var( --global-border-radius ) 0px 0px var( --global-border-radius );
	padding: 3px 0px 3px 10px;
/*	box-shadow: 0px 2px 0px var( --global-border-shadow-color );*/
	font-size: 16px;
/*	font-weight: bold;*/
}

.header-search-button
{
  display: inline-block;
	border: 1px solid var( --global-border-color );
	border-radius: 0px var( --global-border-radius ) var( --global-border-radius ) 0px;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 16px;
	padding-right:16px;
	background: var( --global-background-color-inverse );
	font-size: 16px;
	font-weight: normal;
	color: var( --global-text-color-inverse );
  text-align: center;
  text-decoration: none;
  cursor: pointer;
}

.header-account-button
{
  display: inline-block;
	border: 1px solid var( --global-border-color );
	border-radius: var( --global-border-radius );
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 16px;
	padding-right:16px;
	background: var( --global-background-color );
	font-size: 16px;
	font-weight: normal;
	color: var( --global-text-color );
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  white-space: nowrap;
}

.header-login-button
{
  display: inline-block;
	border: 1px solid var( --global-border-color );
	border-radius: var( --global-border-radius );
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 16px;
	padding-right:16px;
	background: var( --global-background-color );
	font-size: 16px;
	font-weight: normal;
	color: var( --global-text-color );
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  white-space: nowrap;
}

.header-cart-button
{
  display: inline-block;
	border: 1px solid var( --global-border-color );
	border-radius: var( --global-border-radius );
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 16px;
	padding-right:16px;
	background: var( --global-background-color );
	font-size: 16px;
	font-weight: normal;
	color: var( --global-text-color );
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  white-space: nowrap;
}

.header-location-button
{
  display: inline-block;
	border: 1px solid var( --global-border-color );
	border-radius: var( --global-border-radius );
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 16px;
	padding-right:16px;
	background: var( --global-background-color );
	font-size: 16px;
	font-weight: normal;
	color: var( --global-text-color );
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  white-space: nowrap;
}

.header-language-button
{
  display: inline-block;
	border: 1px solid var( --global-border-color );
	border-radius: var( --global-border-radius );
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 16px;
	padding-right:16px;
	background: var( --global-background-color );
	font-size: 16px;
	font-weight: normal;
	color: var( --global-text-color );
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  white-space: nowrap;
}

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

.footer-container
{
  display: grid;
  grid-template-columns: 4fr 3fr 3fr 3fr;
  grid-gap: 10px;
  background: var( --global-background-color-inverse );
/*  margin-bottom: 10px; */
/*  border: 1px solid var( --global-border-color );*/
  border-radius: var( --global-border-radius );
  box-shadow: 2px 2px 5px var( --global-border-shadow-color );
  padding: 10px;
  color: var( --global-text-color-inverse );
  text-align: left;
}

.footer-section
{
/*  border: 1px solid var( --global-border-color );*/
}

.footer-section-headline
{
  border: none;
  padding-top: 0px;
  padding-bottom: 6px;
  padding-left: 6px;
  padding-right: 6px;
  font-size: 20px;
  font-weight: normal;
  font-variant: small-caps;
  color: var( --global-text-color-inverse );
/*  text-transform: uppercase;*/
  letter-spacing: 1px;
}

.footer-item
{
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 0px;
  padding-right: 0px;
  border: none;
  font-size: 14px;
  font-weight: normal;
  letter-spacing: 1px;
  color: var( --global-text-color-inverse );
}

.footer-item :hover
{
	border-radius: var( --global-border-radius );
  background-color: var( --global-background-color-inverse-hover );
  color: var( --global-text-color-inverse );
}

.footer-item-link
{
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 6px;
  padding-right: 6px;
  text-decoration: none;
  color: var( --global-text-color-inverse );
  cursor: pointer;
  font-size: 14px;
  font-weight: normal;
  letter-spacing: 1px;
}

/*----------------------------------------------------------------------------*/
/* Generic message content                                                    */
/*----------------------------------------------------------------------------*/

/*----------------------------------------------------------------------------*/
/* Generic teaser page                                                        */
/*----------------------------------------------------------------------------*/

.generic-teaser-header-grid
{
  display: grid;
  grid-template-columns: auto min-content;
  grid-gap: 10px;
  padding-top: 20px;
  padding-bottom: 0px;
}

.generic-teaser-header-search-cell
{
  padding: 0px;
  border: none;
}

/*
.products-teaser-header-title-cell
{
  padding: 0px;
  border: 1px solid var( --global-border-color );
  border-radius: var( --global-border-radius );
  box-shadow: 2px 2px 5px var( --global-border-shadow-color );
  background-color: var( --header-background-color );
}

.products-teaser-header-title-cell:hover
{
  border: 1px solid var( --global-border-color-hover );
  box-shadow: 2px 2px 5px var( --global-border-shadow-color-hover );
	background-color: var( --header-background-color-hover );
}
*/

.generic-teaser-header-title-cell
{
  padding: 0px;
  border: 1px solid var( --teaser-page-header-border-color );
  border-radius: var( --teaser-page-header-border-radius );
  box-shadow: 2px 2px 5px var( --teaser-page-header-border-shadow-color );
  background-color: var( --teaser-page-header-background-color );
}

.generic-teaser-header-title-cell:hover
{
  border: 1px solid var( --teaser-page-header-border-color );
  box-shadow: 2px 2px 5px var( --teaser-page-header-border-shadow-color );
	background-color: var( --teaser-page-header-background-color );
}

.generic-teaser-header-link
{
  border: none;
  text-decoration: none;
}

/*
.products-teaser-header-text
{
  font-size: 42px;
  font-weight: normal;
  font-variant: small-caps;
  text-shadow: 0px 0px 1px #0000FF;
  letter-spacing: 6px;
	color: var( --header-text-color );
	text-align: center;
  padding: 9px 24px 10px 24px;
  vertical-align: middle;
  white-space: nowrap;
}
*/

.generic-teaser-header-text
{
  font-size: 52px;
  font-weight: normal;
  font-variant: small-caps;
/*  text-shadow: 0px 0px 1px #0000FF;*/
  letter-spacing: 6px;
	color: var( --teaser-page-header-text-color );
	text-align: center;
  padding: 10px 0px 10px 0px;
  vertical-align: middle;
  white-space: nowrap;
}

/*----------------------------------------------------------------------------*/
/* Generic message page                                                       */
/*----------------------------------------------------------------------------*/

.generic-page-header-grid
{
  display: grid;
  grid-template-columns: auto min-content;
  grid-gap: 10px;
  margin: 0px;
  border: none;
  padding: 20px 0px 10px 0px;
}

.generic-page-header-empty-cell
{
  margin: 0px;
  border: none;
  padding: 0px;
}

.generic-page-header-title-cell
{
  margin: 0px;
  padding: 0px;
  border: 1px solid var( --global-page-header-border-color );
  border-radius: var( --global-page-header-border-radius );
  box-shadow: 2px 2px 5px var( --global-page-header-border-shadow-color );
  background-color: var( --global-page-header-background-color );
}

.generic-page-header-title-text
{
  margin: 0px;
  font-size: 52px;
  font-weight: normal;
  font-variant: small-caps;
/*  text-shadow: 0px 0px 1px #0000FF;*/
  letter-spacing: 6px;
  color: var( --global-page-header-text-color );
  text-align: center;
  padding: 10px 0px 10px 0px;
  vertical-align: middle;
  white-space: nowrap;
}

.generic-page-content-grid
{
  margin: 0px;
  border: none;
  padding: 0px 0px 10px 0px;
}

.generic-page-content-grid-cell
{
  padding: 0px 0px 40px 0px;
}

.generic-page-content-message-text
{
  margin: 0px;
  border: none;
  padding: 0px 0px 20px 0px;
  font-size: 16px;
  font-weight: normal;
  color: var( --global-headline-color );
}

.generic-page-content-chapter-headline
{
  margin: 0px;
  border: none;
  padding: 0px 0px 6px 0px;
  font-size: 24px;
  font-weight: normal;
  letter-spacing: 3px;
  color: var( --global-headline-color );
}

.generic-page-content-chapter-text
{
  margin: 0px;
  border: none;
  padding: 0px 0px 20px 20px;
  font-size: 16px;
  font-weight: normal;
  color: var( --global-headline-color );
}

/*----------------------------------------------------------------------------*/

.generic-page-button-grid
{
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 10px;
  background: var( --global-background-color );
  padding: 10px 0px 10px 0px;
  color: var( --global-text-color );
  text-align: right;
}

.generic-page-button
{
  display: inline-block;
  margin: 0px;
	border: 1px solid var( --global-accent-button-border-color );
	border-radius: var( --global-accent-button-border-radius );
	padding: 8px 16px 8px 16px;
	background: var( --global-accent-button-backbround-color );
	font-size: 16px;
	font-weight: normal;
	color: var( --global-accent-button-text-color );
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  white-space: nowrap;
}

/*----------------------------------------------------------------------------*/
/* Account subsystem                                                          */
/*----------------------------------------------------------------------------*/

.account_page_menu_grid
{
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 40px;
  margin: 0px;
  border: none;
/*  border: 1px solid var( --global-border-color-hover );*/
  padding: 0px 0px 10px 0px;
}

.account_page_menu_grid_cell
{
  margin: 0px;
  border: none;
/*  border: 1px solid var( --global-border-color-hover );*/
  padding: 0px;
}

.account_page_menu_headline_grid
{
  display: grid;
  grid-template-columns: auto min-content;
  grid-gap: 10px;
  margin: 0px 0px 10px 0px;
  border: none;
/*  border: 1px solid var( --global-border-color );*/
  padding: 0px;
  text-decoration: none;  
}

.account_page_menu_items_grid
{
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 10px;
  margin: 0px;
  border: none;
/*  border: 1px solid var( --global-border-color );*/
  padding: 0px;
  text-decoration: none;
}

.account_page_menu_headline_icon_cell
{
  margin: 0px;
  border: none;
/*  border: 1px solid var( --global-border-color-hover );*/
  padding: 12px 24px 12px 24px;
  font-size: 24px;
  font-weight: normal;
	color: var( --global-text-color);
	text-align: left;
  text-decoration: none;
}

.account_page_menu_headline_caption_cell
{
  margin: 0px;
  border: none;
/*  border: 1px solid var( --global-border-color-hover );*/
  padding: 12px 12px 12px 0px;
  font-size: 24px;
  font-weight: normal;
	color: var( --global-text-color);
	text-align: left;
	letter-spacing: 1px;
  text-decoration: none;
}

.account_page_menu_item_headline_cell
{
  margin: 0px;
  border: none;
/*  border: 1px solid var( --global-border-color );*/
  padding: 8px 16px 8px 32px;
  font-size: 16px;
  font-weight: normal;
	color: var( --global-text-color);
	text-align: left;
  text-decoration: none;
}

.account_page_menu_item_headline_link
{
  margin: 0px;
/*  border: none; */
  border-bottom: 2px solid var( --global-link-line-color );
  padding: 0px 0px 0px 0px;
  font-size: 16px;
  font-weight: normal;
	color: var( --global-text-color );
	text-align: center;
  text-decoration: none;
}

.account_page_menu_item_headline_link:hover
{
  margin: 0px;
/*  border: none; */
  border-bottom: 2px solid var( --global-link-line-hover-color );
  padding: 0px 0px 0px 0px;
  font-size: 16px;
  font-weight: normal;
	color: var( --global-text-color );
	text-align: center;
  text-decoration: none;
}

/*
.products-list-grid
{
}

.products-list-row
{
  display: grid;
  grid-template-columns: min-content 15% 10% auto 8% 8% 10% min-content;
  grid-gap: 10px;
  padding: 10px;
  border: 1px solid var( --global-border-color );
  text-decoration: none;
}

.products-list-row:hover
{
  border: 1px solid var( --global-border-color-hover );
  box-shadow: 2px 2px 5px var( --global-border-shadow-color-hover );
}

.products-list-cell
{
}
*/

/*----------------------------------------------------------------------------*/
/* Languages subsystem                                                        */
/*----------------------------------------------------------------------------*/

.languages-header-container
{
  font-size: 30px;
  font-weight: normal;
	color: var( --global-text-color);
	text-align: right;
  padding-top: 10px;
  padding-bottom: 0px;
}

.languages-description-container
{
  border: none;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 14px;
  font-weight: normal;
  text-align: left;
  color: var( --global-text-color );
}

.languages-list-grid
{
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-gap: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.languages-list-cell
{
}

.languages-list-cell-button
{
  display: inline-block;
  border: 1px solid var( --global-border-color );
  border-radius: var( --global-border-radius );
  width: 100%;
  padding-top: 8px;
  padding-bottom: 8px;
/*  padding-left: 16px;
  padding-right: 16px;*/
  background: var( --global-background-color );
  font-size: 16px;
  font-weight: normal;
  color: var( --global-text-color );
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  white-space: nowrap;
}

/*----------------------------------------------------------------------------*/
/* Countries sybsystem                                                        */
/*----------------------------------------------------------------------------*/

.countries-header-container
{
  font-size: 30px;
  font-weight: normal;
	color: var( --global-text-color);
	text-align: right;
  padding-top: 10px;
  padding-bottom: 0px;
}

.countries-description-container
{
  border: none;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 14px;
  font-weight: normal;
  text-align: left;
  color: var( --global-text-color );
}

.countries-list-grid
{
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.countries-list-cell
{
}

.countries-list-cell-button
{
  display: inline-block;
  border: 1px solid var( --global-border-color );
  border-radius: var( --global-border-radius );
  width: 100%;
  padding-top: 8px;
  padding-bottom: 8px;
/*  padding-left: 16px;
  padding-right: 16px;*/
  background: var( --global-background-color );
  font-size: 16px;
  font-weight: normal;
  color: var( --global-text-color );
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  white-space: nowrap;
}

/*----------------------------------------------------------------------------*/
/* Company product categories on the start page                               */
/*----------------------------------------------------------------------------*/

.products-teaser-header-grid
{
  display: grid;
  grid-template-columns: auto min-content;
  grid-gap: 10px;
  padding-top: 20px;
  padding-bottom: 0px;
}

.products-teaser-header-search-cell
{
  padding: 0px;
  border: none;
}

/*
.products-teaser-header-title-cell
{
  padding: 0px;
  border: 1px solid var( --global-border-color );
  border-radius: var( --global-border-radius );
  box-shadow: 2px 2px 5px var( --global-border-shadow-color );
  background-color: var( --header-background-color );
}

.products-teaser-header-title-cell:hover
{
  border: 1px solid var( --global-border-color-hover );
  box-shadow: 2px 2px 5px var( --global-border-shadow-color-hover );
	background-color: var( --header-background-color-hover );
}
*/

.products-teaser-header-title-cell
{
  padding: 0px;
  border: 1px solid var( --teaser-page-header-border-color );
  border-radius: var( --teaser-page-header-border-radius );
  box-shadow: 2px 2px 5px var( --teaser-page-header-border-shadow-color );
  background-color: var( --teaser-page-header-background-color );
}

.products-teaser-header-title-cell:hover
{
  border: 1px solid var( --global-border-color-hover );
  box-shadow: 2px 2px 5px var( --teaser-page-header-border-shadow-color );
	background-color: var( --teaser-page-header-background-color );
}

.products-teaser-header-link
{
  border: none;
  text-decoration: none;
}

/*
.products-teaser-header-text
{
  font-size: 42px;
  font-weight: normal;
  font-variant: small-caps;
  text-shadow: 0px 0px 1px #0000FF;
  letter-spacing: 6px;
	color: var( --header-text-color );
	text-align: center;
  padding: 9px 24px 10px 24px;
  vertical-align: middle;
  white-space: nowrap;
}
*/

.products-teaser-header-text
{
  font-size: 42px;
  font-weight: normal;
  font-variant: small-caps;
/*  text-shadow: 0px 0px 1px #0000FF;*/
  letter-spacing: 6px;
	color: var( --teaser-page-header-text-color );
	text-align: center;
  padding: 10px 0px 10px 0px;
  vertical-align: middle;
  white-space: nowrap;
}

/*----------------------------------------------------------------------------*/

.products-teaser-container
{
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-gap: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.products-teaser-item
{
  padding: 0px;
  border: 1px solid var( --global-border-color );
  border-radius: var( --global-border-radius );
  box-shadow: 2px 2px 5px var( --global-border-shadow-color );
}

.products-teaser-item:hover
{
  border-color: var( --global-border-color-hover );
  box-shadow: 2px 2px 5px var( --global-border-shadow-color-hover );
}

.products-teaser-item-image
{
  padding: 10px;
  border-bottom: 1px solid;
  border-color: var( --global-border-color );
/*  margin-left: auto;
  margin-right: auto;*/
}

.products-teaser-item-image img
{
  width: 100%
}

.products-teaser-item-link
{
  border: none;
  text-decoration: none;
}

.products-teaser-item-headline
{
  border: none;
  padding: 10px;
  font-size: 18px;
  font-weight: bold;
  color: var( --global-headline-color );

}

.products-teaser-item-text
{
  border: none;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  font-size: 14px;
  font-weight: normal;
  color: var( --global-text-color );
}

/*============================================================================*/
/* Products subsystem                                                         */
/*============================================================================*/

/*----------------------------------------------------------------------------*/
/* Products list                                                              */
/*----------------------------------------------------------------------------*/

.products-header-container
{
  font-size: 30px;
  font-weight: normal;
	color: var( --global-text-color);
	text-align: right;
  padding-top: 10px;
  padding-bottom: 0px;
}

.products-description-container
{
  border: none;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 14px;
  font-weight: normal;
  text-align: left;
  color: var( --global-text-color );
}

.products-list-grid
{
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
/*  border: 1px solid var( --global-border-color ); *//*DEBUG*/
}

.products-list-row
{
  display: grid;
/*  grid-template-columns: min-content 1fr 1fr 1fr 1fr 1fr 1fr min-content;*/
  grid-template-columns: min-content 15% 10% auto 8% 8% 10% min-content;
  grid-gap: 10px;
  padding: 10px;
  border: 1px solid var( --global-border-color ); /*DEBUG*/
  text-decoration: none;
}

.products-list-row:hover
{
  border: 1px solid var( --global-border-color-hover );
  box-shadow: 2px 2px 5px var( --global-border-shadow-color-hover );
}

.products-list-cell
{
/*  border: 1px solid var( --global-border-color );*/ /*DEBUG*/
}

.products-list-image-cell
{
  padding: 0px;
/*  border: 1px solid var( --global-border-color ); */ /*DEBUG*/
  width: 70px;
  height: 70px;
}

.products-list-image-cell img
{
  width: 100%;
}

.products-list-mpn-cell
{
  text-decoration: none;
  font-weight: bold;
  color: var( --global-text-color );
}

.products-list-manufacturer-cell
{
  text-decoration: none;
  font-weight: bold;
  color: var( --global-text-color );
}

.products-list-lifecycle-cell
{
  text-align: center;
}

.products-list-stock-cell
{
  text-align: center;
}

.products-list-price-cell
{
  text-align: center;
}

.products-list-button-cell
{
  display: inline-block;
  border: 1px solid var( --global-border-color );
  border-radius: var( --global-border-radius );
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 16px;
  padding-right: 16px;
  background: var( --global-background-color );
  font-size: 16px;
  font-weight: normal;
  color: var( --global-text-color );
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  white-space: nowrap;
}

/*----------------------------------------------------------------------------*/
/* Product info                                                               */
/*----------------------------------------------------------------------------*/

.product-info-header-container
{
  font-size: 30px;
  font-weight: normal;
	color: var( --global-text-color );
	text-align: right;
  padding-top: 10px;
  padding-bottom: 0px;
}

.product-info-grid
{
  display: grid;
  grid-template-columns: auto 38.2%;
  grid-gap: 10px;
  padding: 0px 0px 10px 0px;
/*  border: 1px solid var( --global-border-color );*/
  text-decoration: none;
}

.product-info-left-column-grid
{
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 10px;
  padding: 0px;
/*  border: 1px solid var( --global-border-color );*/
  text-decoration: none;  
}

.product-info-right-column-grid
{
  display: grid;
  grid-template-columns: 1fr;
  grid-auto-rows: min-content;
  grid-gap: 10px;
  padding: 0px;
/*  border: 1px solid var( --global-border-color );*/
  text-decoration: none;  
}

.product-info-item-image-cell
{
  padding: 10px;
  border: 1px solid var( --global-border-color );
}

.product-info-item-image-cell img
{
  width: 100%
}

.product-info-item-properties-cell
{
  padding: 10px;
  border: 1px solid var( --global-border-color );
}

.product-info-item-description-cell
{
  padding: 10px 10px 0px 10px;
  border: 1px solid var( --global-border-color );
}

.product-info-item-action-cell
{
  padding: 10px 10px 0px 10px;
  border: 1px solid var( --global-border-color );
}

.product-info-item-property-group-headline
{
  padding-bottom: 5px;
  color: var( --global-text-color );
  text-align: left;
	font-size: 22px;
	font-weight: normal;
}

.product-info-item-property-name
{
  color: var( --global-text-color );
  text-align: left;
	font-size: 14px;
	font-weight: normal;
}

.product-info-item-property-value
{
  padding-left: 20px;
  padding-bottom: 10px;
  color: var( --global-text-color );
  text-align: left;
	font-size: 18px;
	font-weight: bold;
}

.product-info-item-unit-price-value
{
  padding: 0px;
  color: var( --global-text-color );
  text-align: right;
	font-size: 36px;
	font-weight: normal;  
}

.product-info-item-tax-info-text
{
  padding: 0px;
  color: var( --global-text-color );
  text-align: right;
	font-size: 14px;
	font-weight: normal;
}

.product-info-item-cart-info-text
{
  padding: 0px;
  color: var( --global-text-color );
  text-align: left;
	font-size: 14px;
	font-weight: normal;
}

.product-info-item-cart-info-value
{
  padding: 0px 0px 10px 20px;
  color: var( --global-text-color );
  text-align: left;
	font-size: 18px;
	font-weight: bold;
}

.product-info-item-description-value
{
  padding: 0px 0px 10px 20px;
  color: var( --global-text-color );
  text-align: left;
	font-size: 14px;
	font-weight: normal;
}

.product-info-item-cart-button-grid
{
  display: grid;
  grid-template-columns: auto min-content;
  grid-gap: 10px;
  background: var( --global-background-color );
  padding: 0px 0px 10px 0px;
  color: var( --global-text-color );
/*  text-align: right;*/
}

.product-info-item-quantity-input
{
	background: var( --global-background-color );
	width: 100%;
	height: 32px;
	border: 1px solid var( --global-border-color );
	border-radius: var( --global-border-radius );
	padding: 4px 0px 3px 0px;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
}

.product-info-item-quantity-input:focus
{
	border: 1px solid var( --global-border-color-focus );
	border-radius: var( --global-border-radius );
}

.product-info-item-cart-button
{
  display: inline-block;
	border: 1px solid var( --global-accent-button-border-color );
	border-radius: var( --global-accent-button-border-radius );
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 16px;
	padding-right:16px;
	background: var( --global-accent-button-backbround-color );
	font-size: 16px;
	font-weight: normal;
	color: var( --global-accent-button-text-color );
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  white-space: nowrap;
}

/*============================================================================*/
/* Catalog subsystem                                                          */
/*============================================================================*/

/*----------------------------------------------------------------------------*/
/* Catalog teaser on the start page                                           */
/*----------------------------------------------------------------------------*/

.catalog-teaser-header-grid
{
  display: grid;
  grid-template-columns: auto min-content;
  grid-gap: 10px;
  padding-top: 20px;
  padding-bottom: 0px;
}

/*----------------------------------------------------------------------------*/

.catalog-teaser-search-grid
{
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 10px;
  margin: 0px;
  padding: 10px 0px 10px 0px;
}

.catalog-teaser-header-search-cell
{
  margin: 0px;
  padding: 0px;
  border: 1px solid var( --global-border-color );
  border-radius: var( --global-border-radius );
  box-shadow: 2px 2px 5px var( --global-border-shadow-color );
}

.catalog-teaser-header-search-grid
{
  display: grid;
  grid-template-columns: auto min-content;
  grid-gap: 10px;
  background: var( --global-background-color );
  padding: 10px 10px 10px 10px;
  color: var( --global-text-color );
  text-align: left;
/*  border: 1px solid var( --global-border-color );*/
}

.catalog-teaser-header-search-section
{
  padding: 0px;
/*  border: 1px solid var( --global-border-color );*/
  border-radius: var( --global-border-radius );
  box-shadow: 2px 2px 5px var( --global-border-shadow-color );
}

.catalog-teaser-header-search-input
{
	background: var( --global-background-color );
	width: 100%;
	height: 32px;
	border-left: 0px solid;
	border-right: 0px;
	border-top: 0px solid;
	border-bottom: 0px solid;
	border-color: var( --global-border-color );
	border-radius: var( --global-border-radius ) 0px 0px var( --global-border-radius );
	padding: 4px 0px 4px 10px;
	font-size: 16px;
/*	font-weight: bold;*/
}

.catalog-teaser-header-search-button
{
  display: inline-block;
	border: 1px solid var( --global-border-color );
	border-radius: 0px var( --global-border-radius ) var( --global-border-radius ) 0px;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 16px;
	padding-right:16px;
	background: var( --global-background-color-inverse );
	font-size: 16px;
	font-weight: normal;
	color: var( --global-text-color-inverse );
  text-align: center;
  text-decoration: none;
  cursor: pointer;
}

/*----------------------------------------------------------------------------*/

.catalog-teaser-header-title-cell
{
  padding: 0px;
  border: 1px solid var( --global-border-color );
  border-radius: var( --global-border-radius );
  box-shadow: 2px 2px 5px var( --global-border-shadow-color );
	background-color: var( --header-background-color );
}

.catalog-teaser-header-title-cell:hover
{
  border: 1px solid var( --global-border-color-hover );
  box-shadow: 2px 2px 5px var( --global-border-shadow-color-hover );
	background-color: var( --header-background-color-hover );
}

.catalog-teaser-header-link
{
  border: none;
  text-decoration: none;
}

.catalog-teaser-header-text
{
  font-size: 30px;
  font-weight: normal;
  font-variant: small-caps;
  color: var( --header-text-color );
  text-align: center;
  padding: 9px 24px 10px 24px;
  vertical-align: middle;
  white-space: nowrap;
}

/*----------------------------------------------------------------------------*/

.catalog-teaser-container
{
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-gap: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.catalog-teaser-item
{
  padding: 0px;
  border: 1px solid var( --global-border-color );
  border-radius: var( --global-border-radius );
  box-shadow: 2px 2px 5px var( --global-border-shadow-color );
}

.catalog-teaser-item:hover
{
  border-color: var( --global-border-color-hover );
  box-shadow: 2px 2px 5px var( --global-border-shadow-color-hover );
}

.catalog-teaser-item-image
{
  padding: 10px;
  border-bottom: 1px solid;
  border-color: var( --global-border-color );
/*  margin-left: auto;
  margin-right: auto;*/
}

.catalog-teaser-item-image img
{
  width: 100%
}

.catalog-teaser-item-link
{
  border: none;
  text-decoration: none;
}

.catalog-teaser-item-headline
{
  border: none;
  padding: 10px;
  font-size: 18px;
  font-weight: bold;
  color: var( --global-headline-color );

}

.catalog-teaser-item-text
{
  border: none;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  font-size: 14px;
  font-weight: normal;
  color: var( --global-text-color );
}

/*----------------------------------------------------------------------------*/
/* Company services categories on the start page                              */
/*----------------------------------------------------------------------------*/

.services-teaser-header-grid
{
  display: grid;
  grid-template-columns: auto min-content;
  grid-gap: 10px;
  padding-top: 20px;
  padding-bottom: 0px;
}

.services-teaser-header-search-cell
{
  padding: 0px;
  border: none;
}
/*
.services-teaser-header-title-cell
{
  padding: 0px;
  border: 1px solid var( --global-border-color );
  border-radius: var( --global-border-radius );
  box-shadow: 2px 2px 5px var( --global-border-shadow-color );
	background-color: var( --header-background-color );
}

.services-teaser-header-title-cell:hover
{
  border: 1px solid var( --global-border-color-hover );
  box-shadow: 2px 2px 5px var( --global-border-shadow-color-hover );
	background-color: var( --header-background-color-hover );
}
*/
.services-teaser-header-title-cell
{
  padding: 0px;
  border: 1px solid var( --teaser-page-header-border-color );
  border-radius: var( --teaser-page-header-border-radius );
  box-shadow: 2px 2px 5px var( --teaser-page-header-border-shadow-color );
  background-color: var( --teaser-page-header-background-color );
}

.services-teaser-header-title-cell:hover
{
  border: 1px solid var( --global-border-color-hover );
  box-shadow: 2px 2px 5px var( --teaser-page-header-border-shadow-color );
	background-color: var( --teaser-page-header-background-color );
}

.services-teaser-header-link
{
  border: none;
  text-decoration: none;
}

.services-teaser-header-text
{
  font-size: 42px;
  font-weight: normal;
  font-variant: small-caps;
  text-align: center;
  padding: 9px 24px 10px 24px;
  vertical-align: middle;
  color: var( --header-text-color );
  white-space: nowrap;

}

/*----------------------------------------------------------------------------*/

.services-teaser-container
{
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-gap: 10px;
  border: none;
  padding-top: 10px;
  padding-bottom: 10px;

}

.services-teaser-item
{
  padding: 0px;
  border: 1px solid var( --global-border-color );
  border-radius: var( --global-border-radius );
  box-shadow: 2px 2px 5px var( --global-border-shadow-color );
}

.services-teaser-item:hover
{
  border-color: var( --global-border-color-hover );
  box-shadow: 2px 2px 5px var( --global-border-shadow-color-hover );
}

.services-teaser-item-link
{
  border: none;
  text-decoration: none;
}

.services-teaser-item-image
{
  padding: 10px;
  border-bottom: 1px solid;
  border-color: var( --global-border-color );
/*  margin-left: auto;
  margin-right: auto;*/
}

.services-teaser-item-image img
{
  width: 100%
}

.services-teaser-item-headline
{
  border: none;
  padding: 10px;
  font-size: 18px;
  font-weight: bold;
  color: var( --global-headline-color );

}

.services-teaser-item-text
{
  border: none;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  font-size: 14px;
  font-weight: normal;
  color: var( --global-text-color );
}

/*----------------------------------------------------------------------------*/
/* Company teaser on the start page                                           */
/*----------------------------------------------------------------------------*/

.company-teaser-header-container
{
  font-size: 30px;
  font-weight: normal;
	color: var( --global-text-color);
	text-align: right;
/*	border: 1px solid var( --global-border-color );*/
  padding-top: 10px;
  padding-bottom: 0px;
}

.company-teaser-container
{
  display: grid;
  grid-template-columns: 33.33333% auto;
  grid-gap: 10px;
/*  border: 1px solid var( --global-border-color ); */
  padding-top: 10px;
  padding-bottom: 10px;

}

.company-teaser-item
{
  padding: 0px;
  border: 1px solid var( --global-border-color );
  border-radius: var( --global-border-radius );
  box-shadow: 2px 2px 5px var( --global-border-shadow-color );
}

.company-teaser-item:hover
{
  border-color: var( --global-border-color-hover );
  box-shadow: 2px 2px 5px var( --global-border-shadow-color-hover );
}

.company-teaser-item-link
{
  border: none;
  text-decoration: none;
}

.company-teaser-item-headline
{
  border: none;
  padding: 10px;
  font-size: 18px;
  font-weight: bold;
  color: var( --global-headline-color );

}

.company-teaser-item-text
{
  border: none;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  font-size: 14px;
  font-weight: normal;
  color: var( --global-text-color );
}

/*----------------------------------------------------------------------------*/
/* News teaser on the start page                                              */
/*----------------------------------------------------------------------------*/

.news-teaser-header-grid
{
  display: grid;
  grid-template-columns: auto min-content;
  grid-gap: 10px;
  padding-top: 20px;
  padding-bottom: 0px;
}

.news-teaser-header-search-cell
{
  padding: 0px;
  border: none;
}

.news-teaser-header-title-cell
{
  padding: 0px;
  border: 1px solid var( --global-border-color );
  border-radius: var( --global-border-radius );
  box-shadow: 2px 2px 5px var( --global-border-shadow-color );
	background-color: var( --header-background-color );
}

.news-teaser-header-title-cell:hover
{
  border: 1px solid var( --global-border-color-hover );
  box-shadow: 2px 2px 5px var( --global-border-shadow-color-hover );
	background-color: var( --header-background-color-hover );
}

.news-teaser-header-link
{
  border: none;
  text-decoration: none;
}

.news-teaser-header-text
{
  font-size: 30px;
  font-weight: normal;
  font-variant: small-caps;
  text-align: center;
  padding: 9px 24px 10px 24px;
  vertical-align: middle;
  color: var( --header-text-color );
  white-space: nowrap;
}

/*----------------------------------------------------------------------------*/

.news-teaser-container
{
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 10px;
/*  border: 1px solid var( --global-border-color ); */
  padding-top: 10px;
  padding-bottom: 10px;
}

.news-teaser-item
{
  padding: 0px;
  border: 1px solid var( --global-border-color );
  border-radius: var( --global-border-radius );
  box-shadow: 2px 2px 5px var( --global-border-shadow-color );
}

.news-teaser-item:hover
{
  border-color: var( --global-border-color-hover );
  box-shadow: 2px 2px 5px var( --global-border-shadow-color-hover );
}

.news-teaser-item-link
{
  border: none;
  text-decoration: none;
}

.news-teaser-item-image
{
  padding: 10px;
  border-bottom: 1px solid;
  border-color: var( --global-border-color );
/*  margin-left: auto;
  margin-right: auto;*/
}

.news-teaser-item-image img
{
  width: 100%
}

.news-teaser-item-headline
{
  border: none;
  padding: 10px;
  font-size: 18px;
  font-weight: bold;
  color: var( --global-headline-color );

}

.news-teaser-item-text
{
  border: none;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 14px;
  font-weight: normal;
  color: var( --global-text-color );
}

.news-teaser-item-timestamp
{
  border: none;
  padding: 10px 10px 10px 10px;
  font-size: 10px;
  font-weight: normal;
  color: var( --global-timestamp-color );
  text-align: right;
}

/*----------------------------------------------------------------------------*/
/* Company news page                                                          */
/*----------------------------------------------------------------------------*/

.news-content-grid
{
  display: grid;
  grid-template-columns: min-content auto;
  grid-gap: 40px;
  margin: 10px 0px 10px 0px;
  border: none;
/*  border: 1px solid var( --global-border-color );*/ /*DEBUG*/
  padding: 0px 0px 0px 0px;
  text-decoration: none;
}

.news-years-cell
{
  display: grid;
  grid-template-columns: 1fr;
  grid-auto-rows: min-content;
  grid-gap: 10px;
  margin: 0px;
  border: none;
/*  border: 1px solid var( --global-border-color ); *//*DEBUG*/
  padding: 0px;
  text-decoration: none;
}

.news-content-cell
{
  display: grid;
  grid-template-columns: 1fr;
  grid-auto-rows: min-content;
  grid-gap: 30px;
  margin: 0px;
  border: none;
/*  border: 1px solid var( --global-border-color );*/ /*DEBUG*/
  padding: 0px;
  text-decoration: none;
}

.news-year-index-button
{
  display: inline-block;
  border: 1px solid var( --global-regular-button-border-color );
  border-radius: var( --global-regular-button-border-radius );
  padding-top: 12px;
  padding-bottom: 12px;
  padding-left: 24px;
  padding-right: 24px;
  background: var( --global-regular-button-backbround-color );
  font-size: 24px;
  font-weight: normal;
  color: var( --global-regular-button-text-color );
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  white-space: nowrap;
}

.news-year-index-button-selected
{
  display: inline-block;
  border: 1px solid var( --global-accent-button-border-color );
  border-radius: var( --global-accent-button-border-radius );
  padding-top: 12px;
  padding-bottom: 12px;
  padding-left: 24px;
  padding-right: 24px;
  background: var( --global-accent-button-backbround-color );
  font-size: 24px;
  font-weight: normal;
  color: var( --global-accent-button-text-color );
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  white-space: nowrap;
}

.news-list-message-date
{
  margin: 0px;
  border: none;
  padding: 0px 0px 0px 0px;
  font-size: 15px;
  font-weight: normal;
  color: var( --global-headline-color );
}

.news-list-message-headline
{
  margin: 0px;
  border: none;
  padding: 0px 0px 6px 0px;
  font-size: 24px;
  font-weight: normal;
  letter-spacing: 3px;
  color: var( --global-headline-color );
}

.news-list-message-text
{
  margin: 0px;
  border: none;
  padding: 0px 0px 0px 20px;
  font-size: 16px;
  font-weight: normal;
  color: var( --global-headline-color );
}

/*----------------------------------------------------------------------------*/
/* Shopping cart                                                              */
/*----------------------------------------------------------------------------*/

.cart-list-header-grid
{
  display: grid;
  grid-template-columns: auto min-content;
  grid-gap: 10px;
  padding-top: 20px;
  padding-bottom: 0px;
}

.cart-list-header-empty-cell
{
  padding: 0px;
  border: none;
}

.cart-list-header-title-cell
{
  padding: 0px;
  border: 1px solid var( --global-border-color );
  border-radius: var( --global-border-radius );
  box-shadow: 2px 2px 5px var( --global-border-shadow-color );
  background-color: var( --header-background-color );
}

.cart-list-header-title-text
{
  font-size: 30px;
  font-weight: normal;
  font-variant: small-caps;
  color: var( --header-text-color );
  text-align: center;
  padding: 9px 24px 10px 24px;
  vertical-align: middle;
  white-space: nowrap;
}

.cart-header-container
{
  font-size: 30px;
  font-weight: normal;
	color: var( --global-text-color);
	text-align: right;
  padding-top: 10px;
  padding-bottom: 0px;
}
/*
.cart-description-container
{
  border: none;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 14px;
  font-weight: normal;
  text-align: left;
  color: var( --global-text-color );
}
*/
.cart-list-grid
{
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
/*  border: 1px solid var( --global-border-color ); *//*DEBUG*/
}

.cart-list-row
{
  display: grid;
  grid-template-columns: min-content auto 8% 10% 10% 10% 10% 10% min-content;
  grid-gap: 10px;
  padding: 10px 10px 10px 10px;
  border: 1px solid var( --global-border-color ); /*DEBUG*/
  text-decoration: none;
}

.cart-list-row:hover
{
  border: 1px solid var( --global-border-color-hover );
  box-shadow: 2px 2px 5px var( --global-border-shadow-color-hover );
}

.cart-list-cell
{
/*  border: 1px solid var( --global-border-color );*/ /*DEBUG*/
}

.cart-list-mpn-header-text
{
  font-size: 12px;
  font-weight: normal;
  text-align: left;
}

.cart-list-manufacturer-header-text
{
  font-size: 12px;
  font-weight: normal;
  text-align: left;
}

.cart-list-availability-header-text
{
  font-size: 12px;
  font-weight: normal;
  text-align: center;
}

.cart-list-stock-header-text
{
  font-size: 12px;
  font-weight: normal;
  text-align: right;
}

.cart-list-price-header-text
{
  font-size: 12px;
  font-weight: normal;
  text-align: right;
}

.cart-list-image-cell
{
  padding: 0px;
  width: 70px;
  height: 70px;
}

.cart-list-image-cell img
{
  width: 100%;
}

.cart-list-mpn-value
{
  font-size: 14px;
  text-decoration: none;
  font-weight: bold;
  color: var( --global-text-color );
}

.cart-list-manufacturer-value
{
  font-size: 14px;
  text-decoration: none;
  font-weight: bold;
  color: var( --global-text-color );
}

.cart-list-availability-value
{
  font-size: 14px;
  font-weight: normal;
  text-align: center;
}

.cart-list-stock-value
{
  font-size: 14px;
  font-weight: bold;
  text-align: right;
}

.cart-list-price-value
{
  font-size: 14px;
  font-weight: normal;
  text-align: right;
}

.cart-list-price-total-value
{
  font-size: 14px;
  font-weight: bold;
  text-align: right;
}

.cart-list-remove-button
{
  display: inline-block;
  border: 1px solid var( --global-regular-button-border-color );
  border-radius: var( --global-regular-button-border-radius );
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 16px;
  padding-right: 16px;
  background: var( --global-regular-button-backbround-color );
  font-size: 16px;
  font-weight: normal;
  color: var( --global-regular-button-text-color );
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  white-space: nowrap;
}

.cart-summary-grid
{
  display: grid;
  grid-template-columns: auto min-content;
  grid-gap: 10px;
  padding: 10px 10px 10px 10px;
  border: 1px solid var( --global-border-color ); /*DEBUG*/
  text-decoration: none;
}

.cart-summary-cell
{
}

.cart-summary-price-text
{
  font-size: 16px;
  font-weight: normal;
  text-align: right;
  white-space: nowrap;
}

.cart-summary-price-value
{
  font-size: 16px;
  font-weight: bold;
  text-align: right;
  white-space: nowrap;
}

.cart-list-button-grid
{
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 10px;
  background: var( --global-background-color );
  padding: 10px 0px 10px 0px;
  color: var( --global-text-color );
  text-align: right;
}

.cart-list-checkout-button
{
  display: inline-block;
	border: 1px solid var( --global-accent-button-border-color );
	border-radius: var( --global-accent-button-border-radius );
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 16px;
	padding-right:16px;
	background: var( --global-accent-button-backbround-color );
	font-size: 16px;
	font-weight: normal;
	color: var( --global-accent-button-text-color );
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  white-space: nowrap;
}

/*----------------------------------------------------------------------------*/
/* Shopping cart checkout                                                     */
/*----------------------------------------------------------------------------*/

.checkout-select-payment-address-header-container
{
  font-size: 30px;
  font-weight: normal;
	color: var( --global-text-color);
	text-align: right;
  padding-top: 10px;
  padding-bottom: 0px;
}

.checkout-select-payment-address-description-container
{
  border: none;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 14px;
  font-weight: normal;
  text-align: left;
  color: var( --global-text-color );
}

.checkout-select-payment-address-grid
{
  border: none;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
/*  border: 1px solid var( --global-border-color ); *//*DEBUG*/
}

.checkout-select-payment-address-cell
{
/*  border: none;*/
  border: 1px solid var( --global-border-color );
  border-radius: var( --global-border-radius );
/*  box-shadow: 0px 0px 0px var( --global-border-shadow-color );*/
  padding: 10px 10px 10px 10px;
  font-size: 14px;
  font-weight: normal;
  text-align: left;
  color: var( --global-text-color );
}

.checkout-select-payment-address-cell:hover
{
  border: 1px solid var( --global-border-color-hover );
  border-radius: var( --global-border-radius );
  box-shadow: 2px 2px 5px var( --global-border-shadow-color-hover );
  padding: 10px 10px 10px 10px;
  font-size: 14px;
  font-weight: normal;
  text-align: left;
  color: var( --global-text-color );
}

.checkout-select-payment-address-link
{
  text-decoration: none;
}

.checkout-select-payment-address-company-text
{
  font-size: 14px;
  font-weight: bold;
  text-align: left;
  color: var( --global-text-color );
}

.checkout-select-payment-address-contact-text
{
  border: none;
  font-size: 14px;
  font-weight: normal;
  text-align: left;
  color: var( --global-text-color );
}

.checkout-select-payment-address-address-text
{
  border: none;
  font-size: 14px;
  font-weight: normal;
  text-align: left;
  color: var( --global-text-color );
}

/*----------------------------------------------------------------------------*/

.checkout-select-shipping-address-header-container
{
  font-size: 30px;
  font-weight: normal;
	color: var( --global-text-color);
	text-align: right;
  padding-top: 10px;
  padding-bottom: 0px;
}

.checkout-select-shipping-address-description-container
{
  border: none;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 14px;
  font-weight: normal;
  text-align: left;
  color: var( --global-text-color );
}

.checkout-select-shipping-address-grid
{
  border: none;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
/*  border: 1px solid var( --global-border-color ); *//*DEBUG*/
}

.checkout-select-shipping-address-cell
{
/*  border: none;*/
  border: 1px solid var( --global-border-color );
  border-radius: var( --global-border-radius );
/*  box-shadow: 0px 0px 0px var( --global-border-shadow-color );*/
  padding: 10px 10px 10px 10px;
  font-size: 14px;
  font-weight: normal;
  text-align: left;
  color: var( --global-text-color );
}

.checkout-select-shipping-address-cell:hover
{
  border: 1px solid var( --global-border-color-hover );
  border-radius: var( --global-border-radius );
  box-shadow: 2px 2px 5px var( --global-border-shadow-color-hover );
  padding: 10px 10px 10px 10px;
  font-size: 14px;
  font-weight: normal;
  text-align: left;
  color: var( --global-text-color );
}

.checkout-select-shipping-address-link
{
  text-decoration: none;
}

.checkout-select-shipping-address-company-text
{
  font-size: 14px;
  font-weight: bold;
  text-align: left;
  color: var( --global-text-color );
}

.checkout-select-shipping-address-contact-text
{
  border: none;
  font-size: 14px;
  font-weight: normal;
  text-align: left;
  color: var( --global-text-color );
}

.checkout-select-shipping-address-address-text
{
  border: none;
  font-size: 14px;
  font-weight: normal;
  text-align: left;
  color: var( --global-text-color );
}

/*----------------------------------------------------------------------------*/

.checkout-select-shipping-method-header-container
{
  font-size: 30px;
  font-weight: normal;
	color: var( --global-text-color);
	text-align: right;
  padding-top: 10px;
  padding-bottom: 0px;
}

.checkout-select-shipping-method-description-container
{
  border: none;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 14px;
  font-weight: normal;
  text-align: left;
  color: var( --global-text-color );
}

.checkout-select-shipping-method-grid
{
  border: none;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
/*  border: 1px solid var( --global-border-color ); *//*DEBUG*/
}

.checkout-select-shipping-method-cell
{
/*  border: none;*/
  border: 1px solid var( --global-border-color );
  border-radius: var( --global-border-radius );
/*  box-shadow: 0px 0px 0px var( --global-border-shadow-color );*/
  padding: 10px 10px 10px 10px;
  font-size: 14px;
  font-weight: normal;
  text-align: left;
  color: var( --global-text-color );
}

.checkout-select-shipping-method-cell:hover
{
  border: 1px solid var( --global-border-color-hover );
  border-radius: var( --global-border-radius );
  box-shadow: 2px 2px 5px var( --global-border-shadow-color-hover );
  padding: 10px 10px 10px 10px;
  font-size: 14px;
  font-weight: normal;
  text-align: left;
  color: var( --global-text-color );
}

.checkout-select-shipping-method-link
{
  text-decoration: none;
}

.checkout-select-shipping-method-forwarder-text
{
  font-size: 14px;
  font-weight: bold;
  text-align: left;
  color: var( --global-text-color );
}

.checkout-select-shipping-method-name-text
{
  border: none;
  font-size: 14px;
  font-weight: normal;
  text-align: left;
  color: var( --global-text-color );
}

.checkout-select-shipping-method-price-text
{
  border: none;
  font-size: 16px;
  font-weight: bold;
  text-align: right;
  color: var( --global-text-color );
}

/*----------------------------------------------------------------------------*/

.checkout-select-payment-method-header-container
{
  font-size: 30px;
  font-weight: normal;
	color: var( --global-text-color);
	text-align: right;
  padding-top: 10px;
  padding-bottom: 0px;
}

.checkout-select-payment-method-description-container
{
  border: none;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 14px;
  font-weight: normal;
  text-align: left;
  color: var( --global-text-color );
}

.checkout-select-payment-method-grid
{
  border: none;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
/*  border: 1px solid var( --global-border-color ); *//*DEBUG*/
}

.checkout-select-payment-method-cell
{
/*  border: none;*/
  border: 1px solid var( --global-border-color );
  border-radius: var( --global-border-radius );
/*  box-shadow: 0px 0px 0px var( --global-border-shadow-color );*/
  padding: 10px 10px 10px 10px;
  font-size: 14px;
  font-weight: normal;
  text-align: left;
  color: var( --global-text-color );
}

.checkout-select-payment-method-cell:hover
{
  border: 1px solid var( --global-border-color-hover );
  border-radius: var( --global-border-radius );
  box-shadow: 2px 2px 5px var( --global-border-shadow-color-hover );
  padding: 10px 10px 10px 10px;
  font-size: 14px;
  font-weight: normal;
  text-align: left;
  color: var( --global-text-color );
}

.checkout-select-payment-method-link
{
  text-decoration: none;
}

.checkout-select-payment-method-forwarder-text
{
  font-size: 14px;
  font-weight: bold;
  text-align: left;
  color: var( --global-text-color );
}

.checkout-select-payment-method-name-text
{
  border: none;
  font-size: 14px;
  font-weight: bold;
  text-align: left;
  color: var( --global-text-color );
}

.checkout-select-payment-method-price-text
{
  border: none;
  font-size: 16px;
  font-weight: bold;
  text-align: right;
  color: var( --global-text-color );
}

/*----------------------------------------------------------------------------*/

.checkout-confirm-header-container
{
  font-size: 30px;
  font-weight: normal;
	color: var( --global-text-color);
	text-align: right;
  padding-top: 10px;
  padding-bottom: 0px;
}

.checkout-confirm-description-container
{
  border: none;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 14px;
  font-weight: normal;
  text-align: left;
  color: var( --global-text-color );
}

.checkout-confirm-address-grid
{
  border: none;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.checkout-confirm-address-cell
{
/*  border: none;*/
  border: 1px solid var( --global-border-color );
  border-radius: var( --global-border-radius );
/*  box-shadow: 0px 0px 0px var( --global-border-shadow-color );*/
  padding: 10px 10px 10px 10px;
/*  font-size: 14px; */
/*  font-weight: normal; */
/*  text-align: left; */
  color: var( --global-text-color );
}

.checkout-confirm-address-headline-text
{
  font-size: 16px;
  font-weight: bold;
  text-align: right;
  color: var( --global-text-color );
}

.checkout-confirm-address-content-text
{
  border: none;
  font-size: 14px;
  font-weight: hormal;
  text-align: left;
  color: var( --global-text-color );
}

.checkout-confirm-services-grid
{
  border: none;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 10px;
  padding-top: 0px;
  padding-bottom: 10px;
}

.checkout-confirm-services-cell
{
  border: 1px solid var( --global-border-color );
  border-radius: var( --global-border-radius );
  padding: 10px 10px 10px 10px;
  color: var( --global-text-color );
}

.checkout-confirm-services-headline-text
{
  font-size: 16px;
  font-weight: bold;
  text-align: right;
  color: var( --global-text-color );
}

.checkout-confirm-services-content-text
{
  border: none;
  font-size: 14px;
  font-weight: hormal;
  text-align: left;
  color: var( --global-text-color );
}

.checkout-confirm-products-list-grid
{
  display: grid;
  grid-template-columns: min-content min-content auto 10% 10% 10% 10% 10% 10%;
  grid-gap: 10px;
  padding: 10px 10px 10px 10px;
  border: 1px solid var( --global-border-color ); /*DEBUG*/
  text-decoration: none;
}
/*
.checkout-confirm-product-list-row:hover
{
  border: 1px solid var( --global-border-color-hover );
  box-shadow: 2px 2px 5px var( --global-border-shadow-color-hover );
}
*/
.checkout-confirm-product-list-cell
{
/*  border: 1px solid var( --global-border-color );*/ /*DEBUG*/
}

.checkout-confirm-product-list-index-header-text
{
  font-size: 12px;
  font-weight: bold;
  text-align: center;
}

.checkout-confirm-product-list-mpn-header-text
{
  font-size: 12px;
  font-weight: normal;
  text-align: left;
}

.checkout-confirm-product-list-manufacturer-header-text
{
  font-size: 12px;
  font-weight: normal;
  text-align: left;
}

.checkout-confirm-product-list-availability-header-text
{
  font-size: 12px;
  font-weight: normal;
  text-align: center;
}

.checkout-confirm-product-list-stock-header-text
{
  font-size: 12px;
  font-weight: normal;
  text-align: right;
}

.checkout-confirm-product-list-price-header-text
{
  font-size: 12px;
  font-weight: normal;
  text-align: right;
}

.checkout-confirm-product-list-image-cell
{
  padding: 0px;
  width: 70px;
  height: 70px;
}

.checkout-confirm-product-list-image-cell img
{
  width: 100%;
}

.checkout-confirm-product-list-mpn-value
{
  font-size: 14px;
  text-decoration: none;
  font-weight: bold;
  color: var( --global-text-color );
}

.checkout-confirm-product-list-manufacturer-value
{
  font-size: 14px;
  text-decoration: none;
  font-weight: bold;
  color: var( --global-text-color );
}

.checkout-confirm-product-list-availability-value
{
  font-size: 14px;
  font-weight: normal;
  text-align: center;
}

.checkout-confirm-product-list-stock-value
{
  font-size: 14px;
  font-weight: bold;
  text-align: right;
}

.checkout-confirm-product-list-price-value
{
  font-size: 14px;
  font-weight: normal;
  text-align: right;
}

.checkout-confirm-product-list-price-total-value
{
  font-size: 14px;
  font-weight: bold;
  text-align: right;
}

.checkout-confirm-summary-grid
{
  display: grid;
  grid-template-columns: auto min-content;
  grid-gap: 10px;
  margin-top: 10px;
  padding: 10px 10px 10px 10px;
  border: 1px solid var( --global-border-color ); /*DEBUG*/
  text-decoration: none;
}

.checkout-confirm-summary-cell
{
}

.checkout-confirm-summary-price-text
{
  font-size: 16px;
  font-weight: normal;
  text-align: right;
  white-space: nowrap;
}

.checkout-confirm-summary-price-value
{
  font-size: 16px;
  font-weight: bold;
  text-align: right;
  white-space: nowrap;
}

.checkout-confirm-order-button-grid
{
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 10px;
  background: var( --global-background-color );
  padding: 10px 0px 10px 0px;
  color: var( --global-text-color );
  text-align: right;
}

.checkout-confirm-order-button
{
  display: inline-block;
	border: 1px solid var( --global-accent-button-border-color );
	border-radius: var( --global-accent-button-border-radius );
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 16px;
	padding-right:16px;
	background: var( --global-accent-button-backbround-color );
	font-size: 16px;
	font-weight: normal;
	color: var( --global-accent-button-text-color );
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  white-space: nowrap;
}

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

.checkout-confirm-extern-costs-agrement-grid
{
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 10px;
  margin-top: 10px;
  padding: 10px 10px 10px 10px;
  border: 1px solid var( --global-border-color ); /*DEBUG*/
  text-decoration: none;
}

.checkout-confirm-extern-costs-agrement-cell
{
  text-align: left;
}

.checkout-confirm-extern-costs-agrement-heading-text
{
  font-size: 16px;
  font-weight: bold;
  text-align: right;
  color: var( --global-text-color );
}

.checkout-confirm-extern-costs-agrement-text
{
  margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 16px;
	font-weight: normal;
	color: var( --global-text-color );
/*  text-align: right;*/
}
/*
.checkout-confirm-extern-costs-agrement-checkbox
{
  width: 20px;
  height: 20px;
  margin: 2px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color: var( --global-text-color );
}
*/
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

.checkout-confirm-order-revocation-agrement-grid
{
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 10px;
  margin-top: 10px;
  padding: 10px 10px 10px 10px;
  border: 1px solid var( --global-border-color ); /*DEBUG*/
  text-decoration: none;
}

.checkout-confirm-order-revocation-agrement-cell
{
  text-align: left;
}

.checkout-confirm-order-revocation-agrement-heading-text
{
  font-size: 16px;
  font-weight: bold;
  text-align: right;
  color: var( --global-text-color );
}

.checkout-confirm-order-revocation-agrement-text
{
  margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 16px;
	font-weight: normal;
	color: var( --global-text-color );
/*  text-align: right;*/
}
/*
.checkout-confirm-order-revocation-agrement-checkbox
{
  width: 20px;
  height: 20px;
  margin: 2px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color: var( --global-text-color );
}
*/
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

.checkout-confirm-terms-and-conditions-agrement-grid
{
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 10px;
  margin-top: 10px;
  padding: 10px 10px 10px 10px;
  border: 1px solid var( --global-border-color ); /*DEBUG*/
  text-decoration: none;
}

.checkout-confirm-terms-and-conditions-agrement-cell
{
  text-align: left;
}

.checkout-confirm-terms-and-conditions-agrement-heading-text
{
  font-size: 16px;
  font-weight: bold;
  text-align: right;
  color: var( --global-text-color );
}

.checkout-confirm-terms-and-conditions-agrement-text
{
  margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 16px;
	font-weight: normal;
	color: var( --global-text-color );
/*  text-align: right; */
}

/*
.checkout-confirm-terms-and-conditions-agrement-checkbox
{
  width: 20px;
  height: 20px;
  margin: 2px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color: var( --global-text-color );
}
*/

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

.checkout-confirm-data-process-agrement-grid
{
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 10px;
  margin-top: 10px;
  padding: 10px 10px 10px 10px;
  border: 1px solid var( --global-border-color ); /*DEBUG*/
  text-decoration: none;
}

.checkout-confirm-data-process-agrement-cell
{
  text-align: left;
}

.checkout-confirm-data-process-agrement-heading-text
{
  font-size: 16px;
  font-weight: bold;
  text-align: right;
  color: var( --global-text-color );
}

.checkout-confirm-data-process-agrement-text
{
  margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 16px;
	font-weight: normal;
	color: var( --global-text-color );
/*  text-align: right; */
}
/*
.checkout-confirm-data-process-agrement-checkbox
{
  width: 20px;
  height: 20px;
  margin: 2px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color: var( --global-text-color );
}
*/
/*----------------------------------------------------------------------------*/

.checkout-success-header-container
{
  font-size: 30px;
  font-weight: normal;
	color: var( --global-text-color );
	text-align: right;
  padding-top: 10px;
  padding-bottom: 0px;
}

.checkout-success-description-container
{
  border: none;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 14px;
  font-weight: normal;
  text-align: left;
  color: var( --global-text-color );
}

/*----------------------------------------------------------------------------*/

.checkout-error-header-container
{
  font-size: 30px;
  font-weight: normal;
	color: var( --global-text-color);
	text-align: right;
  padding-top: 10px;
  padding-bottom: 0px;
}

.checkout-error-description-container
{
  border: none;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 14px;
  font-weight: normal;
  text-align: left;
  color: var( --global-text-color );
}

/*----------------------------------------------------------------------------*/
/* Impressum                                                                  */
/*----------------------------------------------------------------------------*/

.imprint-content-grid
{
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 0px;
  margin-top: 10px;
  padding: 0px 0px 10px 0px;
  border: none;
  text-decoration: none;
}

.imprint-content-cell
{
  padding: 0px 0px 40px 0px;
/*  border: 1px solid var( --global-border-color );*/ /*DEBUG*/
}

.imprint-content-headline
{
/*  font-variant: small-caps;*/
  letter-spacing: 3px;
  padding: 0px 0px 10px 0px;
  font-size: 24px;
  font-weight: normal;
  text-align: left;
  color: var( --global-text-color );  
}

.imprint-content-text
{
  padding: 2px 0px 2px 20px;
  font-size: 16px;
  font-weight: normal;
  text-align: left;
  color: var( --global-text-color );  
}

.imprint-content-link
{
  padding: 2px 0px 2px 0px;
  font-size: 16px;
  font-weight: normal;
  text-align: left;
  color: var( --global-text-color );  
  text-decoration: none;
  border-bottom: 1px solid var( --global-border-color );
}

/*----------------------------------------------------------------------------*/
/* ANVILEX : End Of File                                                      */
/*----------------------------------------------------------------------------*/