/* Minification failed. Returning unminified contents.
(809,23): run-time error CSS1036: Expected expression, found ';'
(830,78): run-time error CSS1036: Expected expression, found ';'
(845,9): run-time error CSS1030: Expected identifier, found '.'
(845,15): run-time error CSS1031: Expected selector, found ')'
(845,15): run-time error CSS1025: Expected comma or open brace, found ')'
(848,9): run-time error CSS1030: Expected identifier, found '.'
(848,15): run-time error CSS1031: Expected selector, found ')'
(848,15): run-time error CSS1025: Expected comma or open brace, found ')'
(914,9): run-time error CSS1030: Expected identifier, found '#tblOverview'
(914,21): run-time error CSS1031: Expected selector, found ')'
(914,21): run-time error CSS1025: Expected comma or open brace, found ')'
(938,13): run-time error CSS1036: Expected expression, found ';'
(942,11): run-time error CSS1036: Expected expression, found ';'
(947,10): run-time error CSS1036: Expected expression, found ';'
(951,18): run-time error CSS1036: Expected expression, found ';'
(952,13): run-time error CSS1036: Expected expression, found ';'
(1106,9): run-time error CSS1030: Expected identifier, found '.'
(1106,18): run-time error CSS1031: Expected selector, found ')'
(1106,18): run-time error CSS1025: Expected comma or open brace, found ')'
(1159,15): run-time error CSS1036: Expected expression, found ';'
(1169,24): run-time error CSS1036: Expected expression, found ';'
(1170,24): run-time error CSS1036: Expected expression, found ';'
(1171,60): run-time error CSS1036: Expected expression, found ';'
(1192,15): run-time error CSS1036: Expected expression, found ';'
(1193,11): run-time error CSS1036: Expected expression, found ';'
(1195,15): run-time error CSS1036: Expected expression, found ';'
(1283,15): run-time error CSS1036: Expected expression, found ';'
(1338,61): run-time error CSS1036: Expected expression, found ';'
(1371,26): run-time error CSS1036: Expected expression, found ';'
(1390,51): run-time error CSS1036: Expected expression, found ';'
(1394,59): run-time error CSS1036: Expected expression, found ';'
(1424,113): run-time error CSS1036: Expected expression, found '}'
(1429,89): run-time error CSS1036: Expected expression, found '}'
(1468,9): run-time error CSS1030: Expected identifier, found '.'
(1468,17): run-time error CSS1031: Expected selector, found ')'
(1468,17): run-time error CSS1025: Expected comma or open brace, found ')'
(1613,22): run-time error CSS1036: Expected expression, found ';'
(1690,30): run-time error CSS1036: Expected expression, found ';'
(1691,32): run-time error CSS1036: Expected expression, found ';'
(1777,9): run-time error CSS1030: Expected identifier, found '.'
(1777,21): run-time error CSS1031: Expected selector, found ')'
(1777,21): run-time error CSS1025: Expected comma or open brace, found ')'
(1782,9): run-time error CSS1030: Expected identifier, found '.'
(1782,15): run-time error CSS1031: Expected selector, found ')'
(1782,15): run-time error CSS1025: Expected comma or open brace, found ')'
(1833,14): run-time error CSS1036: Expected expression, found ';'
(1968,14): run-time error CSS1036: Expected expression, found ';'
(2046,56): run-time error CSS1036: Expected expression, found ';'
(2053,28): run-time error CSS1036: Expected expression, found ';'
 */
/*! jQuery UI - v1.10.3 - 2013-05-06
* http://jqueryui.com
* Includes: jquery.ui.core.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.accordion.css, jquery.ui.autocomplete.css, jquery.ui.button.css, jquery.ui.datepicker.css, jquery.ui.dialog.css, jquery.ui.menu.css, jquery.ui.progressbar.css, jquery.ui.slider.css, jquery.ui.spinner.css, jquery.ui.tabs.css, jquery.ui.tooltip.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Arial%2CVerdana%2Csans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=6px&bgColorHeader=%23dddddd&bgTextureHeader=highlight_soft&bgImgOpacityHeader=90&borderColorHeader=%23999999&fcHeader=%23333333&iconColorHeader=%23333333&bgColorContent=%23ffffff&bgTextureContent=flat&bgImgOpacityContent=75&borderColorContent=%23999999&fcContent=%23000000&iconColorContent=%23666666&bgColorDefault=%23666666&bgTextureDefault=highlight_soft&bgImgOpacityDefault=75&borderColorDefault=%23999999&fcDefault=%23ffffff&iconColorDefault=%23ffffff&bgColorHover=%23eeeeee&bgTextureHover=highlight_soft&bgImgOpacityHover=90&borderColorHover=%23999999&fcHover=%23333333&iconColorHover=%23666666&bgColorActive=%23ffffff&bgTextureActive=highlight_soft&bgImgOpacityActive=65&borderColorActive=%23999999&fcActive=%23000000&iconColorActive=%23666666&bgColorHighlight=%23f0f3f6&bgTextureHighlight=glass&bgImgOpacityHighlight=50&borderColorHighlight=%23336699&fcHighlight=%23224466&iconColorHighlight=%236699cc&bgColorError=%23ffeeee&bgTextureError=glass&bgImgOpacityError=95&borderColorError=%23cc3333&fcError=%23cc3333&iconColorError=%23cc3333&bgColorOverlay=%23999999&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=50&bgColorShadow=%23aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
* Copyright 2013 jQuery Foundation and other contributors Licensed MIT */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
	display: none;
}
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}
.ui-helper-clearfix:after {
	clear: both;
}
.ui-helper-clearfix {
	min-height: 0; /* support: IE7 */
}
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter:Alpha(Opacity=0);
}

.ui-front {
	z-index: 100;
}

/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
	cursor: default !important;
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}

/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index:1;
}
.ui-resizable {
	position: relative;
}
.ui-resizable-handle {
	position: absolute;
	font-size: 0.1px;
	display: block;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
	display: none;
}
.ui-resizable-n {
	cursor: n-resize;
	height: 7px;
	width: 100%;
	top: -5px;
	left: 0;
}
.ui-resizable-s {
	cursor: s-resize;
	height: 7px;
	width: 100%;
	bottom: -5px;
	left: 0;
}
.ui-resizable-e {
	cursor: e-resize;
	width: 7px;
	right: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-w {
	cursor: w-resize;
	width: 7px;
	left: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-se {
	cursor: se-resize;
	width: 12px;
	height: 12px;
	right: 1px;
	bottom: 1px;
}
.ui-resizable-sw {
	cursor: sw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	bottom: -5px;
}
.ui-resizable-nw {
	cursor: nw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	top: -5px;
}
.ui-resizable-ne {
	cursor: ne-resize;
	width: 9px;
	height: 9px;
	right: -5px;
	top: -5px;
}
.ui-selectable-helper {
	position: absolute;
	z-index: 100;
	border: 1px dotted black;
}

.ui-autocomplete {
	position: absolute;
	top: 0;
	left: 0;
	cursor: default;
	-moz-box-shadow: 2px 3px 6px 0px #333 ;-webkit-box-shadow: 2px 3px 6px 0px #333; box-shadow: 2px 3px 6px 0px #333;
}
.ui-button {
	display: inline-block;
	position: relative;
	padding: 0;
	line-height: normal;
	margin-right: .1em;
	cursor: pointer;
	vertical-align: middle;
	text-align: center;
	overflow: visible; /* removes extra width in IE */
}
.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
	text-decoration: none;
}
/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
	width: 2.2em;
}
/* button elements seem to need a little more width */
button.ui-button-icon-only {
	width: 2.4em;
}
.ui-button-icons-only {
	width: 3.4em;
}
button.ui-button-icons-only {
	width: 3.7em;
}

/* button text element */
.ui-button .ui-button-text {
	display: block;
	line-height: normal;
}
.ui-button-text-only .ui-button-text {
	padding: .4em 1em;
}
.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
	padding: .4em;
	text-indent: -9999999px;
}
.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
	padding: .4em 1em .4em 2.1em;
}
.ui-button-text-icon-secondary .ui-button-text,
.ui-button-text-icons .ui-button-text {
	padding: .4em 2.1em .4em 1em;
}
.ui-button-text-icons .ui-button-text {
	padding-left: 2.1em;
	padding-right: 2.1em;
}
/* no icon support for input elements, provide padding by default */
input.ui-button {
	padding: .4em 1em;
}

/* button icon element(s) */
.ui-button-icon-only .ui-icon,
.ui-button-text-icon-primary .ui-icon,
.ui-button-text-icon-secondary .ui-icon,
.ui-button-text-icons .ui-icon,
.ui-button-icons-only .ui-icon {
	position: absolute;
	top: 50%;
	margin-top: -8px;
}
.ui-button-icon-only .ui-icon {
	left: 50%;
	margin-left: -8px;
}
.ui-button-text-icon-primary .ui-button-icon-primary,
.ui-button-text-icons .ui-button-icon-primary,
.ui-button-icons-only .ui-button-icon-primary {
	left: .5em;
}
.ui-button-text-icon-secondary .ui-button-icon-secondary,
.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
	right: .5em;
}

/* button sets */
.ui-buttonset {
	margin-right: 7px;
}
.ui-buttonset .ui-button {
	margin-left: 0;
	margin-right: -.3em;
}

/* workarounds */
/* reset extra padding in Firefox, see h5bp.com/l */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
	border: 0;
	padding: 0;
}

.ui-dialog {
	position: absolute;
	top: 0;
	left: 0;
	padding: 0;
	outline: 0;
    min-width:250px;
    max-width:990px; /*SB von 950 auf 990px wegen ImageZoom #imgZoom*/
    border:1px solid #cccccc !important;
    box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;
	-moz-box-shadow: 2px 2px 8px 1px #666 ;-webkit-box-shadow: 2px 2px 8px 1px #666; box-shadow: 2px 2px 8px 1px #666;
}
.ui-dialog .ui-dialog-titlebar {
	padding: .05em 1em;
	position: relative;
	border-width: 0;
    height:25px;
    background: none #FFFFFF;
}
.ui-dialog .ui-dialog-title {
	float: left;
	margin: .1em 0;
	white-space: nowrap;
	width: 90%;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
	position: absolute;
	right: 7px;
	top: 7px;
	width: 18px;
	margin:  0;
	padding: 0;
	height: 18px;overflow:hidden;border:0 !important;
}
.ui-dialog .ui-dialog-content {
	position: relative;
	border: 0;
	padding: 0 20px 0 30px;
	background: none;
	overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
	text-align: left;
	border-width: 1px 0 0 0;
	background-image: none;
	margin-top: .5em;
	padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
	margin: .5em .4em .5em 0;
	cursor: pointer;
}
.ui-dialog .ui-resizable-se {
	width: 12px;
	height: 12px;
	right: -5px;
	bottom: -5px;
	background-position: 16px 16px;
}
.ui-draggable .ui-dialog-titlebar {
	cursor: move;
}

.ui-slider {
	position: relative;
	text-align: left;
    margin-top:0px; /*BMW*/
    margin-bottom:2px
}
.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 12px;
	height: 1.4em;
	cursor: default;
    background:url("../img/button_grip.png") no-repeat center center #FFFFFF !important;/*BMW*/
    -moz-box-shadow: 0px 0px 3px 0px #999;-webkit-box-shadow: 0px 0px 3px 0px #999;box-shadow:0px 0px 3px 0px #999
}
.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-position: 0 0;
}

/* For IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
	filter: inherit;
}

.ui-slider-horizontal {
	height: 16px;
    margin:0 6px ;
    
}
.ui-slider-horizontal .ui-slider-handle {
	top: -3px;
	margin-left: -.6em;
    
}
.ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%;
    background:black; background-size:1px 100% /** BMW **/
}
.ui-slider-horizontal .ui-slider-range-min {
	left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
	right: 0;
}

.ui-slider-vertical {
	width: .8em;
	height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
	left: -.3em;
	margin-left: 0;
	margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
	left: 0;
	width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
	bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
	top: 0;
}

.ui-tooltip {
	padding: 8px;
	position: absolute;
	z-index: 9999;
	max-width: 300px;
	-webkit-box-shadow: 0 0 5px #aaa;
	box-shadow: 0 0 5px #aaa;
}
body .ui-tooltip {
	border-width: 2px;
}

/* Component containers
----------------------------------*/
.ui-widget {
	font-family: Arial,Verdana,sans-serif;
	font-size: 1.1em;
}
.ui-widget .ui-widget {
	font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: Arial,Verdana,sans-serif;
	font-size: 1em;
}
.ui-widget-content {
	border: 1px solid #999999;
	background: #ffffff 50% 50% repeat-x;
	color: #000000;
}
.ui-widget-content a {
	color: #000000;
}
.ui-widget-header {
	border: 1px solid #999999;
	background: #dddddd url(../styles/images/ui-bg_highlight-soft_90_dddddd_1x100.png) 50% 50% repeat-x;
	color: #333333;
	font-weight: bold;
}
.ui-widget-header a {
	color: #333333;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
	border: 1px solid #999999;
	background: #666666 url(../styles/images/ui-bg_highlight-soft_75_666666_1x100.png) 50% 50% repeat-x;
	font-weight: normal;
	color: #ffffff;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
	color: #ffffff;
	text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
	border: 1px solid #999999;
	background: #eeeeee url(../styles/images/ui-bg_highlight-soft_90_eeeeee_1x100.png) 50% 50% repeat-x;
	font-weight: normal;
	color: #333333;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited {
	color: #333333;
	text-decoration: none;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
	border: 1px solid #999999;
	background: #ffffff url(../styles/images/ui-bg_highlight-soft_65_ffffff_1x100.png) 50% 50% repeat-x;
	font-weight: normal;
	color: #000000;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #000000;
	text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #336699;
	background: #f0f3f6 url(../styles/images/ui-bg_glass_50_f0f3f6_1x400.png) 50% 50% repeat-x;
	color: #224466;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #224466;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border: 1px solid #cc3333;
	background: #ffeeee url(../styles/images/ui-bg_glass_95_ffeeee_1x400.png) 50% 50% repeat-x;
	color: #cc3333;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
	color: #cc3333;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: #cc3333;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
	font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
	opacity: .7;
	filter:Alpha(Opacity=70);
	font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: .35;
	filter:Alpha(Opacity=35);
	background-image: none;
}
.ui-state-disabled .ui-icon {
	filter:Alpha(Opacity=35); /* For IE8 - See #6059 */
}

/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	border-top-left-radius: 1px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius: 1px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-bottom-left-radius: 1px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius: 1px;
}

/* Overlays */
.ui-widget-overlay {
	background: #ffffff url(../img/bg_trans_ws75.png) 50% 50% ;
	opacity: .75;
	filter: Alpha(Opacity=75);
}
.ui-widget-shadow {
	margin: -8px 0 0 -8px;
	padding: 8px;
	background: #ffffff url(../styles/images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
	opacity: .3;
	filter: Alpha(Opacity=30);
	border-radius: 8px;
}

@font-face { font-family: BMWtypeWebBold; src: url("../styles/bmwtypewebbo_all.woff");}
    @font-face{
        font-family:"BMWMotorradW01-Bold";
        src:url("Fonts/BMWMotorradW01-Bold.eot?#iefix");
        src:url("Fonts/BMWMotorradW01-Bold.eot?#iefix") format("eot"),url("Fonts/BMWMotorradW01-Bold.woff2") format("woff2"),url("Fonts/BMWMotorradW01-Bold.woff") format("woff"),url("Fonts/BMWMotorradW01-Bold.ttf") format("truetype");
    }
    @font-face{
        font-family:"BMWMotorradW02-Bold";
        src:url("Fonts/BMWMotorradW02-Bold.eot?#iefix");
        src:url("Fonts/BMWMotorradW02-Bold.eot?#iefix") format("eot"),url("Fonts/BMWMotorradW02-Bold.woff2") format("woff2"),url("Fonts/BMWMotorradW02-Bold.woff") format("woff"),url("Fonts/BMWMotorradW02-Bold.ttf") format("truetype");
    }
    @font-face{
        font-family:"BMWMotorradW04-Bold";
        src:url("Fonts/BMWMotorradW04-Bold.eot?#iefix");
        src:url("Fonts/BMWMotorradW04-Bold.eot?#iefix") format("eot"),url("Fonts/BMWMotorradW04-Bold.woff2") format("woff2"),url("Fonts/BMWMotorradW04-Bold.woff") format("woff"),url("Fonts/BMWMotorradW04-Bold.ttf") format("truetype");
    }
    @font-face{
        font-family:"BMWMotorradW05-Bold";
        src:url("Fonts/BMWMotorradW05-Bold.eot?#iefix");
        src:url("Fonts/BMWMotorradW05-Bold.eot?#iefix") format("eot"),url("Fonts/BMWMotorradW05-Bold.woff2") format("woff2"),url("Fonts/BMWMotorradW05-Bold.woff") format("woff"),url("Fonts/BMWMotorradW05-Bold.ttf") format("truetype");
    }
    @font-face{
        font-family:"BMWMotorradW01-Heavy";
        src:url("Fonts/BMWMotorradW01-Heavy.eot?#iefix");
        src:url("Fonts/BMWMotorradW01-Heavy.eot?#iefix") format("eot"),url("Fonts/BMWMotorradW01-Heavy.woff2") format("woff2"),url("Fonts/BMWMotorradW01-Heavy.woff") format("woff"),url("Fonts/BMWMotorradW01-Heavy.ttf") format("truetype");
    }
    @font-face{
        font-family:"BMWMotorradW02-Heavy";
        src:url("Fonts/BMWMotorradW02-Heavy.eot?#iefix");
        src:url("Fonts/BMWMotorradW02-Heavy.eot?#iefix") format("eot"),url("Fonts/BMWMotorradW02-Heavy.woff2") format("woff2"),url("Fonts/BMWMotorradW02-Heavy.woff") format("woff"),url("Fonts/BMWMotorradW02-Heavy.ttf") format("truetype");
    }
    @font-face{
        font-family:"BMWMotorradW04-Heavy";
        src:url("Fonts/BMWMotorradW04-Heavy.eot?#iefix");
        src:url("Fonts/BMWMotorradW04-Heavy.eot?#iefix") format("eot"),url("Fonts/BMWMotorradW04-Heavy.woff2") format("woff2"),url("Fonts/BMWMotorradW04-Heavy.woff") format("woff"),url("Fonts/BMWMotorradW04-Heavy.ttf") format("truetype");
    }
    @font-face{
        font-family:"BMWMotorradW05-Heavy";
        src:url("Fonts/BMWMotorradW05-Heavy.eot?#iefix");
        src:url("Fonts/BMWMotorradW05-Heavy.eot?#iefix") format("eot"),url("Fonts/BMWMotorradW05-Heavy.woff2") format("woff2"),url("Fonts/BMWMotorradW05-Heavy.woff") format("woff"),url("Fonts/BMWMotorradW05-Heavy.ttf") format("truetype");
    }
    @font-face{
        font-family:"BMWMotorradW01-Light";
        src:url("Fonts/BMWMotorradW01-Light.eot?#iefix");
        src:url("Fonts/BMWMotorradW01-Light.eot?#iefix") format("eot"),url("Fonts/BMWMotorradW01-Light.woff2") format("woff2"),url("Fonts/BMWMotorradW01-Light.woff") format("woff"),url("Fonts/BMWMotorradW01-Light.ttf") format("truetype");
    }
    @font-face{
        font-family:"BMWMotorradW02-Light";
        src:url("Fonts/BMWMotorradW02-Light.eot?#iefix");
        src:url("Fonts/BMWMotorradW02-Light.eot?#iefix") format("eot"),url("Fonts/BMWMotorradW02-Light.woff2") format("woff2"),url("Fonts/BMWMotorradW02-Light.woff") format("woff"),url("Fonts/BMWMotorradW02-Light.ttf") format("truetype");
    }
    @font-face{
        font-family:"BMWMotorradW04-Light";
        src:url("Fonts/BMWMotorradW04-Light.eot?#iefix");
        src:url("Fonts/BMWMotorradW04-Light.eot?#iefix") format("eot"),url("Fonts/BMWMotorradW04-Light.woff2") format("woff2"),url("Fonts/BMWMotorradW04-Light.woff") format("woff"),url("Fonts/BMWMotorradW04-Light.ttf") format("truetype");
    }
    @font-face{
        font-family:"BMWMotorradW05-Light";
        src:url("Fonts/BMWMotorradW05-Light.eot?#iefix");
        src:url("Fonts/BMWMotorradW05-Light.eot?#iefix") format("eot"),url("Fonts/BMWMotorradW05-Light.woff2") format("woff2"),url("Fonts/BMWMotorradW05-Light.woff") format("woff"),url("Fonts/BMWMotorradW05-Light.ttf") format("truetype");
    }
    @font-face{
        font-family:"BMWMotorradOutlineW01-Rg";
        src:url("Fonts/BMWMotorradOutlineW01-Rg.eot?#iefix");
        src:url("Fonts/BMWMotorradOutlineW01-Rg.eot?#iefix") format("eot"),url("Fonts/BMWMotorradOutlineW01-Rg.woff2") format("woff2"),url("Fonts/BMWMotorradOutlineW01-Rg.woff") format("woff"),url("Fonts/BMWMotorradOutlineW01-Rg.ttf") format("truetype");
    }
    @font-face{
        font-family:"BMWMotorradOutlineW02-Rg";
        src:url("Fonts/BMWMotorradOutlineW02-Rg.eot?#iefix");
        src:url("Fonts/BMWMotorradOutlineW02-Rg.eot?#iefix") format("eot"),url("Fonts/BMWMotorradOutlineW02-Rg.woff2") format("woff2"),url("Fonts/BMWMotorradOutlineW02-Rg.woff") format("woff"),url("Fonts/BMWMotorradOutlineW02-Rg.ttf") format("truetype");
    }
    @font-face{
        font-family:"BMWMotorradOutlineW04-Rg";
        src:url("Fonts/BMWMotorradOutlineW04-Rg.eot?#iefix");
        src:url("Fonts/BMWMotorradOutlineW04-Rg.eot?#iefix") format("eot"),url("Fonts/BMWMotorradOutlineW04-Rg.woff2") format("woff2"),url("Fonts/BMWMotorradOutlineW04-Rg.woff") format("woff"),url("Fonts/BMWMotorradOutlineW04-Rg.ttf") format("truetype");
    }
    @font-face{
        font-family:"BMWMotorradOutlineW05-Rg";
        src:url("Fonts/BMWMotorradOutlineW05-Rg.eot?#iefix");
        src:url("Fonts/BMWMotorradOutlineW05-Rg.eot?#iefix") format("eot"),url("Fonts/BMWMotorradOutlineW05-Rg.woff2") format("woff2"),url("Fonts/BMWMotorradOutlineW05-Rg.woff") format("woff"),url("Fonts/BMWMotorradOutlineW05-Rg.ttf") format("truetype");
    }
    @font-face{
        font-family:"BMWMotorradW01-Regular";
        src:url("Fonts/BMWMotorradW01-Regular.eot?#iefix");
        src:url("Fonts/BMWMotorradW01-Regular.eot?#iefix") format("eot"),url("Fonts/BMWMotorradW01-Regular.woff2") format("woff2"),url("Fonts/BMWMotorradW01-Regular.woff") format("woff"),url("Fonts/BMWMotorradW01-Regular.ttf") format("truetype");
    }
    @font-face{
        font-family:"BMWMotorradW02-Regular";
        src:url("Fonts/BMWMotorradW02-Regular.eot?#iefix");
        src:url("Fonts/BMWMotorradW02-Regular.eot?#iefix") format("eot"),url("Fonts/BMWMotorradW02-Regular.woff2") format("woff2"),url("Fonts/BMWMotorradW02-Regular.woff") format("woff"),url("Fonts/BMWMotorradW02-Regular.ttf") format("truetype");
    }
    @font-face{
        font-family:"BMWMotorradW04-Regular";
        src:url("Fonts/BMWMotorradW04-Regular.eot?#iefix");
        src:url("Fonts/BMWMotorradW04-Regular.eot?#iefix") format("eot"),url("Fonts/BMWMotorradW04-Regular.woff2") format("woff2"),url("Fonts/BMWMotorradW04-Regular.woff") format("woff"),url("Fonts/BMWMotorradW04-Regular.ttf") format("truetype");
    }
    @font-face{
        font-family:"BMWMotorradW05-Regular";
        src:url("Fonts/BMWMotorradW05-Regular.eot?#iefix");
        src:url("Fonts/BMWMotorradW05-Regular.eot?#iefix") format("eot"),url("Fonts/BMWMotorradW05-Regular.woff2") format("woff2"),url("Fonts/BMWMotorradW05-Regular.woff") format("woff"),url("Fonts/BMWMotorradW05-Regular.ttf") format("truetype");
    }
    @font-face{
        font-family:"BMWMotorradW01-BoldItalic";
        src:url("Fonts/BMWMotorradW01-BoldItalic.eot?#iefix");
        src:url("Fonts/BMWMotorradW01-BoldItalic.eot?#iefix") format("eot"),url("Fonts/BMWMotorradW01-BoldItalic.woff2") format("woff2"),url("Fonts/BMWMotorradW01-BoldItalic.woff") format("woff"),url("Fonts/BMWMotorradW01-BoldItalic.ttf") format("truetype");
    }
    @font-face{
        font-family:"BMWMotorradW02-BoldItalic";
        src:url("Fonts/BMWMotorradW02-BoldItalic.eot?#iefix");
        src:url("Fonts/BMWMotorradW02-BoldItalic.eot?#iefix") format("eot"),url("Fonts/BMWMotorradW02-BoldItalic.woff2") format("woff2"),url("Fonts/BMWMotorradW02-BoldItalic.woff") format("woff"),url("Fonts/BMWMotorradW02-BoldItalic.ttf") format("truetype");
    }
    @font-face{
        font-family:"BMWMotorradW04-BoldItalic";
        src:url("Fonts/BMWMotorradW04-BoldItalic.eot?#iefix");
        src:url("Fonts/BMWMotorradW04-BoldItalic.eot?#iefix") format("eot"),url("Fonts/BMWMotorradW04-BoldItalic.woff2") format("woff2"),url("Fonts/BMWMotorradW04-BoldItalic.woff") format("woff"),url("Fonts/BMWMotorradW04-BoldItalic.ttf") format("truetype");
    }
    @font-face{
        font-family:"BMWMotorradW05-BoldItalic";
        src:url("Fonts/BMWMotorradW05-BoldItalic.eot?#iefix");
        src:url("Fonts/BMWMotorradW05-BoldItalic.eot?#iefix") format("eot"),url("Fonts/BMWMotorradW05-BoldItalic.woff2") format("woff2"),url("Fonts/BMWMotorradW05-BoldItalic.woff") format("woff"),url("Fonts/BMWMotorradW05-BoldItalic.ttf") format("truetype");
    }
    @font-face{
        font-family:"BMWMotorradW01-HeavyItalic";
        src:url("Fonts/BMWMotorradW01-HeavyItalic.eot?#iefix");
        src:url("Fonts/BMWMotorradW01-HeavyItalic.eot?#iefix") format("eot"),url("Fonts/BMWMotorradW01-HeavyItalic.woff2") format("woff2"),url("Fonts/BMWMotorradW01-HeavyItalic.woff") format("woff"),url("Fonts/BMWMotorradW01-HeavyItalic.ttf") format("truetype");
    }
    @font-face{
        font-family:"BMWMotorradW02-HeavyItalic";
        src:url("Fonts/BMWMotorradW02-HeavyItalic.eot?#iefix");
        src:url("Fonts/BMWMotorradW02-HeavyItalic.eot?#iefix") format("eot"),url("Fonts/BMWMotorradW02-HeavyItalic.woff2") format("woff2"),url("Fonts/BMWMotorradW02-HeavyItalic.woff") format("woff"),url("Fonts/BMWMotorradW02-HeavyItalic.ttf") format("truetype");
    }
    @font-face{
        font-family:"BMWMotorradW04-HeavyItalic";
        src:url("Fonts/BMWMotorradW04-HeavyItalic.eot?#iefix");
        src:url("Fonts/BMWMotorradW04-HeavyItalic.eot?#iefix") format("eot"),url("Fonts/BMWMotorradW04-HeavyItalic.woff2") format("woff2"),url("Fonts/BMWMotorradW04-HeavyItalic.woff") format("woff"),url("Fonts/BMWMotorradW04-HeavyItalic.ttf") format("truetype");
    }
    @font-face{
        font-family:"BMWMotorradW05-HeavyItalic";
        src:url("Fonts/BMWMotorradW05-HeavyItalic.eot?#iefix");
        src:url("Fonts/BMWMotorradW05-HeavyItalic.eot?#iefix") format("eot"),url("Fonts/BMWMotorradW05-HeavyItalic.woff2") format("woff2"),url("Fonts/BMWMotorradW05-HeavyItalic.woff") format("woff"),url("Fonts/BMWMotorradW05-HeavyItalic.ttf") format("truetype");
    }
    @font-face{
        font-family:"BMWMotorradW01-Italic";
        src:url("Fonts/BMWMotorradW01-Italic.eot?#iefix");
        src:url("Fonts/BMWMotorradW01-Italic.eot?#iefix") format("eot"),url("Fonts/BMWMotorradW01-Italic.woff2") format("woff2"),url("Fonts/BMWMotorradW01-Italic.woff") format("woff"),url("Fonts/BMWMotorradW01-Italic.ttf") format("truetype");
    }
    @font-face{
        font-family:"BMWMotorradW02-Italic";
        src:url("Fonts/BMWMotorradW02-Italic.eot?#iefix");
        src:url("Fonts/BMWMotorradW02-Italic.eot?#iefix") format("eot"),url("Fonts/BMWMotorradW02-Italic.woff2") format("woff2"),url("Fonts/BMWMotorradW02-Italic.woff") format("woff"),url("Fonts/BMWMotorradW02-Italic.ttf") format("truetype");
    }
    @font-face{
        font-family:"BMWMotorradW04-Italic";
        src:url("Fonts/BMWMotorradW04-Italic.eot?#iefix");
        src:url("Fonts/BMWMotorradW04-Italic.eot?#iefix") format("eot"),url("Fonts/BMWMotorradW04-Italic.woff2") format("woff2"),url("Fonts/BMWMotorradW04-Italic.woff") format("woff"),url("Fonts/BMWMotorradW04-Italic.ttf") format("truetype");
    }
    @font-face{
        font-family:"BMWMotorradW05-Italic";
        src:url("Fonts/BMWMotorradW05-Italic.eot?#iefix");
        src:url("Fonts/BMWMotorradW05-Italic.eot?#iefix") format("eot"),url("Fonts/BMWMotorradW05-Italic.woff2") format("woff2"),url("Fonts/BMWMotorradW05-Italic.woff") format("woff"),url("Fonts/BMWMotorradW05-Italic.ttf") format("truetype");
    }



html { 
    overflow: -moz-scrollbars-vertical !important;    
}


body {
    margin: 0;
    padding: 0;
    font-family: MWMotorradW01-Regular, helvetica, Sans-Serif;
    font-size: 13px;
    color: #262626;
    background-color: #e6e6e6;
    overflow: auto;
    min-height: 200px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
img {border:0}
a:link, a:active,a:visited {text-decoration: none;color:#666666;
         -moz-transition: all 0.25s; -webkit-transition: all 0.25s; transition: all 0.25s;}
a:hover {text-decoration: none;color:#1C69D4}

a[disabled] {opacity:0.5}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: black;
    opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: black;
}

::-ms-input-placeholder { /* Microsoft Edge */
    color: black;
}

/*******************  Globales Layout - Header *******************/
.OuterHeader {position:fixed;width:100%;outline:1px dotted blue}
.ContHeader {position:;display:flex; min-width:200px;height:7rem;padding: 0 0 0 50px;left:0px;right:0px;top:0px;max-width:100%; margin:0 auto;
             background-color:black;z-index:1;white-space:nowrap}
.HeadLogo {height:7rem;margin:0 45px 0 10px;z-index:99}           

.NavFastLane{font-family:BMWtypeWebBold, Arial Bold,Arial;font-size:13px;top:13px;position:relative}
.NavFastLane a {display:inline-block;margin-right:11px;
                -moz-transition: all 0.25s; -webkit-transition: all 0.25s; transition: all 0.25s;}
.NavFastLane a:link, .NavFastLane a:visited {color:#FFFFFF;text-decoration:none}
.NavFastLane a:hover, .NavFastLane a:active {color:#0033aa;text-decoration:none}

.TopNav {font-family:BMWtypeWebBold, Arial Bold,Arial;font-size:2rem;margin-top:22px;position:relative;color:#FFFFFF}
.TopNav a {display:inline-block;margin-right:20px;
           -moz-transition: all 0.25s; -webkit-transition: all 0.25s; transition: all 0.25s;}
.TopNav a:link, .TopNav a:visited, .NavFastLane a:visited {color:#FFFFFF;text-decoration:none}
.TopNav a:hover, .NavFastLane a:active {color:#0653B6;text-decoration:none}

.IdentityLane {color:#000000;margin-top:7px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative;}

#btnMobilBack {display:none}

/*******************  Globales Layout - Main Content *******************/
.ContMain {min-height:300px;z-index:0;max-width:1270px;margin:0 auto;padding:;
            box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;
}

.NavTopRight {text-align:right;margin-right:5px}


.displayNone{
    display:none !important;
}

.displayBlock{
    display:block !important;
}

div:has(.undo1) {
    display: block;
}
div:has(.undo2) {
    display: none;
}
/*******************  Globales Layout - Footer *******************/
.ContFooter {
    position: relative;
    font-size: 12px;
    min-height: 15px;
    background-color: black;
    background-repeat: repeat-x;
    max-width: 100%;
    background-size: 1px 100%;
    padding: 10px 10px 10px 50px;
    margin: 0 auto;
}

.FooterNav {font-size:13px;font-family:BMWtypeWebBold, Arial Bold,Arial;}
.FooterNav a {display:inline-block;margin-right:45px; /*width:180px;Sven!*/
           -moz-transition: all 0.25s; -webkit-transition: all 0.25s; transition: all 0.25s;}
.FooterNav a:link, .FooterNav a:visited {text-decoration: none;color:#FFFFFF}
.FooterNav a:hover, .FooterNav a:active {text-decoration: none;color:#0653B6}
.FooterNav a span {vertical-align:baseline;display:inline-block;margin-bottom:1px}
.FooterNav a:hover span {background-image:url(../img/icons_hi.png)}

/************************* Contentbereiche ***********************/
.SideBar {
    min-width: 200px;
    display: table-cell;
    min-height: 300px;
    outline: 1px none red;
    position: relative;
    line-height: 16px;
    left: 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-transition: left 0.5s;
    -webkit-transition: left 0.5s;
    transition: left 0.5s;    
    padding-right: 1rem;
}

.SideButton {position:absolute;top:100px;right:-36px;border:1px none #999999;border-top:1px solid #FFFFFF;font-family:BMWtypeWebBold, Arial Bold,Arial;
             background-color:#FFFFFF;padding:0; color:#999999; display:none;padding:0;
             -moz-box-shadow: 3px 1px 5px 1px rgba(92,92,92,0.66);-webkit-box-shadow: 3px 1px 5px 1px rgba(92,92,92,0.66);box-shadow:3px 1px 5px 1px rgba(92,92,92,0.66)
}
.SideButton a {display:block;margin-top:-1px}
.SideSwipeArea {position:absolute;top:0px;bottom:0px;right:-25px;width:25px;display:none}

.TopBar {
    display: block;
    outline: 1px none red;
    position: sticky;
    line-height: 16px;
    background: #FFFFFF;
    top: 0;
    width: stretch;
}
.TopBarFilter {
    display: flex;
}
.TopBarFilterDiv {
    display: block;
    margin-left: 0.5rem;
}

div:has(#tblOverview) {
    background-color: transparent !important;
}

.ChildImg{
    color: red;
}

.ChildImg img {
    max-height:371px;
    width: 100%;
}
.ergebnissColor {
    background: #FFFFFF
}

.ergebnissFlex {
    display: flex;
}
.ergebnissFlex1 {
    display: flex;
    margin-top: 2rem;
}
.ergebnissFlex2 {
    display:;
    margin-top: 2rem;
}
.ergebnissFlex3 {
    flex: ;
    margin: 0 0.5% 4% 0.5%;
    width:15rem;
}
.ergebnissFlex4 {
    flex:;
    margin: 0 1% 1% 0%;
    padding: 0.5% 0.5% 0.5% 0.5%;
    border: 1px solid black;
    border-color:;
    display:;
    flex-direction: column;
}
.ergebnissHalb {
    width:50%;
}
.ergebnissHalb1 {
    margin-left: 2rem;
}
.resultHyphen {
    margin-top: 2rem;
    margin-right: 1rem;
    border: 1px solid;
    border-color: black;
    border-bottom: thick;
}

.FormFull {
    height: 2rem;
    background-color: white;
    border: 1px solid;
    border-color: black;
    color:black;
}

.ErgebnissListKopf {
    margin-top: 1rem;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 20rem;
}

.AngebotNr {
    width: 98%;
}

.AngebotNrUK {
    width: 93%;
}

.selectBox {
    position: relative;
}

.overSelect {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.checkBox {
    scale: 2;
    accent-color: black;
}
.checkBox:hover {
    accent-color: #3366cc;
        
}


#checkModelle, #checkboxes, #checkColours {
    display: none;
    border: 1px #dadada solid;
    position: absolute;
    background: white;
    width: 100%;
    accent-color: black;
    scale: 1;
    z-index: 20;
}

/*.checkBox {
    height: 1.5rem;
    width: 1.5rem;
    margin-right: 0.7rem;
    border-radius: 0%;
    border: 1.5px solid black;
    appearance: none;
    background-color: white;
    -webkit-appearance: none;
    outline: none;    
}*/
/*.checkBox::before {
    content: "\2713";
    color: white;
    font-size: 1rem;
    font-weight: bold;
    margin-left:20%;
}

.checkBox:checked {
    background-color: black;
    
}
.checkBox:checked:hover {
    background-color: #3366cc;
    content-visibility: unset;
}
 .checkBox:hover {
    background-color: #3366cc; 
    content-visibility: hidden;
}   */
#checkboxes label {
    display: block;
}

#checkModelle label {
    display: block;
}

#checkColours label {
    display: block;
}

#checkboxes label:hover {
    background-color: #1e90ff;
}

#checkModelle label:hover {
    background-color: #1e90ff;
}

#checkColours label:hover {
    background-color: #1e90ff;
}

#checkboxes > span {
    display: flex;
    align-items: center;
}

#checkModelle > span {
    display: flex;
    align-items: center;
}

#checkColours > span {
    display: flex;
    align-items: center;
}

.backBox > a {
    margin: 0.5rem 2rem 0.5rem 0rem;
}
.backBox a:hover{
    text-decoration:underline;
}

.homeHead {    
    background:#FFFFFF;
    margin-top:0rem;
}
div:has(.homeHead) {
    background: #e6e6e6 !important;
}
.homeHead > div{
    margin-left:1rem
}
.homeFoot {
    text-align: center;
    display: inline-flex ;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: stretch;
    width: 100%;
    background-color: #e6e6e6;
}

.homeFoot div{
    background: #FFFFFF;
}

.homeSuche {
    margin-right: 4.5%;
    padding: 0px 2%;
}
.homeSuchDiv {
    display: flex;
}
.homeLeerDiv2 {
    height: 2rem;
    margin: 1rem 0rem 0rem 0rem;
    background: #e6e6e6;
}

.langSelect {
    margin: 0px 0px;
    align-self: center;
    
}

/*.linkDiv > a > img {*/
    /*width: -webkit-fill-available;*/
    /*width: -moz-available;
    min-height: 180px;
    max-height:180px;
    max-width:240px;
}*/
.linkDiv > a > img {
    max-height: 180px;
}

/*position:;padding-left:1rem;padding-right:1rem;padding-top:0.5rem;*/
.ContMainArea {
    outline: 1px none green;
    max-width:;
    display: table-cell;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.ContBlock1, .ContBlock2, .ContBlock3{float:left;outline:1px none red;
             box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.ContBlock1 {max-width:;width:30%;margin:0px 1.5% 1.5rem 1.5%;}
.ContBlock2 {max-width:;width:47%;margin:0px 3% 10px ;min-width:250px}
.ContBlock2a {float:left;max-width:454px;width:100%;margin:;min-width:250px}
.ContBlock2c {margin-left: 0.5rem;}
.ContBlock3 {max-width:693px;width:64%;margin:0px 3% 10px 0;}
.ContBlock4 {margin:0px 3% 10px 0;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.ContBlock0 {margin:0 1% 0.5rem 0;width:97%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.ContNoLabel {margin-top: 3px}
.FuelBlock {float: unset;}

.detailTable {
    display: flex;
    flex-wrap: wrap;
}
.detailTable div {
    margin-right:2rem;
    margin-bottom:0.5rem;
}
.detailTable td {
    padding-bottom: 0.5rem;    
}

.detailContent {
    max-width:;
    width:;
    margin: 0px 3% 10px;
    min-width:;
}

.detailBasicData { padding-right: 0rem;}

hr {
    clear: both;
    border: 1px solid #E6E6E6;
    margin: 15px 0 15px -10px
}

.navLink {font-family:BMWtypeWebBold, Arial Bold,Arial;display:block;margin:3px 0;cursor:pointer;
          -moz-transition: all 0.25s; -webkit-transition: all 0.25s; transition: all 0.25s}
.navLink span {vertical-align:baseline;display:inline-block;margin-bottom:1px;
               -moz-transition: all 0.25s; -webkit-transition: all 0.25s; transition: all 0.25s}
.navLink:hover span {background-image:url(../img/icons_hi.png) !important}


.homeNext {
    margin: 3% 0% 0px 0px;
    display: flex;
    justify-content: center;
}

.one-line {
    overflow: hidden;
    white-space: nowrap;
}

.one-line > input {
    display: inline-block;
}

.one-line > a {
    display: inline-block;
}

/******************* Autocomplete Suchfeld ***********************/
/******** styles von jQuery UI Ueberschreiben damit Feld ab 300 px scrollt ***********/
* html .ui-autocomplete {height: 300px;overflow: auto} /* Fuer IE 6***/
.ui-autocomplete { max-height: 300px;overflow: auto; padding: 0 5px 0 5px;}
.ui-autocomplete a { padding:0 5px 0 5px !important}
.ui-autocomplete-loading {    background: white url('../img/ajax-loader.gif') right center no-repeat; background-size: auto 95% }

label:not([for]) {font-family: BMWtypeWebBold, Arial Bold,Arial;padding-bottom:3px;display:inline-block}
.FormFull{display:block;width:100%}
select.FormHalf{display:inline-block;width:49.5%;background-color:white;border:1px solid;border-color:black;color:black;}
input.FormHalf{display:inline-block;width:43.5%;}
div.FormHalf{display:inline-block;width:49%;}
select.FormDripple1{display:inline-block;width:25%;background-color:white;border:1px solid;border-color:black;color:black;}
input.FormDripple1{display:inline-block;width:46%;}
div.FormDripple1{display:inline-block;width:25%;}
select.FormDripple2{display:inline-block;width:36.5%;background-color:white;border:1px solid;border-color:black;color:black;}
input.FormDripple2{display:inline-block;width:46%;}
div.FormDripple2{display:inline-block;width:39%;}
#txtAngebNr{background-color:white;border:1px solid;}
#txtUmkreisPLZ{background-color:white;border:1px solid;}

#divAngebotNr{max-height:48px;}

.SliderLabel{border:none;margin-top:5px;padding:0;width:49% !important;}

.FormVolleWeite {margin:0px !important; width:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box} /*z.B. Textfelder in Gridcolumns*/
.FormLine {float:left;vertical-align:bottom} /* Wenn Formularelemente innerhalb einer Zeile floaten mit Validator */

/************* fuer Mehrzeilige (Text nicht unter Option-Box) asp.net Radio- und/oder Checkboxlisten ... funktioniert nur richtig im RepeateLayout Table!!! *************/
/**.ListBox td input[type=checkbox], span input[type=checkbox], li input[type=checkbox] {float:left;}   Texteinzug bei Checkboxlisten im LayoutTyp Table **/
/** .ListBox td input[type=radio], span input[type=radio], li input[type=radio] {float:left;}  Texteinzug bei Radiolisten im LayoutTyp Table **/
/***.ListBox td label[for], span label[for], li label[for]  {margin:3px 3px 0px 6px; display: block;font-size:0.89em;padding:0px;}  Texte, Labels für Radio- und Checkboxlisten ***/
/*** Margin Global anpassen 
input[type=radio] ~ label[for], input[type=checkbox] ~ label[for] {padding:0 ;display:inline-block;margin-right:5px }

label:not([for]) {padding-left:7px;overflow:hidden;font-size:0.89em;margin-top:2px;}

.FeldFloatLeft {float:left}
.FeldFloatRight {float:right !important}
.FPRequiredField {background-color:#ddeeff !important}
****/

/******** Checkboxen - Radiobuttons in Suche **********/
.Segmente span{white-space:nowrap;outline:1px none red;display:inline-block}
.Segmente span:first-child{display:block}
.Segmente label{display:inline-block;width:130px;overflow:hidden;text-overflow:ellipsis;}
/*
.Segmente input[type=radio] {vertical-align:text-bottom;margin-bottom:6px}
.ChkHorizont label{display:inline-block;overflow:hidden;text-overflow:ellipsis;width:auto}
*/
.ChkHorizont input{
    transform:; margin-right: 0.7rem;
}
.ChkHorizont label {display:inline-block;overflow:hidden;text-overflow:ellipsis}
/*
.ChkHorizont input[type=checkbox] {vertical-align:text-bottom;margin-bottom:6px}
*/
.ChkHorizont > span {margin-right:5px;white-space:nowrap;outline:1px none red;display:inline-block;width:270px;}
.ChkHorizont [class*="icon_"] {margin-left:5px; margin-top:5px}

.ChkSA {width:100%;display: flex;flex-wrap: wrap;}
.ChkSA span {white-space:nowrap;outline:1px none red;display:flex; margin: 0.5rem 0.5rem 0 0}
.ChkSA p {white-space:nowrap;outline:1px none red;display:inline-block}

.ChkSA label {display:inline-block;width:130px;overflow:hidden;text-overflow:ellipsis;margin-top:0.5rem;}

.ChkSA input[type=checkbox], .Segmente input[type=radio], .ChkHorizont input[type=checkbox] {vertical-align:2px; border-radius:0px;margin-top: 0.5rem;}

.IconSt .InfoTip{left:0px !important;}
.IconSt [class*="icon_"] {margin-left:5px; margin-top:5px}

.NoLineBreak {
    white-space: nowrap;
    outline: 1px none red
}

.ListMerkmale {overflow:hidden;text-overflow:ellipsis;width:170px;white-space:nowrap;margin-right:25px}
.ListMerkmale>span {margin-right:5px;vertical-align:middle}

/********* Listen und Pager  ************/
.result {width:100%;border-spacing:0 20px;border-collapse:separate;background-color:#e6e6e6;}

.result thead {display:none}
.result thead th{padding:8px 2px;font-family: BMWtypeWebBold, Arial Bold,Arial;font-weight:normal;border-top:2px solid #E6E6E6;border-bottom:2px solid #E6E6E6;white-space:nowrap}
.result thead th a {text-decoration:none;color:#666666;display:block;
                    -moz-transition: all 0.25s; -webkit-transition: all 0.25s; transition: all 0.25s;}
.result thead th a:hover {text-decoration:none;color:#1C69D4}
.result thead th a span {vertical-align:baseline}
.result thead th a:hover span {background-image:url(../img/icons_hi.png)}
.result tbody td {vertical-align:top;padding:5px 7px}

.ResultImg{border-bottom:2px solid #E6E6E6;max-width:180px;}
.ResultImg img {display:block;width:180px;overflow:hidden;} /*;max-width:180px;max-height:135px*/
.ResultImg div {width: 180px; height: 135px;overflow: hidden;}
.ResultImg a {background:#1C69D4;-moz-transition: all 0.25s; -webkit-transition: all 0.25s; transition: all 0.25s;}
.ResultImg a:hover {opacity:0.66;filter:Alpha(opacity=66) }
.ResultModell a{font-family: BMWtypeWebBold, Arial Bold,Arial;color:#666666;display:inline-block;margin-top:7px;text-decoration:none;
                -moz-transition: all 0.25s; -webkit-transition: all 0.25s; transition: all 0.25s} /*Änderung SB: ;width:99%*/
.ResultModell a:hover{color:#1C69D4}
.ResultLoc{}
.ResultPow{text-align:right;white-space:nowrap}
.ResultDist{text-align:right;white-space:nowrap}
.ResultEZ{text-align:right}
.ResultCol{max-width:175px;overflow:hidden;text-overflow:ellipsis}
.ResultPrize {font-family: BMWtypeWebBold, Arial Bold,Arial;text-align:right;white-space:nowrap}
.ResultText {border-bottom:2px solid #E6E6E6;}
.ResultText div { overflow:hidden; max-height:48px;position:;cursor:pointer}
    .ResultText div img {
        position: absolute;
        right: 0px;
        bottom: 0px;
        width: 0%;
        height: 20px
    }

.activeSort a {color:#0653B6 !important}
.activeSort a span {background-image:url(../img/icons_hi.png)}

.TopContent{display:none;margin:15px 0}
.TopContent a {margin-right:7px}

.pagerContent{margin:15px 0}
.pagerContent div {display:inline-block;vertical-align:middle}
.pagerContent span {display:inline-block;vertical-align:middle}
.pagerContent a {font-family: BMWtypeWebBold, Arial Bold,Arial;text-decoration:none;padding:0 3px;
         -moz-transition: all 0.25s; -webkit-transition: all 0.25s; transition: all 0.25s;}
a.ActivPage {color:#1C69D4;cursor:default}

.tblDetails {width:100%;border-spacing:0;border-collapse:collapse}
/*.tblDetails td {padding:5px 10px;border-bottom:1px solid #E6E6E6}*/
.tblDetails td {padding: 5px 10px}
.tblDetails td:nth-child(even){text-align:right;word-break: break-all;overflow:hidden;text-overflow:ellipsis}
.tblDetails td:empty {height:12px}

    .tblDetails td {
        padding: 1px 5px 10px 5px;
    }

    .tblDetails tr:nth-child(odd) td {
        background-color:;
        padding: 1px 5px 5px 5px;
    }


.Package {float:left;display:inline-block;width:49%;}
.Package ul {margin:0px;padding:0px 0px 0px 15px;}


/********** Image Slider H  
   .imgPreview:empty {min-height:300px} 
    **********/

.imgFullSize {
    background-color: black;
    margin-left: 1px;
}
#imgPreview1{margin-top:-1.5rem;}
.imgPreviewBig {position:relative;height:500px;max-width:710px;overflow:hidden;} /*SB: max-width:650px->max-width:710px overflow: hidden*/
.imgPreviewBig img {position:absolute; max-height:;display:none;width:100%;max-width:710px;}
.imgPreviewBig #imgZoom {display:none}
#imgZoom {z-index: 1;}

.imgPreview {position:relative;overflow:hidden;max-height:;} /*SB: 341px anstatt 340 damit auch "Bilder folgen passt"*/

.imgPreview img {position:relative; display:none;}
.imgPreview img:first-child {display:block}
.imgPreview div {position:absolute; right:20px;bottom:20px;cursor:pointer}
.imgSlider {white-space:nowrap;font-size:0;position:relative}
.imgSlider div[class*="icon_"]{vertical-align:middle;margin:0 7px 0px 7px }

.imgSliderOuterContent {outline:1px none blue;display:inline-block;height:85px;overflow:hidden;vertical-align:middle;}
.imgSlideContent {min-height:105px;outline:1px none green;margin:5px 8px;overflow:auto;}
.imgSlideContent a {display:inline-block;margin:6px 3px;position:relative;cursor:pointer}
.imgSlideContent a div {background-color:transparent;height:5px;position:absolute;bottom:0px;width:100%;
                -moz-transition: all 0.33s; -webkit-transition: all 0.33s; transition: all 0.33s;}
.imgSlideContent a:hover div,  .imgSlideActive div {background-color:#1C69D4 !important}
#imgSlideContent1 img {height:64px;display:block;}
#imgSlideContent2 img {height:59px;display:block;}
#imgSlidePrev1~.imgSliderOuterContent {width:84%}
/**/
#imgSlideContent3 img {height:64px;display:block;}
#imgSlidePrev3~.imgSliderOuterContent {width:90%}

/******************* LinkButton *********************************************************************************************************/
a.LinkButton:link, a.LinkButton:visited, input.LinkButton { color:#FFFFFF !important;background-color:#000000;text-decoration:none;}
a.LinkButton:hover, a.LinkButton:active, input.LinkButton:hover { color:#FFFFFF;background-color:#3366cc;text-decoration:none;background-image:none;cursor:pointer}
.LinkButton {color:#FFFFFF ; font-size : 13px; font-family: BMWtypeWebBold, Arial Bold,Arial;white-space:nowrap;font-weight:normal;float:left;background-position:top;background-repeat:repeat-x;background-size:auto 100%;
		overflow:hidden;padding:3px 7px 5px 7px;margin:3px 0px 3px 7px;background-color:#000000;border:1px none transparent;}

a.LinkButton2:link, a.LinkButton2:visited, input.LinkButton2 { color:#FFFFFF !important;background-color:#000000;text-decoration:none;}
a.LinkButton2:hover, a.LinkButton2:active, input.LinkButton2:hover { color:#FFFFFF;background-color:#3366cc;text-decoration:none !important;background-image:none;cursor:pointer}
.LinkButton2 { color:#FFFFFF !important;height:2rem;text-align: center;line-height: 2rem; font-size : 13px; font-family: BMWtypeWebBold, Arial Bold,Arial;white-space:nowrap;font-weight:normal;float:left;background-position:top;background-repeat:repeat-x;background-size:auto 100%;
		overflow:hidden;padding:3px 7px 5px 7px;background-color:#000000;border:1px none transparent;background-image:}

a.LinkButton3:link, a.LinkButton3:visited, input.LinkButton3 { color:#FFFFFF !important;background-color:#000000;text-decoration:none;;}
a.LinkButton3:hover, a.LinkButton3:active, input.LinkButton3:hover { color:#FFFFFF;background-color:#3366cc;text-decoration:none !important;background-image:none;cursor:pointer}
.LinkButton3 { color:#FFFFFF !important;height:4rem;width:15rem; text-align: center;line-height: 4rem; font-size : 13px; font-family: BMWtypeWebBold, Arial Bold,Arial;white-space:nowrap;font-weight:normal;float:left;background-position:top;background-repeat:repeat-x;background-size:auto 100%;
		overflow:hidden;background-color:#000000;border:1px none transparent;background-image:}

.LinkButton4 {
    margin-left: 10px;
}
		
.LinkButtonInAktiv { font-size :  0.85em; color: #999999;border:1px solid #666666; margin:3px 0px 3px 7px;float:left;
		cursor:default;height:18px;padding-top:1px;padding-bottom:0px;padding-left:9px;padding-right:9px;}

a.aspNetDisabled, a.aspNetDisabled:hover {color: #999999 !important;border:1px solid #cccccc;background-color:#eeeeee;}

div[class*="Feld"] > a.LinkButton {margin:16px 0px 3px 7px} /*Automatisch fuer Buttons z.B. nach Filter in der selben Zeile */

.ButtonBarUnten {padding-right:7px;clear:both}
.ButtonBarUnten a{float:right;}

/************** Normale Image Buttons *************************************************************************************************/
a.ImageButton>img:link, a.ImageButton>img:visited, a.ImageButton>img:active, input[type="image"], img[src*="btnklein"] { background-color:#FFFFFF !important}
a.ImageButton>img:hover ,input[type="image"]:hover, img[src*="btnklein"]:hover{ background-color:#CCCCCC !important;cursor:pointer}
.ImageButton>img ,input[type="image"], img[src*="btnklein"] { font-size:0 !important;  margin:1px;padding:0px;background-color:#FFFFFF}

.ImageButtonInAktiv {float:left; font-size : 1px;width:19px;height:18px; margin:1px;background-color:#CCCCCC;cursor:default;}
img {border:0px} /** Alle bilder mit Border 0 versehen **/

/******** Info Tooltips ***********/
/*//TODO eventuell 'important' entfernen*/
.InfoTip {position:absolute;background-color:#FFFFFF;border:1px solid #CCCCCC;padding:10px;z-index:2;display:none;
          -ms-hyphens:auto;-webkit-hyphens:auto;-moz-hyphens:auto;float: left;min-width:100%;
          -moz-box-shadow: 0px 0px 5px 1px rgba(92,92,92,0.66);-webkit-box-shadow: 0px 0px 5px 1px rgba(92,92,92,0.66);box-shadow:0px 0px 5px 1px rgba(92,92,92,0.66)
}
.InfoTip img[src*="Arrow_top"] {position:absolute;left:150px;top:-12px}
.InfoTip img[src*="Arrow_bottom"] {position:absolute;right:100px;bottom:-12px}
.InfoTip img[src*="Arrow_left"] {position:absolute;left:-12px;top:225px}
.InfoTip img[src*="Arrow_right"] {position:absolute;right:-12px;top:225px}

.InfoTip > div {overflow:auto;max-height:fit-content;margin-bottom:10px;margin-right:-10px;padding-right:5px;}
.InfoTip a[class="icon_mid_close"] {float:right;margin:-4px -5px 0 0}
.InfoTip .navLink {margin-left:-5px; display:flex;}

div:has(.InfoTip) {
    position: relative;
}

.BMPS_Logo { height: 40px; margin: 5px 6px 0px 0px; vertical-align: top; float: left;cursor:pointer;-ms-interpolation-mode:bicubic;}

.InfoCoverTip {
    position: absolute;
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    padding: 10px;
    z-index: 2;
    display: none;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -moz-box-shadow: 0px 0px 5px 1px rgba(92,92,92,0.66);
    -webkit-box-shadow: 0px 0px 5px 1px rgba(92,92,92,0.66);
    box-shadow: 0px 0px 5px 1px rgba(92,92,92,0.66)
}

    .InfoCoverTip img[src*="Arrow_top"] {
        position: absolute;
        left: 150px;
        top: -12px
    }

    .InfoCoverTip img[src*="Arrow_bottom"] {
        position: absolute;
        left: 150px;
        bottom: -12px
    }

    .InfoCoverTip img[src*="Arrow_left"] {
        position: absolute;
        left: -12px;
        top: 225px
    }

    .InfoCoverTip img[src*="Arrow_right"] {
        position: absolute;
        right: -12px;
        top: 225px
    }

    .InfoCoverTip > div {
        overflow: auto;
        max-height: 210px;
        margin-bottom: 10px;
        margin-right: -10px;
        padding-right: 5px
    }

    .InfoCoverTip a[class="icon_mid_close"] {
        float: right;
        margin: -4px -5px 0 0
    }

    .InfoCoverTip .navLink {
        margin-left: -5px
    }

.Cover_Logo {
    height: 40px;
    margin: 5px 6px 0px 0px;
    vertical-align: top;
    float: left;
    cursor: pointer;
    -ms-interpolation-mode: bicubic;
}

.OilInclusive_Logo { height: 40px; margin: 5px 6px 0px 0px; vertical-align: top; float: left; cursor: pointer; -ms-interpolation-mode: bicubic;}

/************* Tabstrip Suche ******************/
.TabStrip {font-family: BMWtypeWebBold, Arial Bold,Arial;font-size:14px;padding-left:30px;padding-top:6px;overflow:hidden;outline:1px solid #ffffff;margin-bottom:15px;
           margin-left:-10px; height:40px;
           -moz-box-shadow: 0px -7px 4px -6px #999 inset;-webkit-box-shadow: 0px -7px 4px -6px #999 inset;box-shadow: 0px -7px 4px -6px #999 inset;}
.TabStrip a{display:inline-block;text-decoration:none;padding:8px 15px 10px 15px;border:1px solid #CCCCCC;margin-bottom:0px;position:relative;
            margin-left:-2px;
            -moz-box-shadow: 0px -1px 5px 0px #999;-webkit-box-shadow: 0px -1px 5px 0px #999;box-shadow:0px -1px 5px 0px #999
}
.TabStrip a:hover{color:#0653B6}
.TabActive {background-color:#ffffff !important;color:#0653B6 !important;padding:12px 15px 10px 15px !important;border-bottom:1px solid #FFFFFF !important;}

/***************** Accordeon (Sidebar) .AcordOuter:last-of-type {border-bottom:2px none #cccccc !important} ****************************/
.AcordMobile {}
.AcordOuter {overflow:auto;position:relative}
.AcordOuter > div {padding:5px 0 3px 0;  }
.AcordOuter > div:last-child {padding:5px 0 3px 0; border-bottom:2px none #E6E6E6 }
.AcordHeader{cursor:pointer}
.AcordHeader span {vertical-align:middle ;margin: 2px 7px 4px 0}
.AcordHeader~div{padding:7px 0;overflow:hidden;}
.AcordHeader:hover {color:#1C69D4}
.AcordHeader:hover span {background-image:url(../img/icons_hi.png)}
.AcordHeader~div p {margin:0 0 3px 0}
.AcordHeader~div p:last-child {margin:0}

/******* SA Bulletlist *********/
ul.SAList {margin:0 0 15px 15px;padding:0}

/****************************** allg. Texte, Ueberschriften, Labels ... ******************************************************************************/
h1 {margin:0px 0px 25px 0px;font-size:32px;color:#262626;font-family: BMWtypeWebBold, Arial Bold,Arial;line-height:normal !important} /** Seitenueberschrift **/
h2 {margin:0px 0px 20px 0px;font-size:22px;color:#262626;font-family: BMWtypeWebBold, Arial Bold,Arial;line-height:normal !important}
h3 {margin:0px 0px 15px 0px;font-size:17px;color:#262626;font-family: BMWtypeWebBold, Arial Bold,Arial} 
h4 {margin:0px 0px 10px 0px;font-size:13px;color:#262626;font-family: BMWtypeWebBold, Arial Bold,Arial} 
h5 {margin:2px 0px 2px 0px;font-size:13px;color:#262626;font-family: BMWtypeWebBold, Arial Bold,Arial} /*Accordion*/
h6 {margin:2px 0px 2px 0px;font-size:14px;color:#262626;width: inherit;}/* Pakete */

/********* Texte ****************/
.ZoomBikeData{word-wrap:break-word}
.HdlHeader{position:relative;min-width:200px;max-width:1220px; min-height:60px;padding: 10px 20px 0 50px; margin:0 auto;}
.HdlTeaserText{float:left;padding-left:10px;}
.HdlImg{max-width: 200px;max-height:60px;border:0}

.TextFehler {font-weight:bold !important;color:#CC3333 !important;margin-left:2px;}

.FliessText{line-height:16px}

.TextDezent {color:#666666}
.TextDisabled {color:#BBBBBB}
.TextHinweis {color:#0653B6}
.TextWeiss {color:#FFFFFF}
.TextBlack {color:#000000}

.TextKlein{font-size:11px !important}
.TextMittel {font-size:12px !important}
.TextNormal {font-size:13px !important}
.TextGross {font-size:15px !important}
.TextBig {font-size:16px !important}
.TextXbig {font-size:18px !important}
.TextXLbig {font-size:20px !important}

.LabelCont {float:left;padding-top:2px} /** Container fuer freien Text**/
.LabelText {margin:0px 0px 1px 7px;font-size: 0.85em} 

.LiteralText {margin:0px 0px 2px 7px;padding:2px 4px 1px 4px ;background-color:#EEEEEE !important}
.LiteralText:empty { height:16px; }
.BoldText{font-family: BMWtypeWebBold, Arial Bold,Arial !important}

/*
table.ClearMargin input {margin:0px !important; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box}  DX-Grid-EditForm Textbox */

.ShowWaitInner{position: fixed;top:46%;left:48%;background-color: #FFFFFF;color:#262626;                       
                border: 1px solid #CCCCCC;padding:10px;font-family: BMWtypeWebBold, Arial Bold,Arial;
                -moz-box-shadow: 2px 2px 4px 0px #999 ; -webkit-box-shadow: 2px 2px 4px 0px #999 ; box-shadow: 2px 2px 4px 0px #999 ;}
.SperrDiv {position: ;top: 0;left: 0;width: 100%;height: 100%;z-index:100;}

.ImgLoader{position:absolute;top:46%;left:48%;background-color:#FFFFFF;padding:5px;z-index:3;width:16px;height:16px;display:none;background-image:url(../img/loader_bl.gif);background-repeat:no-repeat;background-position:center center}
    

/*background-image: url(../img/bg_trans_ws75.png)
div.helper {overflow:hidden;display:inline;float:left;min-height:20px}
div.ImgHelper {overflow:hidden;display:inline;float:left;min-height:20px;font-size:0}

.loader {padding:15px;border:1px solid #999999;background-color:#ffffff !important;position:absolute;top:50%;left:40%;
         -moz-box-shadow: 2px 2px 8px 0px #999 ; -webkit-box-shadow: 2px 2px 8px 0px #999 ; box-shadow: 2px 2px 8px 0px #999 ;}
.loader > img {margin-right:5px}
*/
.MarkerFeld {border:1px solid #CC6666 !important;background-color:#FFf6f6 !important}
.HinweisFeld {border:1px solid #6699cc !important;background-color:#f6f9fc !important}

.Border01 {border:1px solid #999999}
.Border01Bottom {border-bottom:1px solid #999999}
.Border01Top {border-top:1px solid #999999}
.Border01Left {border-left:1px solid #999999}
.Border01Right {border-right:1px solid #999999}

/********* Angebotsform **********/
.FormTable {padding:0;margin: 0;width:100%;border-spacing:0;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.FormTable td {min-width:125px;padding:3px 10px 3px 0;width:33.33%;vertical-align:top}
.FormTable td select, .FormTable td input[type=text], .FormTable td input[type=password],  .FormTable td input[type=tel], .FormTable td input[type=email],
          .FormTable td input[type=file], .FormTable td textarea{width:100%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.FormTable tr td:nth-child(2) {max-width:220px}

.FormTable2 {padding:0;margin: 0;width:66.667%;border-spacing:0;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.FormTable2 td {min-width:125px;padding:3px 10px 3px 0;width:50%;vertical-align:top}
.FormTable2 td select, .FormTable2 td input[type=text], .FormTable2 td input[type=password], 
    .FormTable2 td input[type=tel], .FormTable2 td input[type=email],
    .FormTable2 td input[type=file], .FormTable2 td textarea{width:100%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}

.ChkList label {margin-left:22px;margin-top:3px;display:block;font-weight:normal !important;font-family:inherit}
.ChkList input[type=checkbox], .ChkList span[class=icon_sml_ok] {float:left;}
.ChkList span[class=icon_sml_ok]~label {margin-top:-3px}

.ChkLine > div {display:inline-block;margin-right:30px !important}
.ChkLine > div:last-child {margin-right:0 !important}

#AngebotStep1, #AngebotStep2, #AngebotStep3, AngebotEnd {position:absolute}

#dlgAngebot  p, #dlgAngebot  label{line-height:16px}
#AngebotStep2 h4 {margin:20px 0 -9px 0}
#AngebotStep2 div {margin: 5px 0}

tr.FormErrTxt td:first-child, tr.FormErrChk td:first-child {color:#CC3333}
tr.FormErrTxt td:last-child, tr.FormErrChk td:last-child  {color:#CC3333}
tr.FormErrTxt input[type=text], tr.FormErrTxt input[type=tel],tr.FormErrTxt input[type=email], tr.FormErrTxt select {border:1px solid #CC3333}
tr.FormErrChk td:nth-child(2) div {border:1px solid #CC3333}
span.FormErrTxt, div.FormErrTxt {color:#CC3333;}
fieldset.FormErrTxt {border:1px solid #CC3333 !important;}
#errDSMissingTelnr,#errDSMissingMail,#errDSPostalisch {color:#CC3333}

#dlgAngebot a {text-decoration: none;color:#1C69D4}
#dlgAngebot a:hover {text-decoration: underline;color:#0653B6}

/*
.FormChk {vertical-align:text-bottom}
*/
.FormSteps {color:#BBBBBB;font-family: BMWtypeWebBold, Arial Bold,Arial;}
.FormSteps div {display:inline-block; margin-right:50px}
.FormSteps h1 {margin:0;color:#BBBBBB}
.FormSteps div.ActiveStep, .FormSteps div.ActiveStep h1 {color:#0653B6 !important}
/* 
.ChkMultiline table {border-spacing:0}
.ChkMultiline td {vertical-align:top;line-height:16px}
.ChkMultiline td:first-child span {margin-right:2px}
.ChkMultiline td:first-child input[type=checkbox] {margin-top:0}


.ChkMultiline input[type=checkbox] {display:table-cell}
.ChkMultiline label {display:table-cell;}
.ChkMultiline span:not([class*="icon_"]) {display:inline-block;vertical-align:top;margin-left:0px !important;margin-bottom:10px}
*/
.MainLangSelect {margin-left:;width:350px;float:left}
.MainMarketSelect {margin-left:;width:350px;float:left}

.keyVisualIndex{width:620px;margin-left:50px;}

.infoPop {position:absolute; background-color:#fff; width: 44%;min-width:300px; border:1px solid #cccccc;padding:7px 10px 7px 10px;font-size:11px;line-height:18px; 
          box-sizing:border-box;display:none;box-shadow:0px 0px 5px 1px rgba(92,92,92,0.66)}
.infoPop a {color:#1C69D4;font-weight:bold;text-decoration:underline}
.infoPop a:hover {color:#0653B6}

.infoSlide {padding-left:24px;}



#CookieLayer {max-width: 1270px;width:100%; background-color:#FFFFFF;padding:20px 50px; z-index:5;margin:auto;box-sizing:border-box}
#CookieLayer > h4, #CookieLayer > p {margin:0 }

/*********** Icons ********************/
[class*="icon_"] {display:inline-block;background-image:url(../img/icons_hi.png);cursor:pointer;
                  -moz-transition: all 0.25s; -webkit-transition: all 0.25s; transition: all 0.25s;
                  -mox-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box
}
[class*="icon_"]:hover {background-image:url(../img/icons_lo.png) !important}

[class*="icon_de_"], [class*="icon_de_"]:hover {cursor:default; background-image:url(../img/icons_de.png) !important}

[class*="icon_Xsml_"] {width:8px; height:8px}
[class*="icon_sml_"] {width:12px; height:12px;margin:0 0 3px 0}
[class*="icon_mid_"] {width:18px; height:18px}
[class*="icon_big_"] {width:24px; height:24px}
[class*="icon_Xbig_"] {width:36px; height:36px;background-size:326px 91px}/*BG um 1/4 kleiner skaliert*/

.icon_Xsml_arr_o{background-position:-239px 0px}
.icon_Xsml_arr_n{background-position:-251px 0px}
.icon_Xsml_arr_s{background-position:-261px 0px}
.icon_Xsml_arr_ws_o{background-position:-279px 0px}

.icon_sml_info, .icon_sml_infoNoScript{background-position:0px 0px}
.icon_sml_hook{background-position:-30px 0px}
.icon_sml_ok{background-position:-300px 0px;cursor:default;margin:0 1px 0px 1px}

.icon_mid_info{background-position:0px -20px}
.icon_mid_plus{background-position:-30px -20px}
.icon_mid_minus{background-position:-60px -20px}
.icon_mid_close{background-position:-90px -20px}
.icon_mid_prev{background-position:-120px -20px}
.icon_mid_next{background-position:-150px -20px}
.icon_mid_last{background-position:-180px -20px}
.icon_mid_first{background-position:-210px -20px}
.icon_mid_print{background-position:-240px -20px}
.icon_mid_zoom{background-position:-270px -20px}
.icon_mid_search{background-position:-300px -20px}
.icon_mid_gear{background-position:-330px -20px}
.icon_mid_bike{background-position:-360px -20px}
.icon_mid_share{background-position:-410px -20px}

.icon_big_close{background-position:-90px -40px}
.icon_big_prev{background-position:-120px -40px}
.icon_big_next{background-position:-150px -40px}
.icon_big_print{background-position:-240px -40px}
.icon_big_zoom{background-position:-270px -40px}
.icon_big_search{background-position:-300px -40px}
.icon_big_gear{background-position:-330px -40px}
.icon_big_bike{background-position:-360px -40px}
.icon_big_share{background-position:-410px -40px}

.icon_Xbig_bike{background-position:-270px -53px;}

[class*="icon_page_h_mid_"], [class*="icon_page_v_big_"] {cursor:pointer}
[class*="icon_page_h_mid_"], [class*="icon_de_page_h_mid_"] {width:18px; height:34px;}
.icon_page_h_mid_prev, .icon_de_page_h_mid_prev {background-position:0px -70px}
.icon_page_h_mid_next, .icon_de_page_h_mid_next {background-position:-30px -70px}

.icon_page_h_mid_prevImg{background-position:-180px -70px}
.icon_page_h_mid_nextImg{background-position:-210px -70px} /*background-position:-240px -70px*/
.NextImg, .PrevImg{position:absolute;top:45%;opacity:0.75;z-index:1; -moz-transition: all 0.2s; -webkit-transition: all 0.2s; transition: all 0.2s;}
.NextImg{right:5px !important;}
/*.imgPreviewBig .NextImg{right:-10px !important;} SB*/
.PrevImg{left:5px}
.NextImg:hover, .PrevImg:hover{opacity:1}

[class*="icon_page_v_big_"], [class*="icon_de_page_v_big_"] {width:54px; height:30px}
.icon_page_v_big_up, .icon_de_page_v_big_up {background-position:-60px -70px}
.icon_page_v_big_dn, .icon_de_page_v_big_dn {background-position:-120px -70px}



div:has(.imgFullSize) {
    min-width: -webkit-fill-available;
    min-width: -moz-available;
    text-align: center;
}
div:has(.unset) {
    min-width: unset;
    text-align: unset;
}
/*#f1:has(.imgFullSize) {
    display:none;
}
#f1:has(.unset) {
    display:unset;
}*/



.imgLogo{margin-right:15px !important;}

#searchCriteria ChkHorizont {
    max-width: 180px
}
/*** Icons auf der Seite per default hidden***/
#configuration .icon_sml_info, #searchCriteria .icon_sml_info{display:none}

 #ZusatzMerkmaleOthDev {display:inline;}
 #ZusatzMerkmaleMoDev {display:none;}

/*
@media only screen and (min-width: 800px), only screen and (min-device-width: 800px) {
    .SideBar {left:0px ;position:relative }
}

Media Querries in em=Pixel/16
*/
@media only screen and (max-width: 1049px), only screen and (max-device-width: 1049px) {
    .ContBlock2a{
        max-width:100%;
        padding-top:1rem;
        margin-left:3%;
    }
    
    .ContBlock2 {                
        width:95%;
    }
    .ContBlock2b {
        margin-left:3%;        
    }
    .ContBlock2c{
        margin-left:0px;
    }
    .ContBlock2c > a {
        margin-left: 3%;
    }
    .ergebnissFlex3 {
        flex:;
    }
    .InfoTip {
        margin-left: 15%;
    }
    #imgPreview1 {
        margin-top: 0rem;        
    }
    /*@media (prefers-color-scheme: dark) {
        .ergebnissColor {
            background-color: #323232;
            color: #262626;
        }

        .checkBox {
            background-color: darkgray;
        }

            .checkBox:before {
                color: darkgray;
            }
    }*/
}
@media only screen and (max-width: 60.5em), only screen and (max-device-width: 60.5em) { /* Tablet/Pad Version (hoch) 968px  */
    .ContMain {padding:0px 10px 10px 20px;}

    .SideBar {
        display: block;
        position: fixed !important;
        top: 10px;
        bottom: 10px;
        left: -300px;
        width: 300px;
        z-index: 9;
        padding-right: 0rem;
        -moz-box-shadow: 2px 2px 6px 1px rgba(92,92,92,0.66);
        -webkit-box-shadow: 2px 2px 6px 1px rgba(92,92,92,0.66);
        box-shadow: 2px 2px 6px 1px rgba(92,92,92,0.66)
    }
    .SideScrollArea{overflow:auto;padding:14px 14px 7px 21px;height:100%;
        box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;
        -webkit-overflow-scrolling: touch;
    }
    .SideButton {display:block}
    .SideSwipeArea {display:block}
    #searchCriteria ChkHorizont{max-width:230px}
    .ContMainArea {display:block;padding-left:0px;}
    .ContBlock1 {max-width:none;width:46%;}
    .ChkSA{width:100%;}
    #imgZoom {display:none}
    #ZusatzMerkmaleOthDev {display:inline;}
    #ZusatzMerkmaleMoDev {display:none;}

    .homeSuche {
        margin-right: 6%;
         margin-left: 0%; 
         padding: 0px 0%;
    }
    .LinkButton2 {
        margin: 0px 0px 0px 0px;
    }
    .LinkButton4 {
        margin-left: 10px;
    }
    .homeLeerDiv{
        display:none;
    }
    homeLeerDiv2{
        height:0rem;
    }

    .AngebotNr {
        width: 93%;
    }

    /**/
    .navLink, .FooterNav a {
        padding: 4px 0 4px 0;
    }
    .pagerContent a {padding:2px 2px;font-size:18px}
    .pagerContent a span {margin:2px 4px}
    /*.NavTopRight a {margin:0 10px}*/
    .TopContent div a {font-size:18px;padding-left:5px}
    #btnMobilBack {display:none}
    .MainLangSelect,.MainMarketSelect {margin-left:30px;}

    .Segmente label{padding-top:10px;margin-top:5px}
    .ChkHorizont label {padding-top:10px;margin-top:5px}
    .ChkHorizont a.icon_sml_info {background-position:0px -20px;width:18px;height:18px;vertical-align:bottom}
    .ChkSA label {padding-top:5px;padding-bottom:5px; margin-top:0px}
    .FormTable td input[type=checkbox]~label {padding-top:7px; padding-bottom:7px ; display:inline-block;}
    td.ChkList {padding-top:7px !important;padding-bottom:7px !important}

    /*Icons auf Big vergroessern*/  
    .icon_mid_prev{background-position:-120px -40px;width:24px;height:24px}
    .icon_mid_next{background-position:-150px -40px;width:24px;height:24px}
    .icon_mid_last{background-position:-180px -40px;width:24px;height:24px}
    .icon_mid_first{background-position:-210px -40px;width:24px;height:24px}
        
    .ResultCol{max-width:75px}
    [class*=ContBlock] input, [class*=ContBlock] select, #cboLanguage,
    .FormTable td select, .FormTable td input[type=text], .FormTable td input[type=password],  .FormTable td input[type=tel], .FormTable td input[type=email],
          .FormTable td input[type=file], .FormTable td textarea{font-size:15px}
    .SliderLabel, .Segmente label, .ChkHorizont label, .ChkSA label{font-size:14px !important}

    .ui-dialog {width:95% !important;min-width:250px}
    .ui-slider {margin-top:5px !important;margin-bottom:3px !important}
    .ui-slider .ui-slider-handle {height: 26px !important;width: 15px !important;}
    .ui-slider-horizontal .ui-slider-handle {top: -6px !important;}

    .keyVisualIndex{width:400px;margin-left:30px;}

    .InfoTip {
        margin-left: 15%;
    }
    
    /*@media (prefers-color-scheme: dark) {
        .ergebnissColor {
            background-color: #323232;
            color: #262626;
        }

        .checkBox {
            background-color: darkgray;
        }

            .checkBox:before {
                color: darkgray;
            }
    }*/
}

@media only screen and (max-width: 44.5em), only screen and (max-device-width: 44.5e,) { /* Mobile Version (quer) 712px hoch */
    .TopBarFilter {display:block }
    .ergebnissFlex3 {
        flex:;
        width: -webkit-fill-available;
        width: -moz-available;
    }
    
    @media (prefers-color-scheme: dark) {
       /* .ergebnissColor {
            background-color: #323232;
            color: #262626;
        }

        .checkBox {
            background-color: darkgray;
        }

            .checkBox:before {
                color: darkgray;
            }*/
        .checkBox {
            accent-color: unset;
        }
    }
}


@media only screen and (max-height: 30em), only screen and (max-device-height: 30em) { /* Mobile Version (quer) 480px hoch */
	#imgZoom {display:none}
    #ZusatzMerkmaleOthDev {display:none;}
    #ZusatzMerkmaleMoDev {display:inline;}

    [class*=ContBlock] input, [class*=ContBlock] select{font-size:18px}
    
    @media (prefers-color-scheme: dark) {
        /*.ergebnissColor {
            background-color: #323232;
            color: #262626;
        }

        .checkBox {
            background-color: darkgray;
        }

        .checkBox:before {
            color: darkgray;
        }*/
        .checkBox {
            accent-color: unset;
        }
    }
}

@media only screen and (max-width: 37.5em), only screen and (max-device-width: 37.5em) { /* Mobile Version (hoch) 600px breit */
    .ContHeader {padding: 0 0 0 10px;height:4rem}
    .HeadLogo {margin:0 5px; height:72px}
    

    .NavTopRight {float:none;text-align:right;margin-bottom:15px}
    .TopNav {font-size:14px}
    #btnMobilBack {padding-left:40px;padding-top:8px !important}
    .MainLangSelect,.MainMarketSelect {margin-left:-10px;}

    .result thead  {outline:1px none red;display:none}
    .result thead tr {outline:1px none green;position:absolute;border-top:2px solid #cccccc;border-bottom:2px solid #E6E6E6 }
    .result thead th{display:inline-block;min-width:80px;margin:0;padding:6px 2px;
                     border-top:2px none #E6E6E6;border-bottom:2px none #E6E6E6}
	.ResultImg{border-bottom:2px none #E6E6E6;border-top:2px solid #E6E6E6;min-width:120px}
    .ResultImg~td {border-top:2px solid #E6E6E6}
    .ResultImg img {width:100%}
    /*.result tbody {top:50px;position:relative}*/
    .result tbody td {padding:1px 4px 0 4px}
    .result tbody td img {margin-top:8px}
    .result tbody tr table {width:100%;border-spacing:0}
    .result tbody tr table td {text-align:left}
    .ResultText div {max-height:80px;margin-bottom:5px;margin-top:3px;word-break:break-all}
    .ResultText {border-bottom:2px none #E6E6E6;} /*FF Bug Border muss hier oben hin*/
    .result {border-bottom:2px solid #E6E6E6}

    .tblDetails td {padding:1px 5px 10px 5px;}
    .tblDetails tr:nth-child(odd) td {background-color:; padding:1px 5px 5px 5px;}
    .tblDetails td:nth-child(5) {display:none;}
    .tblDetails td:nth-child(6) {display:none;}

    #imgSlidePrev1~.imgSliderOuterContent {width:80%}

    .ContBlock1 {max-width:none;width:94%;}
    .ContBlock2 {max-width:;width:95%}
    .ContBlock2a {margin-bottom:1rem; float:left;}

    .ergebnissFlex {
        display: block
    }
    .ergebnissFlex1 {
        display: block;
        margin-top: 0rem;
    }
    .ergebnissFlex2 {
        display:block;
        margin-top: 0rem;
    }
    .ergebnissHalb {
        width: 100%;
    }
    .ergebnissHalb1 {
        margin-left: 1rem;
    }
    .ChildImg img {
        
        height: auto;
    }
    .LinkButton2 {
        margin: 0px 0px 0px 0px;
    }
    .LinkButton4 {
        margin-left: 10px;
    }
    .homeSuche {
        padding: 0px 0%;
    }
    .homeSuchDiv{
        display:block;
    }
    .homeNext {
        margin: 2% 5% 0px 0px;
    }
    .homeLeerDiv2 {
        margin: 0rem 0rem 0rem 0rem
    }
    .langSelect{
        margin: 10px 0px;
    }
    #imgZoom {
        display: none
    }
    .TopBar {
        padding-left: 0.5rem;
    }

    #ZusatzMerkmaleOthDev {
        display: none;
    }
    #ZusatzMerkmaleMoDev {display:inline;}

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

    .FormTable2 {
        width: 100%
    }
    .FormTable2 td {width:auto;padding:1px 2px 1px 0;word-wrap:break-word}
    /*
    .FormTable2 tr:first-child td{display:block}
.FormTable tr td:nth-child(2), .FormTable2 textarea {max-width:250px}

    */
    .FormTable td {display:block;padding:1px 0px 1px 0;width:auto}
    .FormTable td:last-child {margin-bottom:10px}
    .FormTable tr td:nth-child(2) {max-width:none}

    .Segmente label{width:240px;}
    .ChkSA label {width:240px}

    [class*=ContBlock] input, [class*=ContBlock] select, #cboLanguage,
    .FormTable td select, .FormTable td input[type=text], .FormTable td input[type=password],  .FormTable td input[type=tel], .FormTable td input[type=email],
    .FormTable td input[type=file], .FormTable td textarea {font-size:18px}

    .ui-dialog{position:fixed}
    .ui-dialog-content {padding: 0 10px 0 10px !important;}
    .FormSteps div {margin-right:1px}
    #dlgAngebot>div>h1 {font-size:28px}
    #AngebotStep2 .LinkButton2, #AngebotStep3 .LinkButton2 {max-width:100px;white-space:normal}

    .keyVisualIndex{width:100%;margin-left:-10px;min-width:320px}

    .imgPreview img {width:100%;}


    @media (prefers-color-scheme: dark) {
        /*.ergebnissColor {
            background-color: #323232;
            color: #262626;
        }

        .checkBox {
            background-color: darkgray;
        }

            .checkBox:before {
                color: darkgray;
            }*/
   
    .checkBox {
        accent-color: unset;
    } 
    }
}
	
/***** Fuer Hochaufloesende Displays > 1.5 *******/
@media only screen and (min--moz-device-pixel-ratio: 1.5),
	only screen and (-o-min-device-pixel-ratio: 3/2),
	only screen and (-webkit-min-device-pixel-ratio: 1.5),
	only screen and (min-device-pixel-ratio: 1.5) {
        
}
/*@media (prefers-color-scheme: dark) {
    .ergebnissColor {
        background-color: #323232;
        color: #262626;
    }
    .checkBox {
        background-color: darkgray;
    }
    .checkBox:before{
        color: darkgray;
    }
    
}*/
/*@media only screen and (min-width:1px) {
    .checkBox {
        background-color: white;
    }

        .checkBox:before {
            color: white;
        }
}*/
/* Include this file in your html if you are using the CSP mode. */

@charset "UTF-8";

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak],
.ng-cloak, .x-ng-cloak,
.ng-hide {
  display: none !important;
}

ng\:form {
  display: block;
}

.ng-animate-block-transitions {
  transition:0s all!important;
  -webkit-transition:0s all!important;
}

/* show the element during a show/hide animation when the
 * animation is ongoing, but the .ng-hide class is active */
.ng-hide-add-active, .ng-hide-remove {
  display: block!important;
}