@font-face
{
	font-family: 'Bosch Sans';
	src:         url("/ics/cat/stylesheets/fonts/BoschSans-Regular.woff")
}

@font-face
{
	font-family: 'Bosch Sans';
	src:         url("/ics/cat/stylesheets/fonts/BoschSans-Bold.woff");
	font-weight: bold
}

@font-face
{
	font-family: 'Bosch Sans';
	src:         url("/ics/cat/stylesheets/fonts/BoschSans-RegularItalic.woff");
	font-style:  italic
}

@font-face
{
	font-family: 'Bosch Sans';
	src:         url("/ics/cat/stylesheets/fonts/BoschSans-BoldItalic.woff");
	font-weight: bold;
	font-style:  italic
}

@font-face
{
	font-family: 'Bosch Sans';
	src:         url("/ics/cat/stylesheets/fonts/BoschSans-Black.woff");
	font-weight: 900
}

@font-face
{
	font-family: 'Bosch Sans';
	src:         url("/ics/cat/stylesheets/fonts/BoschSans-Light.woff");
	font-weight: 200
}

@font-face
{
	font-family: 'dc-icon-font';
	src:         url("/ics/cat/stylesheets/fonts/dc-icon-font.woff");
	font-weight: normal;
	font-style:  normal
}

.bosch_Overlayfancy
{
	display: none !important;
}

.dc-ics-selector
{
	background: #e5eef2;
	padding:    10px;
	color:      #0d2b49;
}

.dc-ics-filter,
.dc-ics-filter-clearall
{
	background:    #ffffff;
	margin-bottom: 10px;
}

.dc-ics-filter-clearall-button
{
	padding: 10px;
}

.dc-ics-filter-titlebar
{
	display:         flex;
	justify-content: space-between;
}

.dc-ics-filter-titlebar-buttons
{
	display:         flex;
	justify-content: flex-end;
}

.dc-ics-filter-title
{
	font-family:   "Bosch Sans", sans-serif;
	font-size:     1rem;
	line-height:   1.625rem !important;
	font-weight:   400 !important;
	padding:       0 0 0 10px;
	margin-top:    11px;
	margin-bottom: 11px;
}

.dc-ics-filter-toggle-label
{
	font-size:   20px !important;
	line-height: 22px !important;
	color:       #0d2b49;
	padding:     10px 10px 10px 0;
	height:      auto !important;
	width:       auto !important;
	border:      none !important;
}

.dc-ics-filter-clearall-button:hover,
.dc-ics-range-submit:hover,
.dc-ics-filter-reset:hover,
.dc-ics-filter-toggle-label:hover
{
	cursor: pointer !important;
}

.dc-ics-filter-toggle-label:after
{
	font-family: 'dc-icon-font' !important;
	content:     "\e95a";
}

.dc-ics-filter-selected,
.dc-ics-filter-selected .dc-ics-range-selected-from:empty ~ .dc-ics-range-selected-separator,
.dc-ics-filter-selected .dc-ics-range-selected-to:empty ~ .dc-ics-range-selected-separator,
.dc-ics-filter-selected .dc-ics-filter-selected-separator:last-of-type,
.dc-ics-filter-toggle
{
	display: none;
}

.dc-ics-filter-toggle:checked ~ .dc-ics-filter-toggle-label:after
{
	font-family: 'dc-icon-font' !important;
	content:     "\e94e";
}

.dc-ics-filter-selected:not(:empty)
{
	padding: 0 10px 10px 10px;
}

.dc-ics-filter-selected {
	font-size: 0.875rem;
}

.dc-ics-range-submit,
.dc-ics-filter-reset
{
	font-size:   20px !important;
	line-height: 22px !important;
	color:       #0d2b49;
	padding:     10px 10px 10px 0;
	height:      auto !important;
	width:       auto !important;
	border:      none !important;
	display:     none;
}

.dc-ics-filter-reset:after
{
	font-family: 'dc-icon-font' !important;
	content:     "\e970";
}

.dc-ics-range-submit:after
{
	font-family: 'dc-icon-font' !important;
	content:     "\e90c";
}

.dc-ics-filter-attribute
{
	font-size:     14px;
	line-height:   20px;
	min-height:    50px;
	border-bottom: 1px solid #a3bac8;
	padding:       10px;
}

.dc-ics-filter-attribute input:focus,
.ui-slider-handle:focus
{
	background-color: #e5eef2 !important;
}

.dc-ics-filter-attribute p
{
	display:         flex;
	justify-content: space-between;
}

.dc-ics-range-slider-value-from,
.dc-ics-range-slider-value-to
{
	width: 35% !important;
}

.dc-ics-filter-attribute:nth-last-child(2)
{
	border: none;
}

.dc-ics-input-container:hover
{
	cursor: pointer !important;
}

.dc-ics-input-container
{
	display:             block;
	position:            relative;
	padding-left:        30px;
	margin-bottom:       5px;
	margin-top:          5px;
	cursor:              pointer;
	-webkit-user-select: none;
	-moz-user-select:    none;
	-ms-user-select:     none;
	user-select:         none;
}

.dc-ics-input-container input
{
	position: absolute;
	opacity:  0;
}

.dc-ics-input-container .dc-ics-checkmark-checkbox
{
	position:         absolute;
	top:              0;
	left:             0;
	height:           20px;
	width:            20px;
	background-color: #ffffff;
	border:           1px solid #a3bac8;
}

.dc-ics-input-container .dc-ics-checkmark-checkbox:after
{
	content:           "";
	position:          absolute;
	display:           none;
	left:              6px;
	top:               2px;
	width:             7px;
	height:            12px;
	border:            solid white;
	border-width:      0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform:     rotate(45deg);
	transform:         rotate(45deg);
}

.dc-ics-input-container:hover input ~ .dc-ics-checkmark-checkbox
{
	background-color: #f2f2f2;
}

.dc-ics-input-container input:checked ~ .dc-ics-checkmark-checkbox
{
	background-color: #264461;
}

.dc-ics-input-container input:checked ~ .dc-ics-checkmark-checkbox:after
{
	display: block;
}

.dc-ics-input-container .dc-ics-checkmark-radio
{
	position:         absolute;
	top:              0;
	left:             0;
	height:           20px;
	width:            20px;
	background-color: #ffffff;
	border:           1px solid #a3bac8;
	border-radius:    50%;
}

.dc-ics-input-container .dc-ics-checkmark-radio:after
{
	content:       "";
	position:      absolute;
	display:       none;
	top:           6px;
	left:          6px;
	width:         8px;
	height:        8px;
	border-radius: 50%;
	background:    white;
}

.dc-ics-input-container:hover input ~ .dc-ics-checkmark-radio
{
	background-color: #f2f2f2;
}

.dc-ics-input-container input:checked ~ .dc-ics-checkmark-radio
{
	background-color: #264461;
	border:           none;
}

.dc-ics-input-container input:checked ~ .dc-ics-checkmark-radio:after
{
	display: block;
}

span.dc-ics-Description
{
	font-family: "Bosch Sans", sans-serif;
	font-weight: 400;
	color:       #5a7c91;
	max-width:   190px;
	display:     inline-block;
}

span.dc-ics-filter-resultcount
{
	font-weight: 400;
	float:       right;
}

.dc-ics-overlay-blue
{
	background: rgba(5, 34, 62, 0.8);
	overflow:   hidden;
	transition: 0.5s;
	height:     100%;
	width:      100%;
	position:   fixed;
	z-index:    9999;
	left:       0;
	top:        0;
	display:    none;
}

.dc-ics-overlay-content
{
	position:   relative;
	top:        25%;
	width:      100%;
	text-align: center;
	margin-top: 30px;
}

.dc-ics-range-slider.ui-slider.ui-slider-horizontal.ui-widget.ui-widget-content.ui-corner-all
{
	width:       94%;
	margin-left: 8px;
}

.page-wrapper
{
	max-width:     1002px;
	margin-right:  auto;
	margin-left:   auto;
	padding-left:  10px;
	padding-right: 10px;
	padding-top:   15px;
}

.page-edge input[type="text"],
.page-edge input[type="password"]
{
	height:           2rem;
	background-color: #f2f2f2;
}

.page-edge input
{
	border-color: #cccccc;
}

.page-edge input[type="text"]
{
	color:       #404245;
	font-weight: 400;
	border:      1px solid #dddddd;
	padding:     4px 6px;
}

.product-headline h2
{
	font-weight: 200 !important;
	font-size:   1.5rem;
	line-height: 1.875rem;
}

.filter-result-nr h3
{
	font-weight: 200 !important;
	font-size:   1.3rem;
	line-height: 1.625rem;
}

.col-sm-8
{
	padding: 0;
}

.link-with-icon-container ul li
{
	margin-bottom: 5px;
}

.link-with-icon-container li
{
	vertical-align: top;
	width:          100%;
	display:        block;
	margin-bottom:  10px;
}

.link-with-icon-container p
{
	display:        table-cell;
	margin:         0;
	padding-right:  5px;
	padding-left:   6px;
	color:          #264461;
	font-size:      .8125rem;
	line-height:    1.125rem;
	font-family:    "Bosch Sans", sans-serif;
	vertical-align: middle;
}

.link-with-icon-container :not(p) > i
{
	font-size:       .8125rem;
	line-height:     1.1875rem;
	color:           #264461;
	font-family:     "Bosch Sans", sans-serif;
	text-decoration: none !important;
	vertical-align:  top;
	display:         table-cell !important;
	height:          30px;
}

.link-with-icon-container :not(p) > i::before
{
	font-size:               20px;
	font-family:             'dc-icon-font' !important;
	line-height:             30px !important;
	height:                  30px;
	width:                   30px;
	display:                 inline-block;
	color:                   white;
	background-color:        #264461;
	text-align:              center;
	vertical-align:          middle;
	text-decoration:         none;
	text-rendering:          optimizeLegibility;
	-webkit-font-smoothing:  antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-dc_icons_pdf::before
{
	font-family: 'dc-icon-font' !important;
	content:     "\e956";
}

.icon-dc_icons_spare-parts::before
{
	font-family: 'dc-icon-font' !important;
	content:     "\e969";
}

.icon-dc_icons_configuration::before
{
	font-family: 'dc-icon-font' !important;
	content:     "\e920";
}

.icon-dc_icons_link::before
{
	font-family: 'dc-icon-font' !important;
	content:     "\e949";
}

.product-overview-item
{
	display:     flex;
	flex-wrap:   wrap;
	border-top:  1px solid #cfdde7;
	padding-top: 20px;
}

.product-overview-item > div
{
	vertical-align: top;
	margin-bottom:  20px;
}

.product-overview-item > div:not(:first-child)
{
	padding-left: 10px;
}

.image-section
{
	vertical-align: top;
	display:        block;
	max-width:      100%;
	line-height:    0;
}

.img-frame
{
	border:  1px solid #a3bac8;
	padding: 10px;
	height:  100%;
	width:   100%;
}

.image-section-inner > .img-frame > div
{
	height: 100%;
	width:  100%;
}

.image-section-inner img
{
	object-fit: contain;
	height:     100%;
	width:      100%;
}

.text-section
{
	word-break: break-word;
	width:      calc(100% - 200px - 176px);
}
.product-overview-item[data-isVariantTile='1'] > .text-section
{
	width:      calc(100% - 176px);
}
.product-overview-item .dc-ics-selected
{
	font-weight: 700 !important;
}

.text-section .bullet
{
	padding-left: 15px;
}

.link-with-icon-container .bullet
{
	padding: 0;
}

.text-section li
{
	list-style-type: square;
	font-size:       .875rem;
}

.product-overview-item-headline a
{
	display: flex;
	flex-direction: column;
}

.product-overview-item-headline h3,
.text-section h3
{
	margin: 0;
}

.text-section > :not(:last-child)
{
	margin-bottom: 18px;
}

.product-catalog-maincontent h3
{
	font-size:   1.125rem;
	line-height: 1.375rem;
	font-weight: 200 !important;
}
.product-catalog-maincontent h3.dc-ics-variant-matno
{
	margin-top: 10px;
	font-size: 1rem;
	font-weight: 700 !important;
}

.product-further-options
{
	width: 200px;
}

 .unitsystem-container {
	position: relative;
	width: 100%;
	margin-bottom: 10px
}

 .unitsystem-container .dropdown-unitsystem {
	position: relative;
	display: inline-block;
	padding-left: 5px
}


 .unitsystem-container .dropdown-unitsystem button {
	border: 0;
	background-color: white
}

 .unitsystem-container .dropdown-unitsystem button:focus {
	background-color: red
}

 .unitsystem-container .dropdown-unitsystem button:focus ~ ul {
	display: block!important
}

 .unitsystem-container .dropdown-unitsystem a {
	text-decoration: none!important
}

 .unitsystem-container .dropdown-unitsystem>button>a:after, .unitsystem-container .dropdown-unitsystem>a:after {
	content: '\e900';
	font-family: dc-icon-font;
	padding-left: 5px;
	position: relative;
	top: 1px
}

 .unitsystem-container .dropdown-unitsystem ul {
	width: auto;
	padding: 2px;
	position: absolute;
	background: white;
	width: calc(100% - -1rem - -5px);
	box-shadow: 0 2px 5px 0 rgba(0,0,0,0.2);
	z-index: 1;
	left: -5px
}

 .unitsystem-container .dropdown-unitsystem ul li {
	display: block;
	list-style: none
}

 .unitsystem-container .dropdown-unitsystem ul li:hover {
	background-color: #e5eef2
}

 .unitsystem-container .dropdown-unitsystem ul li.selected a {
	background-color: #e5eef2
}

 .unitsystem-container .dropdown-unitsystem ul li a {
	display: block;
	padding: 10px
}

 .unitsystem-container .dropdown-unitsystem ul li a.selected {
	background-color: #e5eef2
}

 .unitsystem-container .dropdown-unitsystem ul li a.selected:after {
	content: '\e90c';
	font-family: dc-icon-font;
	padding-left: 10px
}

 .unitsystem-container .dropdown-unitsystem:not(:hover):not(:focus) ul {
	display: none
}

 .unitsystem-container:not([style*="display: none"])+.clearfix+.mcd-expandable-group, .unitsystem-container:not([style*="display: none"])+.mcd-expandable-group {
	position: relative
}

@media(min-width: 400px) {
	 .unitsystem-container:not([style*="display: none"])+.clearfix+.mcd-expandable-group>.accordion-expandable-tools, .unitsystem-container:not([style*="display: none"])+.clearfix+.mcd-expandable-group>.accordion-expandable-tools, .unitsystem-container:not([style*="display: none"])+.mcd-expandable-group>.accordion-expandable-tools, .unitsystem-container:not([style*="display: none"])+.mcd-expandable-group>.accordion-expandable-tools {
		top:-30px;
		position: absolute;
		right: 0
	}
}

.ui-widget-header
{
	border:                1px solid #dddddd;
	background:            #264461;
	background-position-x: 0%;
	background-position-y: 0%;
	color:                 #333333;
	font-weight:           bold;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active
{
	border:      1px solid #c5c5c5;
	background:  #f6f6f6;
	font-weight: normal;
	color:       #454545;
}

.ui-slider .ui-slider-range
{
	position:            absolute;
	z-index:             1;
	font-size:           .7em;
	display:             block;
	border:              0;
	background-position: 0 0;
}

.ui-slider-horizontal .ui-slider-range
{
	top:    0;
	height: 100%;
}

.ui-slider-handle
{
	cursor: grab !important;
}

.ui-widget.ui-widget-content
{
	border: 1px solid #c5c5c5;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br
{
	border-bottom-right-radius: 3px;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl
{
	border-bottom-left-radius: 3px;
}

.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr
{
	border-top-right-radius: 3px;
}

.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl
{
	border-top-left-radius: 3px;
}

.cursor-grabbing *
{
	cursor: grabbing !important;
}

.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block
{
	display: none !important
}

@media (max-width: 767px)
{
	.text-section,
	.image-section,
	.product-further-options,
	.image-section-inner
	{
		width: 100% !important;
	}

	.image-section-inner
	{
		max-height:       none !important;
		background-color: white;
		max-width:        100%;
		width:            100%;
		display:          inline-block;
		position:         relative;
		line-height:      initial;

	}

	.image-section-inner img
	{
		height: calc(100vmin - 60px);
	}

	.product-overview-item-headline
	{
		margin-bottom: 18px;
	}

	.img-frame
	{
		max-height: 100%;
		overflow:   hidden;
		display:    block;
		height:     auto !important;
	}

	.img-frame > div
	{
		height: auto !important;
	}

	.visible-xs-block
	{
		display: block !important
	}

	.hidden-xs
	{
		display: none !important
	}

	.filter-result-nr h3
	{
		padding-top: 15px;
	}
}

@media (min-width: 768px)
{
	.image-section-inner
	{
		width:  176px;
		height: 176px;
	}
}