#composerimage .measurement-vertical #measurement_vertical {position: absolute;top: 40%;right: 18px;width: 200px;font-size: 12px;text-align: center;transform: rotate(90deg) translate(0px, 121px);}
#composerimage .measurement-horizontal #measurement_horizontal {position: absolute;top: 636px;left: 40%;width: 300px;font-size: 12px;}
.component_price {font-weight: 500;display: inline-block;float: right;border-left: 4px solid #cc0000;padding-left: 0.3em;font-size: 1rem;position: relative;top: 0px;}
 
.canon_sidebar .component {display: flex;width: 100%;align-items: center;}

.canon_sidebar #sidebar_components .components_header {font-size: 14px;font-weight: normal;padding: 5px 10px 5px 8px;cursor: pointer;}
.canon_sidebar #sidebar_components .components_header:hover,
.canon_sidebar #sidebar_components .components_header.cs-active {background: #f6f6f6;}
.canon_sidebar .componentsBox {padding-bottom: 0em;}
.canon_sidebar #sidebar_components .component_price {font-size: 1.2em;font-weight: 500;padding: 0;margin: 0;padding-left: 7px;width: 90px;border-left: 2px solid #cc0000;}
.canon_sidebar #sidebar_components .component, .canon_sidebar #sidebar_components .variant {float: none;margin-top: 0;position: unset;padding-right: 5px;}
.canon_sidebar .components .component, .canon_sidebar .component_varianten .variant {position: unset;}
.canon_sidebar #sidebar_description {display: none;}
.canon_sidebar {box-shadow: none;}

.canon_sidebar .component_thumb, .canon_sidebar .variant_thumb {display: none;}
.canon_sidebar .component_thumb.componentname {display: block;}
.canon_sidebar .component_aktiv .component_thumb.componentname::after {content:'\e83b';font-family: 'cs';color: #c00;right: -19px;position: absolute;}

.canon_sidebar #sidebar_components .componentname {padding-left: 0;max-width: 70%;}
.canon_sidebar .components .component, .canon_sidebar .component_varianten .variant {margin: 0;}
.canon_sidebar #sidebar_components .sidebar_component {margin-top: 0;}

.cs-articleDetail .cs-articleName {margin-bottom: 0;line-height: 30px;}
.cs-articleDetail .cs-detailArtnum {margin-bottom: 1em;}

.canon_sidebar .cs-arrowCom svg {width: 12px;position: relative;top: 3px;margin-right: 4px;}
.canon_sidebar .cs-comDown {display: none;}

.canon_sidebar .cs-componentImageBox {position: absolute;right: 26px;}
.canon_sidebar .cs-componentImageBox img {border: 0;width: auto;height: auto;border-radius: 0;}
.canon_sidebar .cs-componentImageBox > img {width: 80px;height: 80px;border-radius: 0;}
.canon_sidebar .cs-componentImageBox > a {display: inline-block;position: absolute;width: 80px;height: 80px;right: 0;}
.canon_sidebar .components.flex {}
.canon_sidebar img.cs-tooltipImage {width: auto;height: auto;border: 0;border-radius: 0;position: absolute;box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;z-index: 9;display: none;left: -2em;}

.canon_sidebar .components, .canon_sidebar .component_varianten {display: none;margin: 1em 0 1em 2em;}
.canon_sidebar #sidebar_components .componentname span {font-weight: 600;}
.canon_sidebar .components .componentname:hover {text-decoration: underline;cursor: pointer;}

.canon_sidebar .components .cs-comWrapper {min-height: 86px;}

#tabs {margin-top: 2em;}

.cs-articleDetail .cs-articleDetailMiddleBox .cs-articleLeftBox {max-width: 60%;}
.cs-articleDetail .cs-articleDetailMiddleBox .cs-articleRightBox {max-width: 40%;}

.canon_configurator {width: 100% !important;}
.canon_configurator #composerimage {position: relative;height: 650px;}

.rentalDeliveryAddress .cs-cartBoxDetails {width: 50%;}
.billingAddress .cs-cartBoxDetails {width: 50%;}

#composerimage .measurement-vertical,
#composerimage .measurement-vertical img {height: 100%;}
#composerimage .measurement-horizontal,
#composerimage .measurement-horizontal img {width: 100%;}

html body #composerimagebackground {width: 100%;}
html body #composerimage .measurement-vertical {float: none;clear: unset;width: 50px;height: 100%;position: absolute;right: 0;}
html body #composerimage .measurement-horizontal {width: 100%;bottom: -2em;position: absolute;height: auto;}
#composerimage .measurement-horizontal #measurement_horizontal {position: relative;top: -17px;left: 0;width: 100%;font-size: 12px;text-align: center;display: block;}

.canon_sidebar .tooltipBubble {right: 6em;position: absolute;top: 0;z-index: 99;width: 350px;margin-top: 2px;box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;left: auto;border: 0;border-radius: 0;}
.canon_sidebar .moreDetails {display: none;}

.cs-statusbar li.cs-basketSteps {width: calc(100% / 2 - 0.5em);}

.cs-imageBox {max-width: 93%;}

#tabs .tabs.activeTab span {border-bottom: 2px solid #c00;padding-bottom: 2em;}
#tabs .tabs.activeTab {font-weight: 400;}
.tabContainer {justify-content: center;}
.contentContainer {padding-top: 4em;}

h3.cs-siteHeading span,
h2.cs-betHeading span {padding: 0 11px;}
h3.cs-siteHeading:before,
h2.cs-betHeading:before {height: 0px;}
h3.cs-siteHeading,
h2.cs-betHeading {letter-spacing: -0.5px;text-transform: uppercase;border-left: 2px solid #c00;text-align: left;font-size: 28px;font-weight: 600;}
.cs-subtitle {display: none;}

.cs-body .cs-button1 {background: #cc0000;}
.theme-default .nivo-controlNav a.active {background: #cc0000 !important;}

.cs-svgIcon path {fill: #454545;}
.cs-miniwk span {color: #454545;}

.cs-orderContainer {display: flex;flex-wrap: wrap;margin-left: 7em;}
.cs-orderContainer > div {width: 50%;}
.cs-orderContainer a.wk_copytextfield, .cs-orderContainer a.wk_copyallfield  {font-size: 12px;background: #f6f6f6;padding: 2px 5px;border-radius: 5px 5px 0 0;}
.cs-orderContainer .cs-cartBoxDetails {width: 100%;padding-right: 1em;}

.cs-footerRow.newsletter {display: none;}

span.cs-information {position: absolute;font-weight: 800;right: 0;font-size: 15px;border: 1px solid #3a3a3a;padding: 6px;height: 21px;width: 21px;border-radius: 100%;display: flex;justify-content: center;align-items: center;padding-top: 9px;}




header .cs-headerContent .cs-container {margin: 0 auto;align-items: center;justify-content: center;height: 8em;}
header .cs-headerContent .cs-container .cs-logo {position: absolute;}
header .cs-headerContent .cs-container .cs-miniButtons {position: relative;margin-left: auto;}
header .cs-headerContent .cs-container .cs-logo img {max-width: 145px;}

body.cs-body.cs-loginpagebody .cs-wrapper .cs-header > a > img {margin: 0 auto;display: block;}
body.cs-checkout .logo {margin: 1em auto;text-align: left;display: flex;justify-content: center;align-items: center;flex-direction: column;}
body.cs-checkout .tgLogo img {max-width: 145px;}
body.cs-checkout a.canonLogo {align-self: flex-start;}
body.cs-checkout a.tgLogo {position: absolute;}