/* $Id: style.tpl,v 1.310 2025/06/30 13:30:01 frank Exp $ */
/* © Frank Titze 1983-2025. All rights reserved. */
/* Build: 30.06.25 */


/*
Android Devices:
    1440×3200 (QHD+) - 360×800 4.0x - Flagship devices like the Samsung Galaxy S series
    1080×2400 (FHD+) - 360x800 3.0x - Mid-range and premium smartphones
    720×1600 (HD+)   - 360x800 2.0x - Budget-friendly devices, emerging markets
iOS Devices:
    1170×2532 - 390x844 3.0x - iPhone 13/14/15 Pro models
    1080×2340 - 360x780 3.0x - iPhone 12/13/14 standard models
    828×1792  - 414x896 2.0x - iPhone 11/XR models

Statistical Breakdown:
    1080x2340 - 393×852 2.75x -  Google Pixel 5
*/

:root {
  --media: "D";
  --media-long: "Default";
  --jquery-icon-scale: 1.5;
  --jquery-icon-margin: 0px;
  --icon-size-micro:   18px;
  --icon-size:     32px;
  --icon-size_0_25: 8px;
  --icon-size_0_5: 16px;
  --icon-size1:    32px;
  --icon-size2:    64px;
  --icon-size3:    96px;
  --icon-size4:   128px;
  --icon-size5:   160px;
  --icon-size6:   192px;
  --icon-size7:   224px;
  --icon-size8:   256px;
  --icon-size9:   288px;
  --icon-size10:  320px;
  --icon-size11:  352px;
  --icon-size12:  384px;
  --icon-size13:  416px;
  --icon-size14:  448px;
  --icon-size15:  480px;
  --icon-size16:  512px;

  --font-size6:     6px;
  --font-size10:   10px;
  --font-size12:   12px;
  --font-size14:   14px;
  --font-size16:   16px;
  --font-size18:   18px;
  --font-size20:   20px;
  --font-size24:   24px;
  --font-size28:   28px;
  --font-size32:   32px;
  --font-size54:   54px;
}
@media screen and (orientation:portrait) and (max-width: 12px) {
  :root {
  --media: "T";
  --media-long: "Tablet";
  --jquery-icon-scale: 3;
  --jquery-icon-margin: 30px;
  --icon-size-micro:    36px;
  --icon-size:     64px;
  --icon-size_0_25:16px;
  --icon-size_0_5: 32px;
  --icon-size1:    64px;
  --icon-size2:   128px;
  --icon-size3:   192px;
  --icon-size4:   256px;
  --icon-size5:   320px;
  --icon-size6:   384px;
  --icon-size7:   448px;
  --icon-size8:   512px;
  --icon-size9:   576px;
  --icon-size10:  640px;
  --icon-size11:  704px;
  --icon-size12:  768px;
  --icon-size13:  832px;
  --icon-size14:  896px;
  --icon-size15:  960px;
  --icon-size16: 1024px;

  --font-size6:    12px;
  --font-size10:   20px;
  --font-size12:   24px;
  --font-size14:   28px;
  --font-size16:   32px;
  --font-size18:   36px;
  --font-size20:   40px;
  --font-size24:   48px;
  --font-size28:   56px;
  --font-size32:   64px;
  --font-size54:  104px;
  }
}
@media screen and (min-width: 2600px) {
  :root {
  --media: "4K";
  --media-long: "4K-Screen";
  --jquery-icon-scale: 3;
  --jquery-icon-margin: 30px;
  --icon-size-micro:    36px;
  --icon-size:     64px;
  --icon-size_0_25:16px;
  --icon-size_0_5: 32px;
  --icon-size1:    64px;
  --icon-size2:   128px;
  --icon-size3:   192px;
  --icon-size4:   256px;
  --icon-size5:   320px;
  --icon-size6:   384px;
  --icon-size7:   448px;
  --icon-size8:   512px;
  --icon-size9:   576px;
  --icon-size10:  640px;
  --icon-size11:  704px;
  --icon-size12:  768px;
  --icon-size13:  832px;
  --icon-size14:  896px;
  --icon-size15:  960px;
  --icon-size16: 1024px;

  --font-size6:    12px;
  --font-size10:   20px;
  --font-size12:   24px;
  --font-size14:   28px;
  --font-size16:   32px;
  --font-size18:   36px;
  --font-size20:   40px;
  --font-size24:   48px;
  --font-size28:   56px;
  --font-size32:   64px;
  --font-size54:  104px;
  }
}

:focus {
    outline: none !important;
}

html {
    background: #fdfdfd;
}

body {
    cursor: url( "/icons/MDM/24/blue_white/cursor-default-outline_blue_white.png" ), default;
    overflow-y: scroll;
}

sup {
    font-weight: normal;
}

select:hover {
    color: #FF0000;
    cursor: url( "/icons/MDM/24/blue_white/cursor-pointer_blue_white.png" ) 10 4, pointer;
}

input:hover {
    color: #FF0000;
    cursor: url( "/icons/MDM/24/blue_white/cursor-text_blue_white.png" ) 10 4, pointer;
}

.Left {
    left: 0px;
}
.Right {
    right: 0px;
}

.LimitedEditionSmall,
.LimitedEditionWide {
    border: 0;
}
.LimitedEditionSmall {
    max-width: 20px;
}
.LimitedEditionWide {
    max-width: 60px;
}

.Logo,
.DetailPictureNavigationLeft,
.DetailPictureNavigationRight,
.DetailPictureNavigationHDLeft,
.DetailPictureNavigationHDRight,
.DetailPictureNavigationLeftEnd,
.DetailPictureNavigationRightEnd,
.DetailPictureNavigationHDLeftEnd,
.DetailPictureNavigationHDRightEnd,
.DetailPictureNavigationSerie,
.DetailPictureNavigationHDSerie {
    background: #fdfdfd;
    transition: color 0.2s ease-out, background 0.2s ease-in;
    z-index: 90;
}

.ButtonExtraWide,
.ButtonWide,
.ButtonSmall,
.ButtonExtIcon,
.ButtonMicro,
.ButtonMicroRight {
    background: #fdfdfd;
    transition: color 0.2s ease-out, background 0.2s ease-in;
    z-index: 10000;
}

.ButtonLicense {
    background: #fdfdfd;
    transition: color 0.2s ease-out, background 0.2s ease-in;
}

.ButtonExtraWideIconMiddleLeft,
.ButtonExtraWideIconMiddleRigh,
.ButtonWideIconMiddleLeft,
.ButtonWideIconMiddleRight {
    opacity: 0.0;
    transition: opacity 0.2s ease-out, background 0.2s ease-in;
    cursor: url( "/icons/MDM/24/blue_white/cursor-pointer_blue_white.png" ) 10 4, pointer;
    z-index: 10000;
}

.DetailPictureNavigationSerie:hover {
    opacity: 0.0;
    cursor: url( "/icons/MDM/32/red_white/arrow-up-drop-circle_red_white.png" ) 10 4, pointer;
}

.DetailPictureNavigationHDSerie:hover {
    opacity: 0.0;
    cursor: url( "/icons/MDM/32/red_white/arrow-up-drop-circle_red_white.png" ) 10 4, pointer;
}

.DetailPictureNavigationLeft:hover {
   opacity: 0.0;
   cursor: url( "/icons/MDM/32/red_white/arrow-left-drop-circle_red_white.png" ) 10 4, pointer;
}

.DetailPictureNavigationRight:hover {
    opacity: 0.0;
    cursor: url( "/icons/MDM/32/red_white/arrow-right-drop-circle_red_white.png" ) 10 4, pointer;
}

.DetailPictureNavigationHDLeft:hover {
    opacity: 0.0;
    cursor: url( "/icons/MDM/32/red_white/arrow-left-drop-circle_red_white.png" ) 10 4, pointer;
}

.DetailPictureNavigationHDRight:hover {
    opacity: 0.0;
    cursor: url( "/icons/MDM/32/red_white/arrow-right-drop-circle_red_white.png" ) 10 4, pointer;
}

.DetailPictureNavigationLeftEnd:hover {
    opacity: 0.0;
    cursor: url( "/icons/MDM/32/red_white/pause_red_white.png" ) 10 4, pointer;
}

.DetailPictureNavigationRightEnd:hover {
    opacity: 0.0;
    cursor: url( "/icons/MDM/32/red_white/pause_red_white.png" ) 10 4, pointer;
}

.DetailPictureNavigationHDLeftEnd:hover {
    opacity: 0.0;
    cursor: url( "/icons/MDM/32/red_white/pause_red_white.png" ) 10 4, pointer;
}

.DetailPictureNavigationHDRightEnd:hover {
    opacity: 0.0;
    cursor: url( "/icons/MDM/32/red_white/pause_red_white.png" ) 10 4, pointer;
}

li {
    margin-left: 20px;
}

.ListMargin:not(:first-of-type) {
    margin-top: 10px;
}

.ListMargin:not(:last-of-type) {
    margin-bottom: 10px;
}

table,
table tr,
table td {
    padding: 0px;
    border: 0px;
    text-align: left;
}

table tr {
    border: 0px;
    height: 32px;
}

table td {
    border: 0px;
    height: 32px;
}

/**/

.W800 {
    width: 800px;
    min-width: 800px;
    max-width: 800px;
}

.W1024 {
    width: 1024px;
    min-width: 1024px;
    max-width: 1024px;
}

/**/

.W768 {
    width: 768px;
    min-width: 768px;
    max-width: 768px;
}

.W512 {
    width: 512px;
    min-width: 512px;
    max-width: 512px;
}

.W256 {
    width: 256px;
    min-width: 256px;
    max-width: 256px;
}

.W128 {
    width: 128px;
    min-width: 128px;
    max-width: 128px;
}

.W64 {
    width: 64px;
    min-width: 64px;
    max-width: 64px;
}

.W32 {
    width: 32px;
    min-width: 32px;
    max-width: 32px;
}

.W16 {
    width: 16px;
    min-width: 16px;
    max-width: 16px;
}

/**/

.W100 {
    width: 100px;
    min-width: 100px;
    max-width: 100px;
}

.W1 {
    width: 1px;
    min-width: 1px;
    max-width: 1px;
}

.W10 {
    width: 10px;
    min-width: 10px;
    max-width: 10px;
}

.W12 {
    width: 12px;
    min-width: 12px;
    max-width: 12px;
}

.W13 {
    width: 13px;
    min-width: 13px;
    max-width: 13px;
}

.W20 {
    width: 20px;
    min-width: 20px;
    max-width: 20px;
}

/**/

.W1000 {
    width: 1000px;
    min-width: 1000px;
    max-width: 1000px;
}

.W900 {
    width: 900px;
    min-width: 900px;
    max-width: 900px;
}

.W800 {
    width: 800px;
    min-width: 800px;
    max-width: 800px;
}

.W700 {
    width: 700px;
    min-width: 700px;
    max-width: 700px;
}

.W600 {
    width: 600px;
    min-width: 600px;
    max-width: 600px;
}

.W500 {
    width: 500px;
    min-width: 500px;
    max-width: 500px;
}

.W400 {
    width: 400px;
    min-width: 400px;
    max-width: 400px;
}

.W300 {
    width: 300px;
    min-width: 300px;
    max-width: 300px;
}

.W200 {
    width: 200px;
    min-width: 200px;
    max-width: 200px;
}

/**/

.W20 {
    width: 20px;
    min-width: 20px;
    max-width: 20px;
}

.W25 {
    width: 25px;
    min-width: 25px;
    max-width: 25px;
}

.W30 {
    width: 30px;
    min-width: 30px;
    max-width: 30px;
}

.W40 {
    width: 40px;
    min-width: 40px;
    max-width: 40px;
}

.W50 {
    width: 50px;
    min-width: 50px;
    max-width: 50px;
}

.W60 {
    width: 60px;
    min-width: 60px;
    max-width: 60px;
}

/**/

.W150 {
    width: 150px;
    min-width: 150px;
    max-width: 150px;
}

.W250 {
    width: 250px;
    min-width: 250px;
    max-width: 250px;
}

.W350 {
    width: 350px;
    min-width: 350px;
    max-width: 350px;
}

.W450 {
    width: 450px;
    min-width: 450px;
    max-width: 450px;
}

.W550 {
    width: 550px;
    min-width: 550px;
    max-width: 550px;
}

.W650 {
    width: 650px;
    min-width: 650px;
    max-width: 650px;
}

.W750 {
    width: 750px;
    min-width: 750px;
    max-width: 750px;
}

/**/

.W75 {
    width: 75px;
    min-width: 75px;
    max-width: 75px;
}

.W125 {
    width: 125px;
    min-width: 125px;
    max-width: 125px;
}

.W175 {
    width: 175px;
    min-width: 175px;
    max-width: 175px;
}

.W225 {
    width: 225px;
    min-width: 225px;
    max-width: 225px;
}

.W275 {
    width: 275px;
    min-width: 275px;
    max-width: 275px;
}

.W325 {
    width: 325px;
    min-width: 325px;
    max-width: 325px;
}

.W375 {
    width: 375px;
    min-width: 375px;
    max-width: 375px;
}

.W625 {
    width: 625px;
    min-width: 625px;
    max-width: 625px;
}

.W675 {
    width: 675px;
    min-width: 675px;
    max-width: 675px;
}

.W725 {
    width: 725px;
    min-width: 725px;
    max-width: 725px;
}

.W775 {
    width: 775px;
    min-width: 775px;
    max-width: 775px;
}

.W825 {
    width: 825px;
    min-width: 825px;
    max-width: 825px;
}

/**/

.W230 {
    width: 230px;
    min-width: 230px;
    max-width: 230px;
}

.W272 {
    width: 272px;
    min-width: 272px;
    max-width: 272px;
}

.W304 {
    width: 304px;
    min-width: 304px;
    max-width: 304px;
}

.W320 {
    width: 320px;
    min-width: 320px;
    max-width: 320px;
}

.W360 {
    width: 360px;
    min-width: 360px;
    max-width: 360px;
}

.W380 {
    width: 380px;
    min-width: 380px;
    max-width: 380px;
}


/**/

.W16 {
    width: 16px;
    min-width: 16px;
    max-width: 16px;
}

.W26 {
    width: 26px;
    min-width: 26px;
    max-width: 26px;
}

.W28 {
    width: 28px;
    min-width: 28px;
    max-width: 28px;
}

.W30 {
    width: 30px;
    min-width: 30px;
    max-width: 30px;
}

.W44 {
    width: 44px;
    min-width: 44px;
    max-width: 44px;
}

.W46 {
    width: 46px;
    min-width: 46px;
    max-width: 46px;
}

.W53 {
    width: 53px;
    min-width: 53px;
    max-width: 53px;
}

.W66 {
    width: 66px;
    min-width: 66px;
    max-width: 66px;
}

.W80 {
    width: 80px;
    min-width: 80px;
    max-width: 80px;
}

.W84 {
    width: 84px;
    min-width: 84px;
    max-width: 84px;
}

.W88 {
    width: 88px;
    min-width: 88px;
    max-width: 88px;
}

.W90 {
    width: 90px;
    min-width: 90px;
    max-width: 90px;
}

.W92 {
    width: 92px;
    min-width: 92px;
    max-width: 92px;
}

.W96 {
    width: 96px;
    min-width: 96px;
    max-width: 96px;
}

.W105 {
    width: 105px;
    min-width: 105px;
    max-width: 105px;
}

.W108 {
    width: 108px;
    min-width: 108px;
    max-width: 108px;
}

.W112 {
    width: 112px;
    min-width: 112px;
    max-width: 112px;
}

.W144 {
    width: 144px;
    min-width: 144px;
    max-width: 144px;
}

.W184 {
    width: 184px;
    min-width: 184px;
    max-width: 184px;
}

.W192 {
    width: 192px;
    min-width: 192px;
    max-width: 192px;
}

.W208 {
    width: 208px;
    min-width: 208px;
    max-width: 208px;
}

.W240 {
    width: 240px;
    min-width: 240px;
    max-width: 240px;
}

.W312 {
    width: 312px;
    min-width: 312px;
    max-width: 312px;
}

.W336 {
    width: 336px;
    min-width: 336px;
    max-width: 336px;
}

.W368 {
    width: 368px;
    min-width: 368px;
    max-width: 368px;
}

.W384 {
    width: 384px;
    min-width: 384px;
    max-width: 384px;
}

.W576 {
    width: 576px;
    min-width: 576px;
    max-width: 576px;
}

.W706 {
    width: 706px;
    min-width: 706px;
    max-width: 706px;
}

.W768 {
    width: 768px;
    min-width: 768px;
    max-width: 768px;
}

.W962 {
    width: 962px;
    min-width: 962px;
    max-width: 962px;
}

.W1008 {
    width: 1008px;
    min-width: 1008px;
    max-width: 1008px;
}

/* */
.BLACK {
    color: #000000;
}

.GREY {
    color: #888888;
}

.H16 {
    height: 16px;
}

.H20 {
    height: 20px;
}

.H26 {
    height: 26px;
}

.H32 {
    height: 32px;
}

.H40 {
    height: 40px;
}

.H48 {
    height: 48px;
}

.H50 {
    height: 50px;
}

.H64 {
    height: 64px;
}

.H80 {
    height: 80px;
}

.H96 {
    height: 96px;
}

.H112 {
    height: 112px;
}

.H350 {
    height: 350px;
}

table {
    border-spacing: 0;
    border-collapse: collapse;
}

.unglow,
.glow {
}

.Internal {
    color: blue;
}

.Media,
.MediaLong,
.body,
.bodybold,
.bodyblack,
.bodywhite,
.bodyright,
.bodyrightbold,
.bodyjustify,
.bodyjustifyblack,
.bodyjustifywhite,
.bodycenter,
.bodycenterbold,
.bodycenterblack,
.bodycenterwhite,
.bodycentereditionhead,
.bodycentereditionprice,
.bodycentereditiondescription,
.Section,
.SectionCenter,
.SubSection,
.SubSectionCenter,
.Large,
.LargeCenter,
.LargeLn,
.LargeCenterLn,
.pagetitle,
.Notice,
.name,
.heading1,
.heading2,
.heading3,
.list,
.BlogDate,
.BlogSubject,
.BlogBody,
.BlogCustomer,
.BlogCustomerBold,
.ShopCustomer,
.ShopCustomerBold,
.ShopCustomerRight,
.ShopCustomerRightBold,
.ShopLLim,
.ShopLOpen,
.ShopLLimSold,
.ShopLLimStock,
.ShopLOpenStock,
.ShopLLimBold,
.ShopLOpenBold,
.ShopLModify,
.Address {
    font-family: 'Open Sans',Arial, sans-serif;font-weight: 400;
    font-size: var(--font-size14);
    font-weight: normal;
    text-decoration: none;
    text-align: left;
}

.Media,
.MediaLong,
.body,
.bodybold,
.bodyblack,
.bodywhite,
.bodyright,
.bodyrightbold,
.bodyjustify,
.bodyjustifyblack,
.bodyjustifywhite,
.bodycenter,
.bodycenterbold,
.bodycenterblack,
.bodycenterwhite,
.bodycentereditionhead,
.bodycentereditionprice,
.bodycentereditiondescription {
    vertical-align: top;
}

.Media,
.MediaLong,
.body,
.bodybold,
.bodyblack,
.bodyright,
.bodyrightbold,
.bodyjustify,
.bodyjustifyblack,
.bodycenter,
.bodycenterbold,
.bodycenterblack,
.bodycentereditionhead,
.bodycentereditionprice,
.bodycentereditiondescription,
.Section,
.SectionCenter,
.SubSection,
.SubSectionCenter,
.pagetitle,
.Notice,
.name,
.heading1,
.heading2,
.heading3,
.list,
.BlogDate,
.BlogSubject,
.BlogBody,
.BlogCustomer,
.BlogCustomerBold,
.ShopCustomer,
.ShopCustomerBold,
.ShopCustomerRight,
.ShopCustomerRightBold,
.ShopLLim,
.ShopLOpen,
.ShopLLimSold,
.ShopLLimStock,
.ShopLOpenStock,
.ShopLLimBold,
.ShopLOpenBold,
.ShopLModify,
.pagetitle,
.Notice,
.Section,
.SectionCenter,
.SubSection,
.SubSectionCenter,
.Large,
.LargeCenter,
.LargeLn,
.LargeCenterLn,
.heading1,
.heading2,
.heading3,
.Address {
    color: #000000;
}

.bodywhite,
.bodyjustifywhite,
.bodycenterwhite {
    color: #FFFFFF;
}

.bodyjustify,
.bodyjustifyblack,
.bodyjustifywhite {
    text-align: justify;
}

.bodyright,
.bodyrightbold {
    text-align: right;
}

.bodycenter,
.bodycenterbold,
.bodycenterblack,
.bodycenterwhite,
.bodycentereditionhead,
.bodycentereditionprice,
.bodycentereditiondescription,
.ShopLLim,
.ShopLOpen,
.ShopLLimSold,
.ShopLLimStock,
.ShopLOpenStock,
.ShopLLimBold,
.ShopLOpenBold,
.ShopLModify,
.Address {
    text-align: center;
}

.bodyrightbold,
.bodycenterbold,
.BlogCustomerBold,
.ShopCustomerBold,
.ShopCustomerRightBold,
.ShopLLimStock,
.ShopLOpenStock,
.ShopLLimBold,
.ShopLOpenBold,
.Address {
    font-weight: bold;
}

.ShopCustomerRight,
.ShopCustomerRightBold {
    text-align: right;
}

.bodycentereditionhead {
    font-size: var(--font-size24);
    background-color: #CDECFD;
}

.bodycentereditionprice {
    font-size: var(--font-size16);
    background-color: #3DBAFC;
}

.bodycentereditiondescription {
    font-size: var(--font-size14);
    background-color: #deeef7;
}

.bodybold,
.BlogDate,
.BlogSubject {
    font-weight: bold;
}

.BlogDate,
.BlogSubject {
    vertical-align: bottom;
    height: 30px;
}

.BlogSubject,
.BlogBody {
    width: 700px;
    min-width: 700px;
    max-width: 700px;
    @media screen and (orientation:portrait) and (max-width: 12px) {
        width: 800px;
        min-width: 800px;
        max-width: 800px;
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (min-width: 2600px) {
        width: 1400px;
        min-width: 1400px;
        max-width: 1400px;
    }
}

.BlogDate {
    width: 100px;
    min-width: 100px;
    max-width: 100px;
    @media screen and (orientation:portrait) and (max-width: 12px) {
        width: 200px;
        min-width: 200px;
        max-width: 200px;
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
        width: {W666}px;
        min-width: 66px;
        max-width: 66px;
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (min-width: 2600px) {
        width: 200px;
        min-width: 200px;
        max-width: 200px;
    }
}

.CVKey {
    width: 300px;
    min-width: 300px;
    max-width: 300px;
    @media screen and (orientation:portrait) and (max-width: 12px) {
        width: 375px;
        min-width: 375px;
        max-width: 375px;
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
        width: 125px;
        min-width: 125px;
        max-width: 125px;
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (min-width: 2600px) {
        width: 600px;
        min-width: 600px;
        max-width: 600px;
    }
}

.CVData {
    width: 500px;
    min-width: 500px;
    max-width: 500px;
    @media screen and (orientation:portrait) and (max-width: 12px) {
        width: 625px;
        min-width: 625px;
        max-width: 625px;
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
        width: 208px;
        min-width: 208px;
        max-width: 208px;
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (min-width: 2600px) {
        width: 1000px;
        min-width: 1000px;
        max-width: 1000px;
    }
}

.Section,
.SectionCenter,
.SectionLn,
.SectionleftLn,
.SectionCenterLn,
.Large,
.LargeCenter,
.LargeLn,
.LargeCenterLn,
.pagetitle,
.Notice {
    height: 50px;
    font-size: var(--font-size16);
    font-weight: bold;
}

.Section,
.SectionCenter {
   padding-top: var(--font-size32);
}

.SubSection,
.SubSectionCenter {
    vertical-align: bottom;
    height: 24px;
    font-size: var(--font-size16);
    font-weight: bold;
    padding-top: var(--font-size32);
}

.name {
    height: 50px;
    font-size: var(--font-size54);
    text-align: center;
}

.heading1 {
    height: 30px;
    font-size: var(--font-size16);
    font-weight: bold;
    vertical-align: bottom;
}

.heading2 {
    height: 25px;
    font-size: var(--font-size14);
    font-weight: bold;
    vertical-align: bottom;
}

.heading3 {
    height: 20px;
    font-size: var(--font-size14);
    font-weight: bold;
    vertical-align: bottom;
}

.SectionleftLn {
    text-align: left;
}

.SectionCenter,
.SubSectionCenter,
.SectionCenterLn,
.LargeCenter,
.LargeCenterLn,
.pagetitle,
.Notice {
    text-align: center;
}

.SectionCenter,
.SubSectionCenter  {
  width: 800px;
  min-width: 800px;
  max-width: 800px;
}


.pagetitle,
.Notice {
    font-size: var(--font-size20);
}

.Notice {
    color: #FF0000;
}

.list {
    padding: 0px 0px 0px 10px;
    list-style-type: square;
    color: #000000;
}

.picture,
.pictureblack {
    font-family: 'Open Sans',Arial, sans-serif;font-weight: 400;
    font-size: var(--font-size14);
    font-weight: normal;
    text-decoration: none;
    margin-top: 1px;
    margin-left: 0px;
    margin-bottom: 1px;
}

.picture,
.pictureblack {
    color: #000000;
}

.picturewhite {
    color: #FFFFFF;
}

.sectionwhite {
    font-family: 'Open Sans',Arial, sans-serif;font-weight: 400;
    font-size: var(--font-size14);
    font-weight: bold;
    color: #FFFFFF;
    text-align: center;
    text-decoration: none;
}
.tableheader {
    font-family: 'Open Sans',Arial, sans-serif;font-weight: 400;
    font-size: var(--font-size14);
    font-weight: bold;
    color: #FFFFFF;
    text-decoration: none;
}

.lnd,
.slnd,
.lndBold {
    font-family: 'Open Sans',Arial, sans-serif;font-weight: 400;
    font-size: var(--font-size14);
    color: #000000;
    text-decoration: none;
    transition: color 0.2s ease-out, background 0.2s ease-in;
}

.slnd {
    font-size: var(--font-size12);
    font-weight: bold;
}

.lndBold {
    font-weight: bold;
}

.lnd:hover,
.slnd:hover,
.lndBold:hover {
    color: #FF0000;
    cursor: url( "/icons/MDM/24/blue_white/cursor-pointer_blue_white.png" ) 10 4, pointer;
}

.ln {
    font-family: 'Open Sans',Arial, sans-serif;font-weight: 400;
    font-size: var(--font-size14);
    color: #000000;
    text-decoration: none;
}

.SectionLn,
.SectionleftLn,
.SectionCenterLn {
    color: #000000;
    text-decoration: none;
    text-decoration: none;
    transition: color 0.2s ease-out, background 0.2s ease-in;
}

.SectionLn:hover,
.SectionleftLn:hover,
.SectionCenterLn:hover {
    color: #FF0000;
    cursor: url( "/icons/MDM/24/blue_white/cursor-pointer_blue_white.png" ) 10 4, pointer;
}


.SiteMapRow {
    height: 64px;
}

.SiteMapLinkId,
.SiteMapLinkTitle,
.SiteMapLink1,
.SiteMapLink2,
.SiteMapLink3,
.SiteMapLink4,
.SiteMapLink5,
.SiteMapLink6,
.SiteMapLink7,
.SiteMapLink8,
.SiteMapLink9,
.SiteMapLink10,
.SiteMapLinkIdHead,
.SiteMapLinkPicHead,
.SiteMapLinkTitleHead,
.SiteMapLink1Head,
.SiteMapLink2Head,
.SiteMapLink3Head,
.SiteMapLink4Head,
.SiteMapLink5Head,
.SiteMapLink6Head,
.SiteMapLink7Head,
.SiteMapLink8Head,
.SiteMapLink9Head,
.SiteMapLink10Head {
    position: absolute;
    font-family: 'Open Sans', sans-serif;font-weight: 400;
    font-size: var(--font-size14);
    color: #000000;
    text-decoration: none;
    text-align: center;
    vertical-align: text-middle;
    line-height: 64px;

    width: 127px;
    height: 64px;
    margin-top: 0px;
    margin-left: 0px;
    margin-bottom: 0px;
    margin-right: 0px;
    border-style: solid;
    border-top-width: 1px;
    border-top-color: #000000;
    border-bottom-width: 1px;
    border-bottom-color: #000000;
    border-left-color: #000000;
    border-left-width: 1px;
    border-right-color: #000000;
    border-right-width: 1px;
    background-color: #dddddd;
}

.SiteMapLinkIdHead,
.SiteMapLinkTitleHead,
.SiteMapLink1Head,
.SiteMapLink2Head,
.SiteMapLink3Head,
.SiteMapLink4Head,
.SiteMapLink5Head,
.SiteMapLink6Head,
.SiteMapLink7Head,
.SiteMapLink8Head,
.SiteMapLink9Head,
.SiteMapLink10Head {
    font-weight: bold;
}

.SiteMapLinkId,
.SiteMapLinkIdHead {
    left: 0px;
    width: 64px;
}
.SiteMapLinkTitle,
.SiteMapLinkTitleHead {
    left: 64px;
    width: 384px;
    text-align: left;
    padding-left: 5px;
}

.SiteMapLink1,
.SiteMapLink1Head {
    left: 480px;
}
.SiteMapLink2,
.SiteMapLink2Head {
    left: 608px;
}
.SiteMapLink3,
.SiteMapLink3Head {
    left: 768px;
}
.SiteMapLink4,
.SiteMapLink4Head {
    left: 896px;
}
.SiteMapLink5,
.SiteMapLink5Head {
    left: 1024px;
}
.SiteMapLink6,
.SiteMapLink6Head {
    left: 1152px;
}
.SiteMapLink7,
.SiteMapLink7Head {
    left: 1280px;
}
.SiteMapLink8,
.SiteMapLink8Head {
    left: 1408px;
}
.SiteMapLink9,
.SiteMapLink9Head {
    left: 1536px;
}
.SiteMapLink10,
.SiteMapLink10Head {
    left: 1664px;
}

.mail,
.mailblack,
.mailwhite,
.mailcenter {
    font-family: 'Open Sans',Arial, sans-serif;font-weight: 400;
    font-size: var(--font-size14);
    font-weight: bold;
    text-decoration: none;
}

.mail,
.mailblack,
.mailcenter {
    color: #000000;
}

.mailwhite {
    color: #FFFFFF;
}

.mailcenter {
    text-align: center;
}

.copy,
.copyblack,
.copywhite,
.copycenter,
.copycenterblack,
.copycenterwhite {
    font-family: 'Open Sans',Arial, sans-serif;font-weight: 400;
    font-size: var(--font-size14);
    text-decoration: none;
}

.copy,
.copycenter {
    color: #888888;
}

.copyblack,
.copycenterblack {
    color: #000000;
}

.copywhite,
.copycenterwhite {
    color: #FFFFFF;
}

.copycenter,
.copycenterblack,
.copycenterwhite  {
    text-align: center;
}

.copycenter {
    transition: color 0.2s ease-out, background 0.2s ease-in;
}
.copycenter:hover {
    color: #FF0000;
    cursor: url( "/icons/MDM/24/blue_white/cursor-pointer_blue_white.png" ) 10 4, pointer;
}

.checkbox {
    font-family: 'Open Sans',Arial, sans-serif;font-weight: 400;
    font-size: var(--font-size14);
    font-weight: normal;
    text-align: center;
    color: #FFFFFF;
    text-decoration: none;
}

div {
    border: 0px;
}

.ContainerAbsolute {
    position: absolute;
    width: 1246px;
    min-width: 1246px;
    max-width: 1246px;
    margin-left: -622px;
    @media screen and (orientation:portrait) and (max-width: 12px) {
        width: 1080px;
        min-width: 1080px;
        max-width: 1080px;
        margin-left: -540px;
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
        width: 360px;
        min-width: 360px;
        max-width: 360px;
        margin-left: -180px;
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (min-width: 2600px) {
        width: 2492px;
        min-width: 2492px;
        max-width: 2492px;
        margin-left: -1080px;
    }
    height: 100%;
    left: 50%;
    top: 0%;
    margin-top: 0px;
    background-color: #fdfdfd;
}

.ContainerFixed {
    position: fixed;
    width: 1244px;
    min-width: 1244px;
    max-width: 1244px;
    margin-left: -622px;
    @media screen and (orientation:portrait) and (max-width: 12px) {
        width: 1080px;
        min-width: 1080px;
        max-width: 1080px;
        margin-left: -540px;
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
        width: 360px;
        min-width: 360px;
        max-width: 360px;
        margin-left: -180px;
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (min-width: 2600px) {
        width: 2160px;
        min-width: 2160px;
        max-width: 2160px;
        margin-left: -1080px;
    }
    height: 100%;
    left: 50%;
    top: 0%;
    margin-top: 0px;
    background-color: #fdfdfd;
    border-left-width: 1px;
    border-right-width: 1px;
    border-left-color: #fdfdfd;
    border-right-color: #fdfdfd;
    border-top-style: none;
    border-left-style: solid;
    border-right-style: solid;
    border-bottom-style: none;
}

.ContainerCinema {
    position: fixed;
    width: 1984px;
    height: 100%;
    left: 50%;
    top: 64px;
    margin-top: 0px;
    margin-left: -992px;
    background-color: #fdfdfd;
    border: 1px;
    border-left-color: #fdfdfd;
    border-right-color: #fdfdfd;
    border-top-style: none;
    border-left-style: solid;
    border-right-style: solid;
    border-bottom-style: none;
}

.SiteMapContainerFixed {
    position: fixed;
    height: 100%;
    top: 0%;
    left: 0px;
    right: 0px;
    margin-top: 0px;
    background-color: #fdfdfd;
}

.ContainerHeader {
    position: relative;
    width: 1246px;
    min-width: 1246px;
    max-width: 1246px;
    height: 64px;
    @media screen and (orientation:portrait) and (max-width: 12px) {
        width: 1080px;
        min-width: 1080px;
        max-width: 1080px;
        height: 128px;
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
        width: 360px;
        min-width: 360px;
        max-width: 360px;
        height: 42px;
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (min-width: 2600px) {
        width: 2492px;
        min-width: 2492px;
        max-width: 2492px;
        height: 128px;
    }
    left: 0px;
    top: 0px;
    margin-top: 0px;
    margin-left: 0px;
}

.Screen {
    width: 100%;
    height: 100%;
    background-color: #111111;
}

.ScreenPicture {
}

.InfoIconInFront {
    overflow-y: hidden;
    overflow-x: hidden;
    display: inline-block;
    position: absolute;
    width: 22px;
    height: 19px;
    left: 0px;
    top: 0px;
    margin-top: 0px;
    margin-left: 0px;
    margin-bottom: 0px;
    background-color: #fdfdfd;

    border: 1px;
    border-left-color:#fdfdfd;
    border-top-style: none;
    border-left-style: solid;
    border-right-style: none;
    border-bottom-style: none;
    position: relative;
    line-height: 16px;
    font-family: 'Open Sans',Arial, sans-serif;font-weight: 400;
    font-size: var(--font-size16);
    vertical-align: middle;
    font-weight: normal;
    text-decoration: none;
    color: #686868;

    position: absolute;
}

.Menu {
    position: absolute;
    width: var(--icon-size);
    height: var(--icon-size);
    top: 0px;
    left: 0px;
    @media screen and (orientation:portrait) and (max-width: 12px) {
        top: 32px;
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
        top: 10px;
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (min-width: 2600px) {
        left: 0px;
    }
    background-color: #fdfdfd;
    text-align: center;
    vertical-align: middle;
    border-style: solid;

    border-bottom-width: 1px;
    border-bottom-color: #fdfdfd;
    border-top-style: none;
    border-left-style: none;
    border-right-style: none;
    border-bottom-style: solid;
}

.MenuItem1,
.MenuItem2,
.MenuItem2ID,
.MenuItem3,
.MenuItem3ID,
.MenuItem4,
.MenuItem4ID,
.MenuItem5,
.MenuItem5ID,
.MenuItem6,
.MenuItem7,
.MenuItem8,
.MenuItem9,
.MenuItem1Current,
.MenuItem2Current,
.MenuItem2IDCurrent,
.MenuItem3Current,
.MenuItem3IDCurrent,
.MenuItem4Current,
.MenuItem4IDCurrent,
.MenuItem5Current,
.MenuItem5IDCurrent,
.MenuItem6Current,
.MenuItem7Current,
.MenuItem8Current,
.MenuItem9Current,
.MenuItem1Empty,
.MenuItem2Empty,
.MenuItem2IDEmpty,
.MenuItem3Empty,
.MenuItem3IDEmpty,
.MenuItem4Empty,
.MenuItem4IDEmpty,
.MenuItem5Empty,
.MenuItem5IDEmpty,
.MenuItem6Empty,
.MenuItem7Empty,
.MenuItem8Empty,
.MenuItem9Empty,
.MenuItemIcon24,
.MenuItemIcon25,
.MenuItemIcon24Disabled,
.MenuItemIcon25Disabled,
.MenuItemIcon34,
.MenuItemIcon35,
.MenuItemIcon34Disabled,
.MenuItemIcon35Disabled,
.MenuItemIcon44,
.MenuItemIcon45,
.MenuItemIcon44Disabled,
.MenuItemIcon45Disabled,
.MenuItemIcon51,
.MenuItemIcon52,
.MenuItemIcon53,
.MenuItemIcon54,
.MenuItemIcon55,
.MenuItemIcon51Disabled,
.MenuItemIcon52Disabled,
.MenuItemIcon53Disabled,
.MenuItemIcon54Disabled,
.MenuItemIcon55Disabled {
    overflow-y: hidden;
    overflow-x: hidden;
    display: inline-block;
    position: relative;
    width: 220px;
    height: 19px;
    line-height: 16px;
    @media screen and (orientation:portrait) and (max-width: 12px) {
        width: 440px;
        height: 38px;
        line-height: 38px;
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (orientation:portrait) and (max-width: 50px) {
    }
    @media screen and (min-width: 2600px) {
        width: 440px;
        height: 38px;
        line-height: 38px;
    }
    top: 0px;
    margin-top: 0px;
    margin-left: 0px;
    margin-bottom: 0px;
    background-color: #fdfdfd;

    border: 1px;
    border-left-color:#fdfdfd;
    border-top-style: none;
    border-left-style: solid;
    border-right-style: none;
    border-bottom-style: none;
    position: relative;
    font-family: 'Open Sans',Arial, sans-serif;font-weight: 400;
    font-size: var(--font-size16);
    vertical-align: middle;
    font-weight: normal;
    text-decoration: none;
    color: #686868;
}


.MenuItem1,
.MenuItem2,
.MenuItem2ID,
.MenuItem3,
.MenuItem3ID,
.MenuItem4,
.MenuItem4ID,
.MenuItem5,
.MenuItem5ID,
.MenuItem6,
.MenuItem7,
.MenuItem8,
.MenuItem9,
.MenuItem1Current,
.MenuItem2Current,
.MenuItem2IDCurrent,
.MenuItem3Current,
.MenuItem3IDCurrent,
.MenuItem4Current,
.MenuItem4IDCurrent,
.MenuItem5Current,
.MenuItem5IDCurrent,
.MenuItem6Current,
.MenuItem7Current,
.MenuItem8Current,
.MenuItem9Current,
.MenuItem1Empty,
.MenuItem2Empty,
.MenuItem2IDEmpty,
.MenuItem3Empty,
.MenuItem3IDEmpty,
.MenuItem4Empty,
.MenuItem4IDEmpty,
.MenuItem5Empty,
.MenuItem5IDEmpty,
.MenuItem6Empty,
.MenuItem7Empty,
.MenuItem8Empty,
.MenuItem9Empty,
.MenuItemIcon24,
.MenuItemIcon25,
.MenuItemIcon24Disabled,
.MenuItemIcon25Disabled,
.MenuItemIcon34,
.MenuItemIcon35,
.MenuItemIcon34Disabled,
.MenuItemIcon35Disabled,
.MenuItemIcon44,
.MenuItemIcon45,
.MenuItemIcon44Disabled,
.MenuItemIcon45Disabled,
.MenuItemIcon51,
.MenuItemIcon52,
.MenuItemIcon53,
.MenuItemIcon54,
.MenuItemIcon55,
.MenuItemIcon51Disabled,
.MenuItemIcon52Disabled,
.MenuItemIcon53Disabled,
.MenuItemIcon54Disabled,
.MenuItemIcon55Disabled {
    left: 0px;
}

.ButtonMicro,
.ButtonMicroRight {
    position: absolute;
    top: 0px;
    width: var(--icon-size-micro);
    height: var(--icon-size-micro);
}

.ButtonMicro {
    left: 0px;
}

.ButtonMicroRight {
    right: 0px;
}

.MenuItem2,
.MenuItem2Current,
.MenuItem2Empty {
    width: 204px;
    left: 16px;
    @media screen and (orientation:portrait) and (max-width: 12px) {
        width: 408px;
        left: 32px;
    }
    @media screen and (min-width: 2600px) {
        width: 408px;
        left: 32px;
    }
}

.MenuItem2ID,
.MenuItem2IDCurrent,
.MenuItem2IDEmpty {
    width: 204px;
    left: 0px;
    @media screen and (orientation:portrait) and (max-width: 12px) {
        width: 408px;
    }
    @media screen and (min-width: 2600px) {
       width: 408px;
    }
    border: 0px;
}

.MenuItem3,
.MenuItem3Current,
.MenuItem3Empty {
    width: 188px;
    left: 32px;
    @media screen and (orientation:portrait) and (max-width: 12px) {
         width: 376px;
         left: 64px;
    }
    @media screen and (min-width: 2600px) {
         width: 376px;
         left: 64px;
    }
}

.MenuItem3ID,
.MenuItem3IDCurrent,
.MenuItem3IDEmpty {
    width: 188px;
    left: 0px;
    @media screen and (orientation:portrait) and (max-width: 12px) {
         width: 376px;
    }
    @media screen and (min-width: 2600px) {
         width: 376px;
    }
    border: 0px;
}

.MenuItem4,
.MenuItem4Current,
.MenuItem4Empty {
    width: 172px;
    left: 48px;
    @media screen and (orientation:portrait) and (max-width: 12px) {
         width: 344px;
         left: 96px;
    }
    @media screen and (min-width: 2600px) {
         width: 344px;
         left: 96px;
    }
}

.MenuItem4ID,
.MenuItem4IDCurrent,
.MenuItem4IDEmpty {
    width: 172px;
    left: 0px;
    @media screen and (orientation:portrait) and (max-width: 12px) {
         width: 344px;
    }
    @media screen and (min-width: 2600px) {
         width: 344px;
    }
    border: 0px;
}

.MenuItem5,
.MenuItem5Current,
.MenuItem5Empty {
    width: 156px;
    left: 64px;
    @media screen and (orientation:portrait) and (max-width: 12px) {
         width: 312px;
         left: 128px;
    }
    @media screen and (min-width: 2600px) {
         width: 312px;
         left: 128px;
    }
}

.MenuItem5ID,
.MenuItem5IDCurrent,
.MenuItem5IDEmpty {
    width: 156px;
    left: 0px;
    @media screen and (orientation:portrait) and (max-width: 12px) {
         width: 312px;
    }
    @media screen and (min-width: 2600px) {
         width: 312px;
    }
    border: 0px;
}

.MenuItem6,
.MenuItem6Current,
.MenuItem6Empty {
    width: 140px;
    left: 80px;
    @media screen and (orientation:portrait) and (max-width: 12px) {
         width: 280px;
         left: 160px;
    }
    @media screen and (min-width: 2600px) {
         width: 280px;
         left: 160px;
    }
}

.MenuItem7,
.MenuItem7Current,
.MenuItem7Empty {
    width: 124px;
    left: 96px;
    @media screen and (orientation:portrait) and (max-width: 12px) {
         width: 248px;
         left: 192px;
    }
    @media screen and (min-width: 2600px) {
         width: 248px;
         left: 192px;
    }
}

.MenuItem8,
.MenuItem8Current,
.MenuItem8Empty {
    width: 108px;
    left: 112px;
    @media screen and (orientation:portrait) and (max-width: 12px) {
         width: 216px;
         left: 224px;
    }
    @media screen and (min-width: 2600px) {
         width: 216px;
         left: 224px;
    }
}

.MenuItem9,
.MenuItem9Current,
.MenuItem9Empty {
    width: 92px;
    left: 128px;
    @media screen and (orientation:portrait) and (max-width: 12px) {
         width: 184px;
         left: 256px;
    }
    @media screen and (min-width: 2600px) {
         width: 184px;
         left: 256px;
    }
    font-size: var(--font-size14);
    display: block;
}

.MenuItem1Current,
.MenuItem2Current,
.MenuItem2IDCurrent,
.MenuItem3Current,
.MenuItem3IDCurrent,
.MenuItem4Current,
.MenuItem4IDCurrent,
.MenuItem5Current,
.MenuItem5IDCurrent,
.MenuItem6Current,
.MenuItem7Current,
.MenuItem8Current,
.MenuItem9Current {
    color: #000000;
    font-weight: bold;
}

.MenuItem1Empty,
.MenuItem2Empty,
.MenuItem3Empty,
.MenuItem4Empty,
.MenuItem5Empty,
.MenuItem6Empty,
.MenuItem7Empty,
.MenuItem8Empty,
.MenuItem9Empty {

}

.MenuItem1,
.MenuItem2,
.MenuItem3,
.MenuItem4,
.MenuItem5,
.MenuItem5ID,
.MenuItem6,
.MenuItem7,
.MenuItem8,
.MenuItem9,
.MenuItem1Current,
.MenuItem2Current,
.MenuItem3Current,
.MenuItem4Current,
.MenuItem5Current,
.MenuItem5IDCurrent,
.MenuItem6Current,
.MenuItem7Current,
.MenuItem8Current,
.MenuItem9Current {
    transition: color 0.2s ease-out, background 0.2s ease-in;
}

.MenuItemIcon24,
.MenuItemIcon25,
.MenuItemIcon24Disabled,
.MenuItemIcon25Disabled,
.MenuItemIcon34,
.MenuItemIcon35,
.MenuItemIcon34Disabled,
.MenuItemIcon35Disabled,
.MenuItemIcon44,
.MenuItemIcon45,
.MenuItemIcon44Disabled,
.MenuItemIcon45Disabled,
.MenuItemIcon51,
.MenuItemIcon52,
.MenuItemIcon53,
.MenuItemIcon54,
.MenuItemIcon55,
.MenuItemIcon51Disabled,
.MenuItemIcon52Disabled,
.MenuItemIcon53Disabled,
.MenuItemIcon54Disabled,
.MenuItemIcon55Disabled {
    position: absolute;
}

.MenuItemIcon24,
.MenuItemIcon24Disabled {
    width: var(--icon-size-micro);
    left: 162px;
    @media screen and (orientation:portrait) and (max-width: 12px) {
        left: 296px;
    }
    @media screen and (min-width: 2600px) {
        left: 296px;
    }
}

.MenuItemIcon25,
.MenuItemIcon25Disabled {
    width: var(--icon-size-micro);
    left: 180px;
    @media screen and (orientation:portrait) and (max-width: 12px) {
        left: 328px;
    }
    @media screen and (min-width: 2600px) {
        left: 328px;
    }
}

.MenuItemIcon34,
.MenuItemIcon34Disabled {
    width: var(--icon-size-micro);
    left: 146px;
    @media screen and (orientation:portrait) and (max-width: 12px) {
        left: 296px;
    }
    @media screen and (min-width: 2600px) {
        left: 296px;
    }
}

.MenuItemIcon35,
.MenuItemIcon35Disabled {
    width: var(--icon-size-micro);
    left: 164px;
    @media screen and (orientation:portrait) and (max-width: 12px) {
        left: 328px;
    }
    @media screen and (min-width: 2600px) {
        left: 328px;
    }
}

.MenuItemIcon44,
.MenuItemIcon44Disabled {
    width: var(--icon-size-micro);
    left: 130px;
    @media screen and (orientation:portrait) and (max-width: 12px) {
        left: 264px;
    }
    @media screen and (min-width: 2600px) {
        left: 264px;
   }
}

.MenuItemIcon45,
.MenuItemIcon45Disabled {
    width: var(--icon-size-micro);
    left: 148px;
    @media screen and (orientation:portrait) and (max-width: 12px) {
        left: 296px;
    }
    @media screen and (min-width: 2600px) {
        left: 296px;
    }
}

.MenuItemIcon51,
.MenuItemIcon51Disabled {
    width: var(--icon-size-micro);
    left: 60px;
    @media screen and (orientation:portrait) and (max-width: 12px) {
        left: 120px;
    }
    @media screen and (min-width: 2600px) {
        left: 120px;
   }
}

.MenuItemIcon52,
.MenuItemIcon52Disabled {
    width: var(--icon-size-micro);
    left: 78px;
    @media screen and (orientation:portrait) and (max-width: 12px) {
        left: 156px;
    }
    @media screen and (min-width: 2600px) {
        left: 156px;
   }
}

.MenuItemIcon53,
.MenuItemIcon53Disabled {
    width: var(--icon-size-micro);
    left: 96px;
    @media screen and (orientation:portrait) and (max-width: 12px) {
        left: 192px;
    }
    @media screen and (min-width: 2600px) {
        left: 192px;
    }
}

.MenuItemIcon54,
.MenuItemIcon54Disabled {
    width: var(--icon-size-micro);
    left: 114px;
    @media screen and (orientation:portrait) and (max-width: 12px) {
        left: 228px;
    }
    @media screen and (min-width: 2600px) {
        left: 228px;
   }
}

.MenuItemIcon55,
.MenuItemIcon55Disabled {
    width: var(--icon-size-micro);
    left: 132px;
    @media screen and (orientation:portrait) and (max-width: 12px) {
        left: 264px;
    }
    @media screen and (min-width: 2600px) {
        left: 264px;
   }
}

.MenuItem1:hover,
.MenuItem2:hover,
.MenuItem2ID:hover,
.MenuItem3:hover,
.MenuItem3ID:hover,
.MenuItem4:hover,
.MenuItem4ID:hover,
.MenuItem5:hover,
.MenuItem5ID:hover,
.MenuItem6:hover,
.MenuItem7:hover,
.MenuItem8:hover,
.MenuItem9:hover,
.MenuItem1Current:hover,
.MenuItem2Current:hover,
.MenuItem2IDCurrent:hover,
.MenuItem3Current:hover,
.MenuItem3IDCurrent:hover,
.MenuItem4Current:hover,
.MenuItem4IDCurrent:hover,
.MenuItem5Current:hover,
.MenuItem5IDCurrent:hover,
.MenuItem6Current:hover,
.MenuItem7Current:hover,
.MenuItem8Current:hover,
.MenuItem9Current:hover {
    color: #FF0000;
    cursor: url( "/icons/MDM/24/blue_white/cursor-pointer_blue_white.png" ) 10 4, pointer;
}

.MenuBarItemEN,
.MenuBarItemDE,
.MenuBarItemCurrentEN,
.MenuBarItemCurrentDE,
.MenuBarItemCurrentSubEN,
.MenuBarItemCurrentSubDE {
    font-family: 'Open Sans',Arial, sans-serif;font-weight: 400;
    font-size: var(--font-size16);
    color: #000000;
    text-decoration: none;
    transition: color 0.2s ease-out, background 0.2s ease-in;
    float: left;
    margin-right: 20px;
    color: #686868;
}

.MenuBarItemDE,
.MenuBarItemDE {
    margin-right: 12px;
}

.MenuBarItemCurrentEN,
.MenuBarItemCurrentDE {
    color: #000000;
    font-weight: bold;
}

.MenuBarItemCurrentSubEN,
.MenuBarItemCurrentSubDE {
    text-decoration: underline;
    text-decoration-thickness: 2px;
    text-decoration-skip-ink: none;
    text-underline-offset: 4px;
}

.MenuBarItemEN:hover,
.MenuBarItemDE:hover,
.MenuBarItemCurrentEN:hover,
.MenuBarItemCurrentDE:hover,
.MenuBarItemCurrentSubEN:hover,
.MenuBarItemCurrentSubDE:hover {
    color: #FF0000;
    cursor: url( "/icons/MDM/24/blue_white/cursor-pointer_blue_white.png" ) 10 4, pointer;
}

.SubMenuBarItemEN,
.SubMenuBarItemDE,
.SubMenuBarItemCurrentEN,
.SubMenuBarItemCurrentDE {
    font-family: 'Open Sans',Arial, sans-serif;font-weight: 400;
    font-size: var(--font-size16);
    color: #000000;
    text-decoration: none;
    transition: color 0.2s ease-out, background 0.2s ease-in;
    float: left;
    margin-right: 20px;
    color: #686868;
}

.SubMenuBarItemDE,
.SubMenuBarItemCurrentDE {
    margin-right: 16px;
}

.SubMenuBarItemCurrentEN,
.SubMenuBarItemCurrentDE {
    color: #000000;
    font-weight: bold;
}

.SubMenuBarItemEN:hover,
.SubMenuBarItemDE:hover,
.SubMenuBarItemCurrentEN:hover,
.SubMenuBarItemCurrentDE:hover {
    color: #FF0000;
    cursor: url( "/icons/MDM/24/blue_white/cursor-pointer_blue_white.png" ) 10 4, pointer;
}

.Logo {
    position: absolute;
    width: 220px;
    height: 64px;
    top: 0px;
    left: 0px;
    background-color: #fdfdfd;
    text-align: left;
    vertical-align: middle;
    border-style: solid;

    border-left-width: 1px;
    border-left-color: #fdfdfd;
    border-top-style: none;
    border-left-style: none;
    border-right-style: none;
    border-bottom-style: none;
}

.LogoIcon,
.LogoIconOverlay {
    position: absolute;
    width: 220px;
    height: 64px;
    top: 0px;
    left: 0px;
    border: 0;
}

.LogoIconOverlay {
    opacity: 0.0;
}

.Logo:hover .LogoIconOverlay {
    transition: 0.3s ease;
    opacity: 1.0;
    cursor: url( "/icons/MDM/24/blue_white/cursor-pointer_blue_white.png" ) 10 4, pointer;
}

.Logo:hover .LogoIcon {
    transition: 0.3s ease;
    opacity: 0.0;
    cursor: url( "/icons/MDM/24/blue_white/cursor-pointer_blue_white.png" ) 10 4, pointer;
}

.Address {
    margin-left: auto;
    margin-right: auto;
    width: 220px;
    height: 80px;

    top: 0px;
    left: 0px;
    background-color: #fdfdfd;
    text-align: left;
    vertical-align: middle;
    border-style: solid;

    border-left-width: 1px;
    border-left-color: #fdfdfd;
    border-top-style: none;
    border-left-style: none;
    border-right-style: none;
    border-bottom-style: none;
}


.AddressIcon,
.AddressIconOverlay {
    position: absolute;
}

.AddressIconOverlay {
    opacity: 0.0;
}

.Address:hover .AddressIconOverlay {
    transition: 0.3s ease;
    opacity: 1.0;
    cursor: url( "/icons/MDM/24/blue_white/cursor-pointer_blue_white.png" ) 10 4, pointer;
}

.Address:hover .AddressIcon {
    transition: 0.3s ease;
    opacity: 0.0;
    cursor: url( "/icons/MDM/24/blue_white/cursor-pointer_blue_white.png" ) 10 4, pointer;
}

.Copyright {
    position: absolute;
    height: var(--icon-size);
    top: 0px;
    width: 536px;
    left: 220px;
    @media screen and (orientation:portrait) and (max-width: 12px) {
        width: 1080px;
        left: 0px;
    }
    @media screen and (min-width: 2600px) {
        width: 1072px;
        left: 440px;
    }
    background-color: #fdfdfd;
    text-align: center;
    font-family: 'Open Sans',Arial, sans-serif;font-weight: 400;
    font-size: var(--font-size14);
    text-decoration: none;
    border-bottom-width: 1px;
    border-bottom-color: #fdfdfd;
    border-bottom-style: solid;
    border-left-color: #fdfdfd;
    border-left-style: none;
    border-right-color: #fdfdfd;
    border-right-style: none;
}

.Title,
.Editions,
.TitleOverview,
.EditionsOverview,
.DescriptionOverview,
.EditionsCompatible {
    position: absolute;
    width: 536px;
    height: 29px;
    top: 33px;
    @media screen and (orientation:portrait) and (max-width: 12px) {
        top: 97px;
    }
    @media screen and (min-width: 2600px) {
        top: 66px;
    }
    left: 220px;
    background-color: #fdfdfd;
    text-align: center;
    vertical-align: middle;
    font-family: 'Open Sans',Arial, sans-serif;font-weight: 400;
    padding-top: 4px;
    font-size: var(--font-size16);
    text-decoration: none;
    color: #000000;

    border-bottom-color: #fdfdfd;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: solid;
    border-left-style: none;
}

.Title {
    font-weight: bold;
}

.TitleOverview {
    left: 0px;
    width: 220px;
    font-weight: bold;
}

.Editions {
    top: 128px;
    left: 0px;
    font-weight: bold;
}

.EditionsOverview {
    width: 220px;
    height: 64px;
    top: 256px;
    left: 0px;
    font-weight: bold;
}

.DescriptionOverview {
   width: 220px;
   top: 97px;
   left: 0px;
}

.EditionsCompatible {
    width: 220px;
    height: 64px;
    top: 256px;
    left: 0px;
    font-weight: bold;
}

.Purchase {
    position: absolute;
    width: 128px;
    height: 29px;
    top: 33px;
    left: 704px;
    background-color: #fdfdfd;
    text-align: center;
    vertical-align: middle;
    font-family: 'Open Sans',Arial, sans-serif;font-weight: 400;
    padding-top: 0px;
    font-size: var(--font-size16);
    text-decoration: none;

    border-bottom-color: #fdfdfd;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: solid;
    border-left-style: none;
}

.Serie,
.SerieSize,
.SerieOverview {
    position: absolute;
    width: 128px;
    height: 14px;
    background-color: #dddddd;
    text-align: center;
    vertical-align: middle;
    font-family: 'Open Sans',Arial, sans-serif;font-weight: 400;
    padding-top: 57px;
    padding-bottom: 57px;
    @media screen and (orientation:portrait) and (max-width: 12px) {
        padding-top: 40px;
        padding-bottom: 60px;
    }
    @media screen and (min-width: 2600px) {
    }
    font-size: var(--font-size14);
    text-decoration: none;
}

.Serie {
    width: 256px;
    height: 14px;
    @media screen and (orientation:portrait) and (max-width: 12px) {
        width: 512px;
        height: 28px;
    }
    @media screen and (min-width: 2600px) {
        width: 512px;
        height: 28px;
    }
    margin-top: 5px;
    position: relative;
    float: left;
    z-index: 1000;
}

.SerieSize {
    margin-top: 90px;
    background-color: #dddddd;
    padding-top: 0px;
    padding-bottom: 5px;
    height: 8px;
    font-size: var(--font-size10);
    color: #888888;
}

.SerieOverview {
    width: 256px;
    padding-top: 54px;
    padding-bottom: 54px;
    font-size: var(--font-size20);
}

.PicturesHeaderTitle {
    position: absolute;
    top: 58px;
    left: 0px;
    width: 224px;
    height: 70px;
    background-color: #fdfdfd;
    text-align: left;
    vertical-align: middle;
    font-family: 'Open Sans',Arial, sans-serif;font-weight: 400;
    font-size: var(--font-size28);
    text-decoration: none;
}

.PicturesHeaderFooter {
    position: absolute;
    top: 128px;
    left: 0px;
    width: 224px;
    height: 512px;
    text-align: left;
    vertical-align: middle;
    font-family: 'Open Sans',Arial, sans-serif;font-weight: 400;
    font-size: var(--font-size14);
    font-weight: normal;
}

.Filler {
    position: absolute;
    width: 192px;
    height: var(--icon-size);
    top: 0px;
    left: 832px;
    background-color: #fdfdfd;
    text-align: center;
    vertical-align: middle;
    border-style: solid;

    border-bottom-width: 1px;
    border-bottom-color: #fdfdfd;
    border-top-style: none;
    border-left-style: none;
    border-right-style: none;
    border-bottom-style: solid;
}

.ContainerSerieHeader {
    position: relative;
    width: 832px;
    height: 64px;
    left: 0px;
    top: 0px;
    margin-top: 0px;
    margin-left: 0px;
    background-color: #fdfdfd;
    min-width: 832px;
    max-width: 832px;
}

.SeriePicture,
.SerieOverviewPicture {
    position: absolute;
    width: 832px;
    height: 704px;
    left: 412px;
    top: 64px;
    margin-top: 0px;
    margin-left: 0px;
    background-color: #fdfdfd;
    min-width: 832px;
    max-width: 832px;

    border: 0px;
}

.SerieOverviewPicture {
    width: 704px;
    min-width: 704px;
    max-width: 704px;

}

.SeriePictureTitle {
    position: absolute;
    top: 672px;
    left: 32px;
    bottom: var(--icon-size);
    right: var(--icon-size);
    background-color: #fdfdfd;
    text-align: center;
    vertical-align: middle;
}

.SerieMenu,
.GroupMenu,
.MasterGroupMenu,
.DetailMenu,
.DetailOverview {
    overflow-y: hidden;
    overflow-x: hidden;
    display: inline-block;
    position: absolute;
    width: 220px;
    left: 0px;
    bottom: 0px;
    top: 64px;
    margin-top: 0px;
    margin-left: 0px;
    background-color: #fdfdfd;
    border-top-style: none;
    border-left-style: none;
    border-right-style: none;
    border-bottom-style: none;
}

.SerieContentFrame,
.SerieOverviewContentFrame {
    overflow-y: scroll;
    overflow-x: hidden;
    display: inline-block;
    position: absolute;
    width: 1024px;
    min-width: 1024px;
    max-width: 1024px;
    left: 220px;
    bottom: 0px;
    top: 64px;
    @media screen and (orientation:portrait) and (max-width: 12px) {
        width: 1080px;
        min-width: 1080px;
        max-width: 1080px;
        left: 0px;
        bottom: 0px;
        top: 128px;
    }
    @media screen and (min-width: 2600px) {
        width: 2048px;
        min-width: 2048px;
        max-width: 2048px;
        left: 440px;
        bottom: 0px;
        top: 64px;
    }

    bottom: 32px;
    margin-top: 0px;
    margin-left: 0px;
    background-color: #fdfdfd;

    border: 1px;
    border-left-color:#fdfdfd;
    border-top-style: none;
    border-left-style: solid;
    border-right-style: none;
    border-bottom-style: none;
}

.SerieOverviewContentFrame {
    top: 33px;
}

.SerieContent,
.SerieOverviewContent {
    position: absolute;
    width: 964px;
    left: 30px;
    top: 0px;
    margin-top: 0px;
    margin-left: 0px;
    background-color: #fdfdfd;
}

.StandardContainer,
.WideContainer {
    overflow-y: scroll;
    overflow-x: hidden;
    position: absolute;
    width: 1024px;
    min-width: 1024px;
    max-width: 1024px;
    left: 220px;
    top: 64px;
    @media screen and (orientation:portrait) and (max-width: 12px) {
        width: 1080px;
        min-width: 1080px;
        max-width: 1080px;
        left: 0px;
        top: 160px;
    }
    @media screen and (min-width: 2600px) {
        width: 2048px;
        min-width: 2048px;
        max-width: 2048px;
        left: 440px;
        top: 128px;
    }
    bottom:var(--icon-size);
    margin-top: 0px;
    margin-left: 0px;
    background-color: #fdfdfd;

    border: 1px;
    border-left-color: #fdfdfd;
    border-right-color: #fdfdfd;
    border-top-style: none;
    border-left-style: solid;
    border-right-style: solid;
    border-bottom-style: none;
}

.WideContainer {
    left: 0px;
    width: 1246px;
    min-width: 1246px;
    max-width: 1246px;
    @media screen and (orientation:portrait) and (max-width: 12px) {
        width: 1080px;
        min-width: 1080px;
        max-width: 1080px;
    }
    @media screen and (min-width: 2600px) {
        width: 2492px;
        min-width: 2492px;
        max-width: 2492px;
    }
}

.PostingHeader {
   position: absolute;
   top: 24px;
   left: 3px;
   width: 1226px;
   height: 522px;
   background-color: #fdfdfd;
}

.PostingHeaderLeft {
   position: absolute;
   top: 245px;
   left: 0px;
   width: 32px;
   height: 32px;
   display: none;
}

.PostingHeaderRight {
   position: absolute;
   top: 245px;
   right: 0px;
   width: 32px;
   height: 32px;
   display: none;
}

.PostingHeaderLeft:hover {
    color: #FF0000;
    cursor: url( "/icons/MDM/24/blue_white/cursor-pointer_blue_white.png" ) 10 4, pointer;
}

.PostingHeaderRight:hover {
    color: #FF0000;
    cursor: url( "/icons/MDM/24/blue_white/cursor-pointer_blue_white.png" ) 10 4, pointer;
}

.Slide {
    display:none;
}

.BannerLeft{
    float:left;
    cursor:pointer;
}

.BannerRight{
    float:right;
    cursor:pointer;
}

.Dots {
   position: absolute;
   top: 458px;
   width: 1226px;
   height: 32px;
   text-align:center;
   display:inline-block;
}

.Dot {
   position: absolute;
   top: 0px;
   left: 0px;
   width: 32px;
   height: 32px;
   border: 0px;
   display:inline-block;
}

.PostingHeaderPictureFrame {
   position: absolute;
   top: 0px;
   left: 0px;
   width: 444px;
   height: 444px;
   background-color: #fdfdfd;
}

.PostingHeaderText {
   position: absolute;
   top: 0px;
   left: 468px;
   width: 758px;
   height: 522px;
   background-color: #fdfdfd;
/*   background-color: #e4e4e3; */
}

.PostingWideHeaderPicture {
   width: 1226px;
   height: 522px;
}

.PostingWideHeaderPicture:hover {
    color: #FF0000;
    cursor: url( "/icons/MDM/24/blue_white/cursor-pointer_blue_white.png" ) 10 4, pointer;
}

.PostingHeaderPicture {
   width: 444px;
   height: 444px;
}

.PostingColumns {
   position: absolute;
   top: 572px;
   left: 0px;
   right: 0px;
   bottom: 0px;
}

.PostingCol1,
.PostingCol2,
.PostingCol3,
.PostingCol4 {
    position: absolute;
    top: 0px;
    height: auto;
    margin-right: 24px;
    margin-bottom: 24px;
    width: 288px;
    min-width: 288px;
    max-width: 288px;
}

.PostingCol1 {
    left: 3px;
}

.PostingCol2 {
    left: 315px;
}

.PostingCol3 {
    left: 627px;
}

.PostingCol4 {
    left: 941px;
}

.Posting {
    position: relative;
    text-decoration: none;
    color: #000000;
    display: flex;
    flex-direction: column;
    top: 0px;
    left: 0px;
    right: 0px;
    margin-bottom: 24px;
    background-color: #e4e4e3;
    width: 288px;
    min-width: 288px;
    max-width: 288px;
}

.PostingPictureFrame {
    position: relative;
    top: 0px;
    left: 0px;
    width: 288px;
    right: 0px;
    min-width: 288px;
    max-width: 288px;
}

.PhotoPosting {
    border: 1px solid #000000;
    width: 286px;
    min-width: 286px;
    max-width: 286px;
}

.PostingTitle,
.PostingArtist,
.PostingContent,
.PostingDescription {
    position: relative;
    font-family: 'Open Sans',Arial, sans-serif;font-weight: 400;
    left: 6px;
    width: 276px;
    right: 0px;
    min-width: 276px;
    max-width: 276px;
    background-color: #e4e4e3;
    display: block;
}

.PostingHeaderTitle,
.PostingHeaderArtist,
.PostingHeaderContent,
.PostingHeaderDescription,
.PostingHeaderNavigation {
    position: absolute;
    font-family: 'Open Sans',Arial, sans-serif;font-weight: 400;
    left: 6px;
    right: 6px;
    background-color: #fdfdfd;
    display: block;
    margin-bottom: 12px;
}

.PostingHeaderTitle {
    top: 0px;
    height: 42px;
    font-size: var(--font-size32);
    font-weight: bold;
    background-color: #e4e4e3;
}

.PostingHeaderArtist {
    top: 42px;
    height: 42px;
    font-size: var(--font-size32);
    font-weight: bold;
    background-color: #e4e4e3;
}

.PostingHeaderContent{
    top: 84px;
    height: 48px;
    font-size: var(--font-size14);
    background-color: #e4e4e3;
}

.PostingHeaderDescription {
    top: 132px;
    height: 358px;
    background-color: #e4e4e3;
}

.PostingHeaderNavigation {
    top: 490px;
    height: 32px;
    bottom: 0px;
}

.PostingTitle {
    font-size: var(--font-size16);
    font-weight: bold;
}

.PostingArtist {
    font-size: var(--font-size16);
    font-weight: bold;
}

.PostingHeaderContent,
.PostingContent {
    font-size: var(--font-size14);
    font-weight: bold;
}

.PostingIconFrame {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 20px;
    height: 20px;
}

.PostingHeaderDescription,
.PostingDescription {
    font-size: var(--font-size14);
    color: #686868;
}

.Posting:hover .slnd {
    color: #FF0000;
    cursor: url( "/icons/MDM/24/blue_white/cursor-pointer_blue_white.png" ) 10 4, pointer;
}

.Posting:hover {
    outline: 3px solid red;
    cursor: url( "/icons/MDM/24/blue_white/cursor-pointer_blue_white.png" ) 10 4, pointer;
}

.LegalContainerCinema,
.LegalContainer {
    z-index: 100000;
    position: absolute;
    width: 1024px;
    min-width: 1024px;
    max-width: 1024px;
    left: 220px;
    height: 29px;
    @media screen and (orientation:portrait) and (max-width: 12px) {
        width: 1080px;
        min-width: 1080px;
        max-width: 1080px;
        left: 0px;
        height: 29px;
    }
    @media screen and (min-width: 2600px) {
        width: 2048px;
        min-width: 2048px;
        max-width: 2048px;
        left: 440px;
        height: 58px;
    }
    bottom: 0px;
    margin-top: 0px;
    margin-left: 0px;
    background-color: #fdfdfd;

    border: 1px;
    border-left-color: #fdfdfd;
    border-right-color: #fdfdfd;
    border-top-style: none;
    border-left-style: solid;
    border-right-style: solid;
    border-bottom-style: none;
}

.LegalContainerCinema {
    left:auto;
    margin-left: auto;
    margin-right: auto;
}

.YouTubeSerie {
    position: absolute;
    top: 0px;
    left: 960px;
}


.LegalBlogEN,
.LegalBlogDE {
    position: absolute;
    top: 0px;
    width: 65px;
    min-width: 65px;
    max-width: 65px;
    left: 100px;
}

.LegalBlogDE {
    left: 85px;
}

.LegalBlogImprintEN,
.LegalBlogImprintDE {
    position: absolute;
    top: 0px;
    width: 10px;
    min-width: 10px;
    max-width: 10px;
    left: 165px;
}

.LegalBlogImprintDE {
    left: 150px;
}

.LegalImprintEN,
.LegalImprintDE {
    position: absolute;
    top: 0px;
    width: 65px;
    min-width: 65px;
    max-width: 65px;
    left: 175px;
}

.LegalImprintDE {
    width: 85px;
    min-width: 85px;
    max-width: 85px;
    left: 160px;
}

.LegalImprintPrivacyEN,
.LegalImprintPrivacyDE {
    position: absolute;
    top: 0px;
    width: 10px;
    min-width: 10px;
    max-width: 10px;
    left: 240px;
}

.LegalImprintPrivacyDE {
    left: 245px;
}

.LegalPrivacyEN,
.LegalPrivacyDE {
    position: absolute;
    top: 0px;
    width: 130px;
    min-width: 130px;
    max-width: 130px;
    left: 250px;
}

.LegalPrivacyDE {
    width: 155px;
    min-width: 155px;
    max-width: 155px;
    left: 255px;
}

.LegalPrivacyTrademarksEN,
.LegalPrivacyTrademarksDE {
    position: absolute;
    top: 0px;
    width: 10px;
    min-width: 10px;
    max-width: 10px;
    left: 380px;
}

.LegalPrivacyTrademarksDE {
    left: 410px;
}

.LegalTrademarksEN,
.LegalTrademarksDE {
    position: absolute;
    top: 0px;
    width: 90px;
    min-width: 90px;
    max-width: 90px;
    left: 390px;
}

.LegalTrademarksDE {
    width: 60px;
    min-width: 60px;
    max-width: 60px;
    left: 420px;
}

.LegalTrademarksCopyrightEN,
.LegalTrademarksCopyrightDE {
    position: absolute;
    top: 0px;
    width: 10px;
    min-width: 10px;
    max-width: 10px;
    left: 480px;
}

.LegalTrademarksCopyrightDE {
    left: 480px;
}

.LegalCopyrightEN,
.LegalCopyrightDE {
    position: absolute;
    top: 0px;
    width: 165px;
    min-width: 165px;
    max-width: 165px;
    left: 490px;
}

.LegalCopyrightDE {
    width: 165px;
    min-width: 165px;
    max-width: 165px;
    left: 490px;
}

.LegalCopyrightIconGroupEN,
.LegalCopyrightIconGroupDE {
    position: absolute;
    top: 0px;
    width: 10px;
    min-width: 10px;
    max-width: 10px;
    left: 655px;
}

.LegalCopyrightIconGroupDE {
    left: 655px;
}

.LegalArtGalleryEN,
.LegalArtGalleryDE {
    position: absolute;
    top: 0px;
    left: 675px;
}

.LegalArtGalleryDE {
    left: 675px;
}

.LegalNavigationArtistsEN,
.LegalNavigationArtistsDE {
    position: absolute;
    top: 0px;
    left: 675px;
}

.LegalNavigationArtistsDE {
    left: 675px;
}

.LegalNavigationPhoneEN,
.LegalNavigationPhoneDE {
    position: absolute;
    top: 0px;
    left: 695px;
}

.LegalNavigationPhoneDE {
    left: 695px;
}

.LegalNavigationEmailEN,
.LegalNavigationEmailDE {
    position: absolute;
    top: 0px;
    left: 715px;
}

.LegalNavigationEmailDE {
    left: 715px;
}

.LegalIconGroupDividerEN,
.LegalIconGroupDividerDE {
    position: absolute;
    top: 0px;
    width: 10px;
    min-width: 10px;
    max-width: 10px;
    left: 740px;
}

.LegalIconGroupDividerDE {
    left: 740px;
}

.LegalNavigationFlickrEN,
.LegalNavigationFlickrDE {
    position: absolute;
    top: 0px;
    left: 755px;
}

.LegalNavigationFlickrDE {
    left: 755px;
}

.LegalNavigationInstagramEN,
.LegalNavigationInstagramDE {
    position: absolute;
    top: 0px;
    left: 775px;
}

.LegalNavigationInstagramDE {
    left: 775px;
}

.LegalNavigationYouTubeEN,
.LegalNavigationYouTubeDE {
    position: absolute;
    top: 0px;
    left: 795px;
}

.LegalNavigationYouTubeDE {
    left: 795px;
}

.LegalNavigationYouTubeShortsEN,
.LegalNavigationYouTubeShortsDE {
    position: absolute;
    top: 0px;
    left: 815px;
}

.LegalNavigationYouTubeShortsDE {
    left: 815px;
}

.LegalNavigationAddressEN,
.LegalNavigationAddressDE {
    position: absolute;
    top: 0px;
    left: 815px;
}

.LegalNavigationAddressDE {
    left: 815px;
}

.LegalNavigationSocialMediaEN,
.LegalNavigationSocialMediaDE {
    position: absolute;
    top: 0px;
    left: 855px;
}

.LegalNavigationSocialMediaDE {
    left: 893px;
}

.LegalIconGroupHelpEN,
.LegalIconGroupHelpDE {
    position: absolute;
    top: 0px;
    width: 10px;
    min-width: 10px;
    max-width: 10px;
    left: 840px;
}

LegalIconGroupHelpDE {
    left: 840px;
}

.LegalHelpEN,
.LegalHelpDE {
    position: absolute;
    top: 0px;
    width: 50px;
    min-width: 50px;
    max-width: 50px;
    left: 850px;
}

.LegalHelpDE {
    left: 850px;
}


.StandardContainerHead {
    position: absolute;
    width: 1024px;
    left: 220px;
    top: 64px;
    height: 192px;
    margin-top: 0px;
    margin-left: 0px;
    background-color: #fdfdfd;
    min-width: 1024px;
    max-width: 1024px;

    border: 1px;
    border-left-color: #fdfdfd;
    border-right-color: #fdfdfd;
    border-top-style: none;
    border-left-style: solid;
    border-right-style: solid;
    border-bottom-style: none;
}

.StandardContainerBody {
    overflow-y: scroll;
    overflow-x: hidden;
    position: absolute;
    width: 1024px;
    left: 220px;
    top: 261px;
    bottom: 0px;
    margin-top: 0px;
    margin-left: 0px;
    background-color: #fdfdfd;
    min-width: 1024px;
    max-width: 1024px;

    border: 1px;
    border-left-color: #fdfdfd;
    border-right-color: #fdfdfd;
    border-top-style: none;
    border-left-style: solid;
    border-right-style: solid;
    border-bottom-style: none;
}

.SiteMapContainer {
    overflow-y: scroll;
    overflow-x: hidden;
    position: absolute;

    left: 0px;
    right: 0px;
    top: 64px;
    bottom: 32px;
    margin-top: 0px;
    margin-left: 0px;
    background-color: #f0f0f0;
    border: 0px;
}

.StandardFrame {
    overflow: hidden;
    width: 1026px;
    left: 0px;
    top: 10px;
    bottom: 32px;
    margin-top: 0px;
    margin-left: 0px;
    background-color: #fdfdfd;
    min-width: 1026px;
    max-width: 1026px;
}

.DetailPicture,
.DetailPictureHD,
.DetailPictureIndex {
    overflow-x: hidden;
    position: absolute;
/*    height: 798px; */
    width: 1024px;
    left: 220px;
    top: 64px;
    @media screen and (orientation:portrait) and (max-width: 12px) {
        overflow-y: scroll;    /* only for portrait */
  /*      height: 1756px; */
        width: 1024px;
     /*   width: 1080px; */
        left: 0px;
        top: 160px;
    }
    @media screen and (min-width: 2600px) {
/*        height: 1596px; */
        width: 2048px;
        left: 440px;
        top: 128px;
    }
    bottom: var(--icon-size);
    margin-top: 0px;
    margin-left: 0px;
    background-color: #fdfdfd;
}

.DetailPicture,
.DetailPictureIndex {
    min-width: 1024px;
    max-width: 1024px;
    @media screen and (orientation:portrait) and (max-width: 12px) {
        min-width: 1024px;
        max-width: 1024px;
      /* min-width: 1080px;
         max-width: 1080px */
        min-height: 1756px;
        max-height: 1756px;
    }
    @media screen and (min-width: 2600px) {
        min-width: 2048px;
        max-width: 2048px;
    }
}

.DetailPictureHD {
    width: 1984px;
    height: 1162px;
    top: 0px;
    left: 31px;
}

.DetailPictureIndex {
    top: 0px;
}

.DetailPictureFrameHD,
.DetailPictureFrame,
.DetailPictureFrameSimulation {
    position: absolute;
    z-index: 100;
    top: 31px;
    left: 31px;
    bottom: 33px;
    right: 31px;
    background-color: #fdfdfd;
}

.DetailPictureFrameHD,
.DetailPictureFrame {
    display: flex;
    justify-content: center;
}

.DetailPictureFrameHDLink,
.DetailPictureFrameLink {
    height: 100px;
}


.SimuCenteredArea_Room1 {
    left: 0px;
    margin-left: 229px;
    margin-top: 60px;
    position: absolute;
/*    border: 1px solid #000000; */
    border: 0px;
    width: 500px;
    height: 300px;
    z-index: 1;
}

.SimuCenteredArea_Room2 {
    left: 0px;
    margin-left: 191px;
    margin-top: 100px;
    position: absolute;
/*    border: 1px solid #000000; */
    border: 0px;
    width: 340px;
    height: 300px;
    z-index: 1;
}

.SimuCenteredArea_Room3 {
    left: 0px;
    margin-left: 310px;
    margin-top: 0px;
    position: absolute;
/*    border: 1px solid #000000; */
    border: 0px;
    width: 580px;
    height: 400px;
    z-index: 1;
}

.SimuCenteredArea_Room4 {
    left: 0px;
    margin-left: 210px;
    margin-top: 74px;
    position: absolute;
/*    border: 1px solid #000000; */
    border: 0px;
    width: 460px;
    height: 300px;
    z-index: 1;
}

.SimuCenteredArea_Room5 {
    left: 0px;
    margin-left: 264px;
    margin-top: 50px;
    position: absolute;
/*    border: 1px solid #000000; */
    border: 0px;
    width: 500px;
    height: 300px;
    z-index: 1;
}

.DetailSimulationConfig {
    z-index: 130;
    position: absolute;
    height: 64px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    margin-top: 0px;
    margin-left: 0px;
    background-color: #fdfdfd;
}

.SelectSimulationSmall {
    margin-left: 6px;
    background-color: #F3F3F3;
    width: 100px;
    font-size: var(--font-size14);
}

.SelectSimulation {
    margin-left: 6px;
    background-color: #F3F3F3;
    width: 140px;
    font-size: var(--font-size14);
}

.SelectSimulationWide {
    margin-left: 6px;
    background-color: #F3F3F3;
    width: 210px;
    font-size: var(--font-size14);
}

.SelectSimulationSmall:hover,
.SelectSimulation:hover,
.SelectSimulationWide:hover {
    cursor: url( "/icons/MDM/24/blue_white/cursor-pointer_blue_white.png" ) 10 4, pointer;
}
.DetailPictureNavigationLeft,
.DetailPictureNavigationHDLeft,
.DetailPictureNavigationLeftEnd,
.DetailPictureNavigationHDLeftEnd {
    position: absolute;
    z-index: 120;
    top: 31px;
    left: 0px;
    bottom: 31px;
    min-width: 180px;
    max-width: 180px;
    background-color: #fdfdfd;
    opacity: 0.0;
}

.DetailPictureNavigationRight,
.DetailPictureNavigationHDRight,
.DetailPictureNavigationRightEnd,
.DetailPictureNavigationHDRightEnd {
    position: absolute;
    z-index: 120;
    top: 31px;
    right: 0px;
    bottom: 31px;
    min-width: 180px;
    max-width: 180px;
    background-color: #fdfdfd;
    opacity: 0.0;
}

.DetailPictureNavigationHDLeft,
.DetailPictureNavigationHDRight {
    min-width: 360px;
    max-width: 360px;
}

.DetailPictureNavigationSerie,
.DetailPictureNavigationHDSerie {
    position: absolute;
    z-index: 110;
    top: 31px;
    right: 180px;
    left: 180px;
    min-height: 100px;
    max-height: 100px;
    height: 100px;
    background-color: #fdfdfd;
    opacity: 0.0;
}

/*
.DetailPicturePurchaseEmail {
    position: absolute;
    left: 31px;
    right: 32px;
    bottom: 0px;
    min-height: 31px;
    max-height: 31px;
    background-color: #fdfdfd;
    text-align: center;
    vertical-align: middle;
    font-family: 'Open Sans',Arial, sans-serif;font-weight: 400;
    padding-top: 4px;
    font-size: var(--font-size14);
}
*/

/*
.DetailPicturePurchaseEmailButton {
    position: absolute;
    left: 31px;
    right: 32px;
    bottom: 0px;
    min-height: 31px;
    max-height: 31px;
    background-color: #ffd700;
    text-align: center;
    vertical-align: middle;
    font-family: 'Open Sans',Arial, sans-serif;font-weight: 400;
    font-size: var(--font-size14);
}
*/
.DetailPictureFooter {
    position: absolute;
    width: 1026px;
    height: var(--icon-size);
    left: 0px;
    bottom: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    background-color: #fdfdfd;
    min-width: 1026px;
    max-width: 1026px;
    text-align: center;
    vertical-align: middle;
}

.ArtistPictureFrame {
    position: absolute;
    top: 96px;
    left: 646px;
    width: 258px;
    bottom: 31px;
    min-width: 258px;
    max-width: 258px;
    max-height: 258px;
    background-color: #fdfdfd;
    text-align: center;
    z-index: 1000;
}

.TinyPictureFrame {
    position: absolute;
    top: 31px;
    left: 31px;
    width: 258px;
    bottom: 31px;
    min-width: 258px;
    max-width: 258px;
    max-height: 258px;
    background-color: #fdfdfd;
    z-index: 1000;
}

.EditionOverviewDetail {
    height: 154px;
    width: 323px;
    min-height: 154px;
    max-height: 154px;
    min-width: 323px;
    max-width: 323px;
}

.EditionCompatibleDetail {
    height: 94px;
    width: 323px;
    min-height: 94px;
    max-height: 94px;
    min-width: 323px;
    max-width: 323px;
}

.EditionOverviewPictureFrame {
    position: absolute;
    top: 380px;
    left: 135px;
    bottom: 31px;
    height: 154px;
    width: 323px;
    min-height: 154px;
    max-height: 154px;
    min-width: 323px;
    max-width: 323px;
    background-color: #fdfdfd;
    z-index: 1000;
}

.EditionCompatiblePictureFrame {
    position: absolute;
    top: 380px;
    left: 470px;
    bottom: 31px;
    height: 94px;
    width: 323px;
    min-height: 94px;
    max-height: 94px;
    min-width: 323px;
    max-width: 323px;
    background-color: #fdfdfd;
    z-index: 1000;
}

.EditionOverviewPictureTitle {
    position: absolute;
    top: 540px;
    left: 135px;
    width: 323px;
    min-width: 323px;
    max-width: 323px;
    max-height: var(--icon-size);
    background-color: #fdfdfd;
    font-family: 'Open Sans',Arial, sans-serif;font-weight: 400;
    font-size: var(--font-size14);
    font-weight: normal;
    text-decoration: none;
    text-align: center;
    vertical-align: bottom;
}

.EditionCompatiblePictureTitle {
    position: absolute;
    top: 540px;
    left: 470px;
    width: 323px;
    min-width: 323px;
    max-width: 323px;
    max-height: var(--icon-size);
    background-color: #fdfdfd;
    font-family: 'Open Sans',Arial, sans-serif;font-weight: 400;
    font-size: var(--font-size14);
    font-weight: normal;
    text-decoration: none;
    text-align: center;
    vertical-align: bottom;
}

.HistogramPictureFrame {
    position: absolute;
    top: 305px;
    left: 31px;
    width: 256px;
    bottom: 31px;
    min-width: 258px;
    max-width: 258px;
    max-height: 202px;
    background-color: #fdfdfd;
    z-index: 1000;
}

.HistogramPictureTitle {
    position: absolute;
    top: 505px;
    left: 31px;
    width: 258px;
    min-width: 258px;
    max-width: 258px;
    max-height: var(--icon-size);
    background-color: #fdfdfd;
    font-family: 'Open Sans',Arial, sans-serif;font-weight: 400;
    font-size: var(--font-size14);
    font-weight: normal;
    text-decoration: none;
    text-align: center;
    vertical-align: bottom;
}

.AveragePictureFrame {
    position: absolute;
    top: 305px;
    left: 320px;
    width: 102px;
    height: 102px;
    min-width: 102px;
    max-width: 102px;
    min-height: 102px;
    max-height: 102px;
    background-color: #fdfdfd;
    z-index: 1;
}

.Color5PictureFrame {
    position: absolute;
    top: 406px;
    left: 320px;
    width: 256px;
    height: 102px;
    min-width: 102px;
    max-width: 102px;
    min-height: 102px;
    max-height: 102px;
    background-color: #fdfdfd;
    z-index: 1;
}

.AverageColor5PictureTitle {
    position: absolute;
    top: 505px;
    left: 320px;
    width: 102px;
    min-width: 102px;
    max-width: 102px;
    max-height: var(--icon-size);
    background-color: #fdfdfd;
    font-family: 'Open Sans',Arial, sans-serif;font-weight: 400;
    font-size: var(--font-size14);
    font-weight: normal;
    text-decoration: none;
    text-align: center;
    vertical-align: bottom;
}

.QRPictureFrame {
    position: absolute;
    top: 524px;
    left: 31px;
    @media screen and (orientation:portrait) and (max-width: 12px) {
        top: 305px;
        left: 454px;
    }
    @media screen and (min-width: 2600px) {
        top: 1048px;
        left: 62px;
    }
    width: 258px;
    height: 270px;
    min-width: 258px;
    max-width: 258px;
    min-height: 270px;
    max-height: 270px;
    background-color: #fdfdfd;
    z-index: 1000;
}

.QRPictureFrameTitle {
    position: absolute;
    top: 802px;
    left: 31px;
    width: 258px;
    height: 258px;
    min-width: 258px;
    max-width: 258px;
    max-height: var(--icon-size);
    background-color: #fdfdfd;
    font-family: 'Open Sans',Arial, sans-serif;font-weight: 400;
    font-size: var(--font-size14);
    font-weight: normal;
    text-decoration: none;
    text-align: center;
    vertical-align: bottom;
}

.QRIDFrame {
    position: absolute;
    top: 606px;
    left: 320px;
    @media screen and (orientation:portrait) and (max-width: 12px) {
        top: 305px;
        left: 744px;
    }
    @media screen and (min-width: 2600px) {
        top: 1212px;
        left: 640px;
    }
    width: 256px;
    height: 102px;
    min-width: 102px;
    max-width: 102px;
    min-height: 102px;
    max-height: 102px;
    background-color: #fdfdfd;
    z-index: 1;
}

.QRID {
    border: 1px solid #000000;
    margin-top: 3px;
    margin-left: 3px;
    width: 94px;
    min-width: 94px;
    max-width: 94px;
    height: 94px;
    min-height: 94px;
    max-height: 96px;
    z-index: 1;
}

.NWPictureFrame {
    position: absolute;
    top: 407px;
    left: 31px;
    width: 256px;
    height: 102px;
    min-width: 102px;
    max-width: 102px;
    min-height: 102px;
    max-height: 102px;
    background-color: #fdfdfd;
}

.SWPictureFrame {
    position: absolute;
    top: 407px;
    left: 31px;
    width: 256px;
    height: 102px;
    min-width: 102px;
    max-width: 102px;
    min-height: 102px;
    max-height: 102px;
    background-color: #fdfdfd;
}

.NEPictureFrame {
    position: absolute;
    top: 407px;
    left: 31px;
    width: 256px;
    height: 102px;
    min-width: 102px;
    max-width: 102px;
    min-height: 102px;
    max-height: 102px;
    background-color: #fdfdfd;
}

.SEPictureFrame {
    position: absolute;
    top: 407px;
    left: 31px;
    width: 256px;
    height: 102px;
    min-width: 102px;
    max-width: 102px;
    min-height: 102px;
    max-height: 102px;
    background-color: #fdfdfd;
}

.CEPictureFrame {
    position: absolute;
    top: 407px;
    left: 31px;
    width: 256px;
    height: 102px;
    min-width: 102px;
    max-width: 102px;
    min-height: 102px;
    max-height: 102px;
    background-color: #fdfdfd;
}

.PurchasePictureFrame {
    position: absolute;
    top: 63px;
    right: 111px;
    width: 256px;
    bottom: 31px;
    min-width: 258px;
    max-width: 258px;
    max-height: 80px;
    background-color: #fdfdfd;
    font-weight: bold;
    vertical-align: middle;
    text-align: center;
}

.SeriePictureFooter {
    position: absolute;
    width: 1026px;
    height: 0px;
    left: 0px;
    bottom: 0px;
    margin-top: 0px;
    margin-left: 0px;
    background-color: #fdfdfd;
    min-width: 832px;
    max-width: 832px;
    text-align: center;
    vertical-align: middle;
}

.DetailPic {
    position: center;
    width: 90%;
    margin-top: var(--icon-size);
}

.SerieContentPicFrame,
.SerieInfoPicFrame,
.SerieInfoPicFrameEmpty,
.SerieOverviewContentPicFrame,
.SeriesOverviewContentPicFrame {
    position: relative;
    width: 128px;
    height: 128px;
    margin-top: 5px;
    margin-left: 256px;
    margin-bottom: 0px;
    margin-right: 0px;
    border-top-width: 0px;
    border-bottom-width: 0px;
    border-style: solid;
    border-left-color: #fdfdfd;
    border-left-width: 0px;
    border-right-color: #fdfdfd;
    border-right-width: 0px;
    background-color: #fdfdfd;
}

.SeriesOverviewContentPicFrame {
    @media screen and (orientation:portrait) and (max-width: 12px) {
        margin-left: 512px;
    }
    @media screen and (min-width: 2600px) {
        margin-left: 512px;
    }
    z-index: 1000;
}

.SerieContentPicFrame,
.SerieInfoPicFrame,
.SerieInfoPicFrameEmpty,
.SerieOverviewContentPicFrame {
    float: left;
    margin-left: 8px;
}

 /*
.SerieOverviewContentPicFrame {
    width: 256px;
}
*/
.SerieContentPicFrameCurrent,
.SerieOverviewContentPicFrameCurrent {
    width: 128px;
    height: 128px;
    margin-top: 5px;
    margin-left: 0px;
    margin-bottom: 0px;
    margin-right: 0px;
    border: 2px solid #000000;
}

.SerieOverviewContentPicFrameCurrent {
    width: 256px;
}

.SerieContentPic,
.SerieInfoPic,
.SerieOverviewContentPic {
    position: absolute;
    width: 128px;
    height: 128px;
    max-width: 128px;
    max-height: 128px;
    margin-top: 0px;
    margin-left: 0px;
    margin-bottom: 0px;
    margin-right: 0px;
    vertical-align: middle;
    border: 1px;
}

/*
.SerieOverviewContentPic {
    margin-left: 128px;
}
*/
.DetailDetailsID {
    overflow-y: auto;
    overflow-x: hidden;
    position: absolute;
    margin-top: 0px;
    margin-right: 0px;
    background-color: #fdfdfd;

    border: 1px;
    border-left-color: #fdfdfd;
    border-top-style: none;
    border-left-style: solid;
    border-right-style: none;
    border-bottom-style: none;
}

.PictureIdCenter,
.PictureId {
    font-family: Courier;
    font-size: var(--font-size18);
    font-weight: bold;
    color: #0000FF;
}

.PictureIdCenter {
    text-align: center;
}

.EditionListFrame,
.EditionSummaryFrame,
.DetailDescriptionFrame,
.DetailDescriptionLongFrame,
.DetailSeriesFrame,
.DetailAnalysisFrame,
.DetailEditionFrame,
.DetailOverviewEditionFrame,
.DetailSerieLinksFrame,
.DetailDetailsFrame {
    overflow-y: auto;
    overflow-x: hidden;
    position: absolute;
    margin-top: 0px;
    margin-left: 0px;
    background-color: #fdfdfd;

    border: 1px;
    border-left-color: #fdfdfd;
    border-top-style: none;
    border-left-style: solid;
    border-right-style: none;
    border-bottom-style: none;
}

.DetailSerieLinksFrame {
    width: 447px;
    left: 576px;
    top: 0px;
    @media screen and (orientation:portrait) and (max-width: 12px) {
        width: 703px;
        left: 321px;
/*        top: 64px */
        top: 689px;
  }
    @media screen and (min-width: 2600px) {
        width: 894px;
        left: 1152px;
        top: 0px;
    }
    bottom: 0px;
    border: 1px;
    border-left-color: #fdfdfd;
    border-top-style: none;
    border-left-style: solid;
    border-right-color: #fdfdfd;
    border-right-style: solid;
    border-bottom-style: none;
}

.DetailSerieLinksFrameContent {
    position: absolute;
    width: 388px;
    left: 30px;
    @media screen and (orientation:portrait) and (max-width: 12px) {
        width: 644px;
        left: 30px;
    }
    @media screen and (min-width: 2600px) {
        width: 776px;
        left: 60px;
    }
    top: 0px;
    margin-top: 0px;
    margin-left: 0px;
    background-color: #fdfdfd;
}

.EditionListFrame {
    left: 31px;
    right: 31px;
    top: 330px;
    bottom: 31px;
    border: 0px;
}

.EditionSummaryFrame {
    left: 0px;
    width: 422px;
    top: 330px;
    bottom: 31px;
    border: 0px;
    background-color: green;
}

.EditionTabMenu {
    position: absolute;
    left: 31px;
    top: 289px;
    overflow: hidden;
    background-color: #fdfdfd;
    border: 0px;
}

.EditionTabButton {
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    font-size: var(--font-size14);

    margin-top: 10px;
    margin-left: 10px;
    margin-bottom: 10px;
    margin-right: 10px;

    overflow-y: hidden;
    overflow-x: hidden;
    display: inline-block;
    position: relative;
    width: 220px;
    height: 19px;
    left: 0px;
    top: 0px;
    margin-top: 3px;
    margin-left: 3px;
    margin-right: 3px;
    margin-bottom: 3px;
    background-color: #fdfdfd;

    border: 1px;
    border-left-color:#fdfdfd;
    border-top-style: none;
    border-left-style: solid;
    border-right-style: none;
    border-bottom-style: none;
    position: relative;
    line-height: 16px;
    font-family: 'Open Sans',Arial, sans-serif;font-weight: 400;
    font-size: var(--font-size16);
    vertical-align: middle;
    font-weight: normal;
    text-decoration: none;
    color: #000000;
    font-weight: bold;
    transition: color 0.2s ease-out, background 0.2s ease-in;
}

.EditionTabButton:hover {
    color: red;
    transition: outline 0.1s ease-out, background 0.1s ease-in;
    cursor: url( "/icons/MDM/24/blue_white/cursor-pointer_blue_white.png" ) 10 4, pointer;
}

.EditionTabContent {
    display: none;
    padding: 6px 12px;
    border: 0px;
}

.DetailDescriptionFrame,
.DetailDescriptionLongFrame {
    left: 447px;
    right: 31px;
    top: 31px;
    @media screen and (orientation:portrait) and (max-width: 12px) {
        left: 320px;
    }
    @media screen and (min-width: 2600px) {
        left: 894px;
        right: 62px;
        top: 62px;
    }
    height: 192px;
    border: 0px;
}

.DetailDescriptionLongFrame {
    height: 384px;
}

.DetailSeriesFrame {
    left: 447px;
/*    weigh: 136px; */
    top: 31px;
    height: 192px;
    border: 0px;
}

.DetailAnalysisFrame {
    left: 31px;
    right: 447px;
    @media screen and (orientation:portrait) and (max-width: 12px) {
        left: 31px;
        width: 1024px;
    }
    @media screen and (min-width: 2600px) {
        left: 62px;
        right: 894px;
    }
    top: 305px;
    height: 384px;
    border: 0px;
}

.DetailEditionFrame {
    left: 447px;
    right: 31px;
    top: 31px;
    @media screen and (orientation:portrait) and (max-width: 12px) {
        left: 320px;
    }
    @media screen and (min-width: 2600px) {
        left: 894px;
        right: 62px;
        top: 62px;
    }
    height: 192px;
    border: 0px;
}

.DetailOverviewEditionFrame {
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    border: 0px;
}

.SerieInfoContent {
    left: 31px;
    width: var(--icon-size13);
    top: 0px;
    height: 600px;
    border: 0px;
    position: absolute;
 }

.SerieInfoPicsFrame {
    left: 31px;
    width: 447px;
    top: 31px;
    height: 600px;
    border: 0px;
}

.DetailDetailsFrame {
    left: 447px;
    right: 31px;
    top: 305px;
    @media screen and (orientation:portrait) and (max-width: 12px) {
        left: 0px;
        right: 0px;
        top: 580px;
    }
    @media screen and (min-width: 2600px) {
        left: 894px;
        right: 62px;
        top: 610px;
    }
    bottom: 0px;
    border: 0px;
}

.SerieLinkPicFrame {
    width: 128px;
    height: 128px;
    margin-top: 5px;
    margin-left: 0px;
    margin-bottom: 0px;
    margin-right: 0px;
    border-top-width: 0px;
    border-bottom-width: 0px;
    border-style: solid;
    border-left-color: #dddddd;
    border-left-width: 2px;
    border-right-color: #dddddd;
    border-right-width: 2px;
    background-color: #dddddd;
}

.SerieLinkPic {
    position: absolute;
    width: 128px;
    height: 128px;
    max-width: 128px;
    max-height: 128px;
    margin-top: 0px;
    margin-left: 0px;
    margin-bottom: 0px;
    margin-right: 0px;
    vertical-align: middle;
    border: 1px;
}

.SerieLinkPicText {
    position: relative;
    width: 128px;
    height: 64px;
    margin-top: 0px;
    margin-left: 0px;
    margin-bottom: 0px;
    margin-right: 0px;
    border-top-width: 0px;
    top: 64px;
    left: 160px;
    border: 0px;
}

.TinyPic {
    position: center;
    border: 1px solid #000000;
    max-width: 256px;
    max-height: 256px;
}

.Navigation,
.NavigationOverview {
    position: absolute;
    height: var(--icon-size);
    width: 480px;
    top: 0px;
    left: 764px;
    @media screen and (orientation:portrait) and (max-width: 12px) {
        width: 960px;
        top: 32px;
        left: 120px;
    }
    @media screen and (min-width: 2600px) {
        width: 960px;
        top: 0px;
        left: 1528px;
    }
    background-color: #fdfdfd;
    text-align: center;
    vertical-align: middle;

    border-bottom-width: 1px;
    border-bottom-color: #fdfdfd;
    border-top-style: none;
    border-left-style: none;
    border-right-style: none;
    border-bottom-style: solid;
}

.NavigationOverview {
    width: 64px;
}

.NavigationElements,
.DetailNavigationElements {
    position: absolute;
    left: 0px;
    width: var(--icon-size13);
    height: var(--icon-size);
    top: 0px;
    background-color: #fdfdfd;
    text-align: center;
    vertical-align: middle;
}

.DetailNavigationElements {
    position: absolute;
    left: 0px;
}

.ButtonExtraWide:hover .ButtonExtraWideIconOverlay {
    transition: 0.3s ease;
    opacity: 1.0;
    cursor: url( "/icons/MDM/24/blue_white/cursor-pointer_blue_white.png" ) 10 4, pointer;
}

.ButtonWide:hover .ButtonWideIconOverlay {
    transition: 0.3s ease;
    opacity: 1.0;
    cursor: url( "/icons/MDM/24/blue_white/cursor-pointer_blue_white.png" ) 10 4, pointer;
}

.ButtonTiny:hover .ButtonTinyIconOverlay {
    transition: 0.3s ease;
    opacity: 1.0;
    cursor: url( "/icons/MDM/24/blue_white/cursor-pointer_blue_white.png" ) 10 4, pointer;
}

.ButtonMicro:hover .ButtonMicroIconOverlay,
.ButtonMicroRight:hover .ButtonMicroIconOverlay,
.ButtonSmall:hover .ButtonMicroIconOverlay,
.MenuItemIcon51:hover .ButtonMicroIconOverlay,
.MenuItemIcon52:hover .ButtonMicroIconOverlay,
.MenuItemIcon53:hover .ButtonMicroIconOverlay,
.MenuItemIcon54:hover .ButtonMicroIconOverlay,
.MenuItemIcon55:hover .ButtonMicroIconOverlay {
    transition: 0.3s ease;
    opacity: 1.0;
    cursor: url( "/icons/MDM/24/blue_white/cursor-pointer_blue_white.png" ) 10 4, pointer;
}

.ButtonSmall:hover .ButtonSmallIconOverlay {
    transition: 0.3s ease;
    opacity: 1.0;
    cursor: url( "/icons/MDM/24/blue_white/cursor-pointer_blue_white.png" ) 10 4, pointer;
}

.ButtonExtraWideIcon:hover .ButtonExtraWideIconOverlay {
    transition: 0.3s ease;
    opacity: 1.0;
    cursor: url( "/icons/MDM/24/blue_white/cursor-pointer_blue_white.png" ) 10 4, pointer;
}

.MenuItemIcon51Disabled:hover,
.MenuItemIcon52Disabled:hover,
.MenuItemIcon53Disabled:hover,
.MenuItemIcon54Disabled:hover,
.MenuItemIcon55Disabled:hover {
    cursor: url( "/icons/MDM/24/blue_white/cursor-default-outline_blue_white.png" ), default;
}

.ButtonExtraWideRelative:hover .ButtonExtraWideIcon {
    transition: 0.3s ease;
    opacity: 0.0;
    cursor: url( "/icons/MDM/24/blue_white/cursor-pointer_blue_white.png" ) 10 4, pointer;
}

.ButtonExtraWideRelative:hover .ButtonExtraWideIconOverlay {
    transition: 0.3s ease;
    opacity: 1.0;
    cursor: url( "/icons/MDM/24/blue_white/cursor-pointer_blue_white.png" ) 10 4, pointer;
}

.ButtonWideRelative:hover .ButtonWideIcon {
    transition: 0.3s ease;
    opacity: 0.0;
    cursor: url( "/icons/MDM/24/blue_white/cursor-pointer_blue_white.png" ) 10 4, pointer;
}

.ButtonWideRelative:hover .ButtonWideIconOverlay {
    transition: 0.3s ease;
    opacity: 1.0;
    cursor: url( "/icons/MDM/24/blue_white/cursor-pointer_blue_white.png" ) 10 4, pointer;
}

.ButtonLicense:hover .ButtonLicenseIcon {
    transition: 0.3s ease;
    opacity: 0.0;
    cursor: url( "/icons/MDM/24/blue_white/cursor-pointer_blue_white.png" ) 10 4, pointer;
}

.ButtonLicense:hover .ButtonLicenseIconOverlay {
    transition: 0.3s ease;
    opacity: 1.0;
    cursor: url( "/icons/MDM/24/blue_white/cursor-pointer_blue_white.png" ) 10 4, pointer;
}

h3.ui-accordion-header:hover {
    transition: 0.3s ease;
    opacity: 1.0;
    cursor: url( "/icons/MDM/24/blue_white/cursor-pointer_blue_white.png" ) 10 4, pointer;
    color: #FF0000;
}


.NavigationSerie {
    position: absolute;
    left: 0px;
}

.NavigationSeries {
    position: absolute;
    left: var(--icon-size4);
}

.NavigationLeft {
    position: absolute;
    left: var(--icon-size1);
}

.NavigationZoom {
    position: absolute;
    left: var(--icon-size2);
}

.NavigationRight {
    position: absolute;
    left: var(--icon-size3);
}

.NavigationMicroscope {
    position: absolute;
    left: var(--icon-size5);
}

.NavigationSimulation {
    position: absolute;
    left: var(--icon-size6);
}

.NavigationInfo {
    position: absolute;
    left: var(--icon-size7);
}

.NavigationVideo {
    position: absolute;
    left: var(--icon-size8);
}

.NavigationSCAdd {
    position: absolute;
    left: var(--icon-size9);
}

.NavigationSC {
    position: absolute;
    left: var(--icon-size10);
}

.NavigationMap {
    position: absolute;
    left: var(--icon-size11);
}

.NavigationFind {
    position: absolute;
    left: var(--icon-size12);
}

.NavigationPalette {
    position: absolute;
    left: var(--icon-size13);
}

.NavigationLanguage {
    position: absolute;
    left: var(--icon-size14);
}

.Download {
    position: relative;
    left: 0px;
}

.Datasheet {
    position: relative;
    left: 406px;
    top: -16px;
    @media screen and (orientation:portrait) and (max-width: 12px) {
        left: 812px;
        top: -32px;
    }
    @media screen and (min-width: 2600px) {
        left: 812px;
        top: -32px;
    }
}

.ShotOnFilm {
    position: relative;
    left: 406px;
    top: 16px;
    @media screen and (orientation:portrait) and (max-width: 12px) {
        left: 812px;
        top: 32px;
    }
    @media screen and (min-width: 2600px) {
        left: 812px;
        top: 32px;
    }
}

.Emlarged {
    position: relative;
    left: 406px;
    top: 48px;
}

.DatasheetLicense {
    position: relative;
    left: 406px;
    top: +26px;
}

.Catalog2 {
    position: relative;
    left: 438px;
    top: -16px;
    @media screen and (orientation:portrait) and (max-width: 12px) {
        left: 876px;
        top: -32px;
    }
    @media screen and (min-width: 2600px) {
        left: 876px;
        top: -32px;
    }
}

.Catalog8 {
    position: relative;
    left: 470px;
    top: -16px;
    @media screen and (orientation:portrait) and (max-width: 12px) {
        left: 940px;
        top: -32px;
    }
    @media screen and (min-width: 2600px) {
        left: 940px;
        top: -32px;
    }
}

.ButtonSmall,
.ButtonSmallDisabled {
    top: 0px;
    left: 0px;
    width: 16px;
    height: var(--icon-size);
    border: 0px;
}

.ButtonExtraWide,
.ButtonExtraWideRelative,
.ButtonExtraWideDisabled,
.ButtonExtraWideRelativeDisabled {
    top: 0px;
    left: 0px;
    width: 80px;
    height: var(--icon-size);
    border: 0px;
}

.ButtonWide,
.ButtonWideRelative,
.ButtonWideDisabled,
.ButtonWideRelativeDisabled {
    top: 0px;
    left: 0px;
    width: var(--icon-size);
    height: var(--icon-size);
    border: 0px;
}

.ButtonExtIcon {
    top: 0px;
    left: 0px;
    width: 18px;
    height: 18px;
    border: 0px;
}

.ButtonWideHCenter {
    position: relative;
    left: 50%;
    height: var(--icon-size);
    margin: calc( -1 * var(--icon-size_0_5) ) 0 0  calc( -1 * -var(--icon-size_0_5) );
}

.ButtonSmallHCenter {
    position: relative;
    left: 50%;
    margin: calc( -1 * var(--icon-size_0_25) ) 0 0  calc( -1 * -var(--icon-size_0_25) );
}

ButtonExtIconHCenter {
    position: relative;
    left: 50%;
    margin: -18px 0 0 -18px;
}

ButtonMicroHCenter {
    position: relative;
    left: 50%;
    margin: -18px 0 0 -18px;
}

.LogoIconHCenter {
    position: relative;
    left: 50%;
    margin: -110px 0 0 -32px;
}

.ButtonLicense
    top: 0px;
    left: 0px;
    width: 100px;
    height: var(--icon-size);
    border: 0px;
}

.ButtonSmall,
.ButtonSmallDisabled {
    position: absolute;
}

.ButtonExtraWide,
.ButtonExtraWideDisabled {
    position: absolute;
}

.ButtonWide,
.ButtonWideDisabled {
    position: absolute;
    z-index: 200;
}

.ButtonLicense {
    position: relative;
}

.ButtonExtraWideRelative,
.ButtonExtraWideRelativeDisabled {
    position: relative;
}

.ButtonWideRelative,
.ButtonWideRelativeDisabled {
    position: relative;
}

.ButtonSmallIcon,
.ButtonSmallIconOverlay {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 16px;
    height: var(--icon-size);
    border: 0px;
}

.ButtonExtraWideIcon,
.ButtonExtraWideIconOverlay {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 80px;
    height: var(--icon-size);
    border: 0px;
    z-index: 200;
}

.ButtonWideIcon,
.ButtonWideIconOverlay {
    position: absolute;
    top: 0px;
    left: 0px;
    width: var(--icon-size);
    height: var(--icon-size);
    border: 0px;
}

.ButtonTinyIcon,
.ButtonTinyIconOverlay {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 20px;
    height: 18px;
    border: 0px;
}

.ButtonMicroIcon,
.ButtonMicroIconOverlay {
    position: absolute;
    top: 0px;
    left: 0px;
    width: var(--icon-size-micro);
    height: var(--icon-size-micro);
/*
    @media screen and (orientation:portrait) and (max-width: 12px) {
        width: var(--icon-size-micro);
        height: var(--icon-size-micro);
    }
    @media screen and (min-width: 2600px) {
        width: var(--icon-size-micro);
        height: var(--icon-size-micro);
    }
*/
    border: 0px;
}

.ButtonLicenseIcon,
.ButtonLicenseIconOverlay {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100px;
    height: var(--icon-size);
    border: 0px;
}

.ButtonExtraWideIconOverlay {
    opacity: 0.0;
}

.ButtonSmallIcon,
.ButtonWideIconOverlay,
.ButtonLicenseIconOverlay {
    opacity: 0.0;
}

.ButtonSmallIcon,
.ButtonSmallIconOverlay {
    opacity: 0.0;
}

.ButtonTinyIconOverlay {
    opacity: 0.0;
}

.ButtonMicroIconOverlay {
    opacity: 0.0;
}

.ButtonExtraWideIconMiddleLeft,
.ButtonExtraWideIconMiddleRight {
    position: absolute;
    top: 50%;
    width: 80px;
    height: var(--icon-size);
    border: 0px;
    margin-top: margin-top:-16px;
}

.ButtonWideIconMiddleLeft,
.ButtonWideIconMiddleRight {
    position: absolute;
    top: 50%;
    width: var(--icon-size);
    height: var(--icon-size);
    border: 0px;
    margin-top: margin-top:-16px;
}

.ButtonExtraWideIconMiddleLeft,
.ButtonWideIconMiddleLeft {
    left: 0px;
}

.ButtonExtraWideIconMiddleRight,
.ButtonWideIconMiddleRight {
    right: 0px;
}

.ButtonSmallIconBlur {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 16px;
    height: var(--icon-size);
    border: 0px;
    z-index: 10;
}

.ButtonWideIconBlur {
    position: absolute;
    top: 0px;
    left: 0px;
    width: var(--icon-size);
    height: var(--icon-size);
    border: 0px;
}

.PicID,
.PicIDOverview,
.PicIDSub {
    position: absolute;
    width: 160px;
    height: 29px;
    top: 33px;
    @media screen and (orientation:portrait) and (max-width: 12px) {
        top: 95px;
    }
    @media screen and (min-width: 2600px) {
        top: 66px;
    }
    left: 796px;
    background-color: #fdfdfd;
    text-align: center;
    vertical-align: middle;
    font-family: 'Open Sans',Arial, sans-serif;font-weight: 400;
    padding-top: 4px;
    font-size: var(--font-size16);
    text-decoration: none;

    color: #888888;
    border-bottom-color: #dddddd;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: solid;
    border-left-style: none;
}

.PicID {
}

.PicIDOverview {
    width: 220px;
    top: 65px;
    left: 0px;
}

.PicIDSub {
    top: 0px;
    left: 0px;
    width: 160px;
    height: 18px;
}

.PicReleasedSub {
    top: 0px;
    left: 0px;
    width: 160px;
    height: 18px;
    color: #000000;
}

.Page {
    position: absolute;
    width: 160px;
    height: 29px;
    top: 33px;
    left: 1052px;
    background-color: #fdfdfd;
    text-align: center;
    vertical-align: middle;
    font-family: 'Open Sans',Arial, sans-serif;font-weight: 400;
    padding-top: 4px;
    font-size: var(--font-size16);
    text-decoration: none;

    color: #000000;
    border-bottom-color: #dddddd;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: solid;
    border-left-style: none;
}

.HorizontalNavigation {
    position: absolute;
    width: 256px;
    height: 24px;
    top: var(--icon-size);
    left: 474px;
    background-color: #fdfdfd;
    text-align: center;
    vertical-align: middle;

    border-bottom-width: 1px;
    border-bottom-color: #fdfdfd;
    border-top-style: none;
    border-left-style: none;
    border-right-style: none;
    border-bottom-style: solid;
}

.HorizontalNavigationElements {
    position: absolute;
    width: 700px;
    height: 24px;
    top: 0px;
    left: 0px;
    background-color: #fdfdfd;
    text-align: center;
    vertical-align: middle;
}

.HorizontalNavigationList {
    position: absolute;
    width: 700px;
    height: 24px;
    top: -10px;
    left: 0px;
    background-color: #fdfdfd;
    float: right;
    list-style: none;
    display: flex;
    padding: 0px;
}

.HorizontalSubNavigationElements {
    position: relative;
    width: 700px;
    height: 24px;
    top: 0px;
    left: 0px;
    background-color: #fdfdfd;
    text-align: center;
    vertical-align: middle;
}

.HorizontalSubNavigationList {
    position: absolute;
    width: 700px;
    height: 24px;
    top: -10px;
    left: 0px;
    background-color: #fdfdfd;
    float: right;
    list-style: none;
    display: flex;
    padding: 0px;
}

.InternalNavigation {
    position: absolute;
    width: 256px;
    height: var(--icon-size);
    top: var(--icon-size);
    left: 972px;
    background-color: #fdfdfd;
    text-align: center;
    vertical-align: middle;

    border-bottom-width: 1px;
    border-bottom-color: #fdfdfd;
    border-top-style: none;
    border-left-style: none;
    border-right-style: none;
    border-bottom-style: solid;
}

.InternalNavigation {
}

.InternalNavigationElements {
    position: absolute;
    width: 256px;
    height: var(--icon-size);
    top: 0px;
    left: 0px;
    background-color: #fdfdfd;
    text-align: center;
    vertical-align: middle;
}

.NavigationSD {
    position: absolute;
    width: var(--icon-size);
    height: var(--icon-size);
    left: 0px;
}

.NavigationHD {
    position: absolute;
    width: var(--icon-size);
    height: var(--icon-size);
    left: var(--icon-size);
}

.NavigationLA {
    position: absolute;
    width: var(--icon-size);
    height: var(--icon-size);
    left: 64px;
}

.NavigationOrigJPG {
    position: absolute;
    width: var(--icon-size);
    height: var(--icon-size);
    left: 96px;
}

.CopyOrigJPG {
    position: absolute;
    width: var(--icon-size);
    height: var(--icon-size);
    left: 128px;
}

.NavigationOrigTIFF {
    position: absolute;
    width: var(--icon-size);
    height: var(--icon-size);
    left: 144px;
}

.CopyOrigTIFF {
    position: absolute;
    width: var(--icon-size);
    height: var(--icon-size);
    left: 176px;
}

.NavigationFD {
    position: absolute;
    width: var(--icon-size);
    height: var(--icon-size);
    left: 192px;
    border-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: black;
}

.NavigationFL {
    position: absolute;
    width: var(--icon-size);
    height: var(--icon-size);
    left: 224px;
    border-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: black;
}

.NavigationInternalMarker {
    position: absolute;
    width: var(--icon-size);
    height: var(--icon-size);
    left: 256px;
    font-family: 'Open Sans',Arial, sans-serif;font-weight: 400;
    font-size: var(--font-size14);
    font-weight: normal;
    text-decoration: none;
    text-align: left;
}

.FadeOver {
    position: relative;
}

.Rightside {
    position: absolute;
    width: 192px;
    height: var(--icon-size);
    top: 0px;
    left: 832px;
    background-color: #fdfdfd;
    text-align: center;
    vertical-align: middle;
    border-bottom-width: 1px;
    border-bottom-color: #fdfdfd;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: solid;
    border-left-style: none;
}

.FullScreen {
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: middle;
    text-align: center;
}

.Photo {
    border: 1px solid #000000;
    max-width: 960px;
}

.Photo:hover {
    cursor: url( "/icons/MDM/24/blue_white/cursor-pointer_blue_white.png" ) 10 4, pointer;
}

.PhotoDetail {
    border: 1px solid #000000;
    max-width: 960px;
    max-height: 736px;
}

.PhotoDetailHD,
.PhotoDetailBlur {
    border: 1px solid #000000;
    max-width: 960px;
    max-height: 736px;
}

.PhotoTiny,
.PhotoTinyNoHover,
.PhotoHistogram {
    border: 1px solid #000000;
    max-width: 256px;
    max-height: 256px;
}

.PhotoTiny:hover {
    outline: 3px solid red;
}

.PhotoArtwork {
    border: 1px solid #000000;
    max-width: 256px;
    max-height: 268px;
}

.PhotoAverage {
    border: 1px solid #000000;
    margin-top: 3px;
    margin-left: 3px;
    width: 94px;
    min-width: 94px;
    max-width: 94px;
    height: 94px;
    min-height: 94px;
    max-height: 94px;
    z-index: 1;
}

.PhotoColor5 {
    border: 1px solid #000000;
    margin-top: 3px;
    margin-left: 3px;
    width: 94px;
    min-width: 94px;
    max-width: 94px;
    height: 94px;
    min-height: 94px;
    max-height: 96px;
    z-index: 1;
}

.PhotoID {
    border: 1px solid #000000;
    margin-top: 3px;
    margin-left: 3px;
    width: 94px;
    min-width: 94px;
    max-width: 94px;
    height: 94px;
    min-height: 94px;
    max-height: 96px;
    z-index: 1;
}

.SerieContentPic:hover,
.SerieOverviewContentPic:hover {
    cursor: url( "/icons/MDM/24/blue_white/cursor-pointer_blue_white.png" ) 10 4, pointer;
}


.SerieContentPicFrame:hover,
.SerieInfoPicFrame:hover,
.SeriesOverviewContentPicFrame:hover,
.PhotoHistogram:hover,
.PhotoAverage:hover,
.PhotoColor5:hover,
.PhotoArtwork:hover,
.PhotoID:hover {
    outline: 3px solid red;
    transition: outline 0.1s ease-out, background 0.1s ease-in;
    cursor: url( "/icons/MDM/24/blue_white/cursor-pointer_blue_white.png" ) 10 4, pointer;
}

.EndPlaceholder {
    position: relative;
    width: 128px;
    height: 128px;
    margin-top: 5px;
    margin-left: 256px;
    margin-bottom: 0px;
    margin-right: 0px;
    border-top-width: 0px;
    border-bottom-width: 0px;
    border-style: solid;
    border-left-color: #fdfdfd;
    border-left-width: 0px;
    border-right-color: #fdfdfd;
    border-right-width: 0px;
    background-color: #fdfdfd;
    position: relative;
    float: left;
    margin-left: 8px;
 }

.PhotoSerie {
    border: 1px solid #000000;
    max-width: 832px;
    max-height: 642px;
}

.PhotoAnnotated {
    border: 1px solid #000000;
/*    max-width: 250px;
    max-height: 200px; */
    max-width: 732px;
    max-height: 442px;
}

.PhotoSerie:hover {
    outline: 3px solid red;
}

.PhotoScreen____ {
    background-color: #111111;
    border: 1px solid #000000;
    min-height: 100px;
    min-width: 100px;
    height: 90%;
    width: 90%;
    max-height: 1400px;
    max-width: 1400px;
}

.PhotoOverview {
    border: 1px solid #000000;
    max-width: 960px;

}

.DetailContainer {
    position: absolute;
    display: table;
    top: 0px;
    left: 0px;
    right: 0px;
    width: 484px;
    min-width: 484px;
    @media screen and (orientation:portrait) and (max-width: 12px) {
        width: 968px;
        min-width: 968px;
    }
    @media screen and (orientation:portrait) and (max-width: 12px) {
        width: 968px;
        min-width: 968px;
    }
}

.DetailOverviewContainer {
    position: absolute;
    display: table;
    top: 0px;
    left: 10px;
    right: 10px;
    width: 200px;
    min-width: 200px;
}

.DetailRow,
.EditionRow,
.EditionOverviewRow {
    position: relative;
    display: table-row;
}

.EditionRows  {
    position: relative;
    padding-right: 0px;
    padding-left: 0px;
    border-right-style: solid;
    margin-left: 0px;
    margin-right: 0px;
    border: 0px;
    height: 36px;
/*    min-height: 36px;
    max-height: 36px; */
}

.EditionRowPurchase  {
    position: relative;
    padding-right: 0px;
    padding-left: 0px;
    border-right-style: solid;
    margin-left: 0px;
    top: 0px;
    border: 0px;
    height: 36px;
/*    min-height: 36px;
    max-height: 36px; */
    width: 124px;
    min-width: 124px;
    max-width: 124px;
}

.EditionRowDetails {
    position: relative;
    padding-right: 0px;
    padding-left: 0px;
    border-right-style: solid;
    top: -36px;
    left: 128px;
    right: 128px;
    border: 0px;
    height: 36px;
/*    min-height: 36px;
    max-height: 36px; */
}

.EditionRowPhase,
.EditionRow1,
.EditionRow2 {
    margin-top: 0px;
    padding-right: 0px;
    padding-left: 0px;
    border-right-style: solid;
    margin-left: 0px;
    border: 0px;
    height: 18px;
    min-height: 18px;
    max-height: 18px;
}

.EditionRow1 {
    top: 0px;
}

.EditionRow2 {
    top: 18px;
}

.EditionRowPhase {
    position: relative;
    margin-left: 128px;
}



.Detail1,
.Detail2,
.Detail3,
.Detail4,
.Detail2_4,
.Detail3_4,
.Detail1Head,
.Detail2Head,
.Detail3Head,
.Detail4Head,
.DetailSpace1,
.DetailSpace2,
.DetailSpace3,
.DetailSpace4,
.DetailSpace1Head,
.DetailSpace2Head,
.DetailSpace3Head,
.DetailSpace4Head,
.Detail1HeadRight,
.Edition0,
.Edition1,
.Edition2,
.Edition3,
.Edition4,
.Edition5,
.Edition6,
.Edition2_6,
.EditionOverview1,
.EditionOverview2,
.EditionNo1,
.EditionNo2,
.EditionNo3,
.EditionNo4,
.EditionNo5,
.EditionNo6,
.Edition0Head,
.Edition1Head,
.Edition2Head,
.Edition3Head,
.Edition4Head,
.Edition5Head,
.Edition6Head,
.Edition2_6Head,
.EditionOverview1Head,
.EditionOverview2Head,
.DetailAnalysisHead,
.DetailAnalysis {
    position: relative;
    font-family: 'Open Sans',Arial, sans-serif;font-weight: 400;
    font-size: var(--font-size14);
    font-weight: normal;
    text-decoration: none;
    display: table-cell;
    padding-right: 2px;
    padding-left: 2px;
    border-right-style: solid;
    border: 1px;
    height: 20px;
    width: 132px;
    min-width: 132px;
    @media screen and (orientation:portrait) and (max-width: 12px) {
        height: 40px;
        width: 264px;
        min-width: 264px;
    }
    @media screen and (min-width: 2600px) {
       height: 40px;
       width: 264px;
       min-width: 264px;
    }
    color: #000000;
}

.Detail2_4 {
    position: absolute;
    width: 396px;
    min-width: 396px;
    @media screen and (orientation:portrait) and (max-width: 12px) {
        width: 792px;
        min-width: 792px;
    }
    @media screen and (min-width: 2600px) {
        width: 792px;
        min-width: 792px;
    }
}

.Detail3_4 {
    position: absolute;
    width: 246px;
    min-width: 246px;
    @media screen and (orientation:portrait) and (max-width: 12px) {
        width: 792px;
        min-width: 792px;
    }
    @media screen and (min-width: 2600px) {
        width: 792px;
        min-width: 792px;
    }
}

/* .DetailAnalysis, */
.DetailAnalysisHead {
    width: 546px;
    @media screen and (orientation:portrait) and (max-width: 12px) {
        width: 1024px;
    }
    @media screen and (min-width: 2600px) {
        width: 1092px;
    }
}

.DetailAnalysisHeadIcon {
    position: absolute;
    top: 0px;
    width: 18px;
    left: 70px;
}

.DetailSpace1,
.DetailSpace2,
.DetailSpace3,
.DetailSpace4,
.DetailSpace1Head,
.DetailSpace2Head,
.DetailSpace3Head,
.DetailSpace4Head {
    border: 0px;
    height: 10px;
    font-size: var(--font-size6);
}

.Edition0,
.Edition0Head {
    width: 19px;
    min-width: 19px;
    text-align: left;
    padding-right: 0px;
    padding-left: 0px;
}

.Edition1,
.Edition1Head {
    width: 117px;
    min-width: 117px;
    text-align: left;
    padding-right: 0px;
    padding-left: 0px;
}

.Edition2,
.Edition3,
.Edition4,
.Edition5,
.Edition6,
.Edition2Head,
.Edition3Head,
.Edition4Head,
.Edition5Head,
.Edition6Head {
    width: 82px;
    min-width: 82px;
    text-align: right;
    padding-right: 0px;
    padding-left: 0px;
}

.Edition2_6Head {
    width: 85px;
    min-width: 85px;
    padding-right: 0px;
    padding-left: 0px;
}

.Edition2_6 {
    width: 425px;
    min-width: 425px;
    text-align: left;
    padding-right: 0px;
    padding-left: 0px;
}

.EditionOverview1,
.EditionOverview1Head {
    width: 120px;
    min-width: 120px;
    text-align: left;
    padding-right: 0px;
    padding-left: 0px;
}

.EditionOverview2,
.EditionOverview2Head {
    width: 80px;
    min-width: 80px;
    text-align: right;
    padding-right: 0px;
    padding-left: 0px;
}

.EditionNo1,
.EditionNo2,
.EditionNo3,
.EditionNo4,
.EditionNo5,
.EditionNo6 {
    width: 78px;
    min-width: 78px;
    color: #686868;
}

.EditionPhaseEarlyBird,
.EditionPhaseMain,
.EditionPhaseConstraint,
.EditionPhaseFinal,
.EditionPurchaseEarlyBird,
.EditionNoEarlyBird,
.EditionStockEarlyBird,
.EditionXEarlyBird,
.EditionYEarlyBird,
.EditionPDateEarlyBird,
.EditionPByEarlyBird,
.EditionTypeEarlyBird,
.EditionPTypeEarlyBird,
.EditionPPaperEarlyBird,
.EditionPColorEarlyBird,
.EditionPFinishEarlyBird,
.EditionPCommentEarlyBird,
.EditionPPriceEarlyBird,
.EditionPurchaseEarlyBirdRed,
.EditionNoEarlyBirdRed,
.EditionStockEarlyBirdRed,
.EditionXEarlyBirdRed,
.EditionYEarlyBirdRed,
.EditionPDateEarlyBirdRed,
.EditionPByEarlyBirdRed,
.EditionTypeEarlyBirdRed,
.EditionPTypeEarlyBirdRed,
.EditionPPaperEarlyBirdRed,
.EditionPColorEarlyBirdRed,
.EditionPFinishEarlyBirdRed,
.EditionPCommentEarlyBirdRed,
.EditionPPriceEarlyBirdRed,
.EditionPurchaseMain,
.EditionNoMain,
.EditionStockMain,
.EditionXMain,
.EditionYMain,
.EditionPDateMain,
.EditionPByMain,
.EditionTypeMain,
.EditionPTypeMain,
.EditionPPaperMain,
.EditionPColorMain,
.EditionPFinishMain,
.EditionPCommentMain,
.EditionPPriceMain,
.EditionPurchaseMainRed,
.EditionNoMainRed,
.EditionStockMainRed,
.EditionXMainRed,
.EditionYMainRed,
.EditionPDateMainRed,
.EditionPByMainRed,
.EditionTypeMainRed,
.EditionPTypeMainRed,
.EditionPPaperMainRed,
.EditionPColorMainRed,
.EditionPFinishMainRed,
.EditionPCommentMainRed,
.EditionPPriceMainRed,
.EditionPurchaseConstraint,
.EditionNoConstraint,
.EditionStockConstraint,
.EditionXConstraint,
.EditionYConstraint,
.EditionPDateConstraint,
.EditionPByConstraint,
.EditionTypeConstraint,
.EditionPTypeConstraint,
.EditionPPaperConstraint,
.EditionPColorConstraint,
.EditionPFinishConstraint,
.EditionPCommentConstraint,
.EditionPPriceConstraint,
.EditionPurchaseConstraintRed,
.EditionNoConstraintRed,
.EditionStockConstraintRed,
.EditionXConstraintRed,
.EditionYConstraintRed,
.EditionPDateConstraintRed,
.EditionPByConstraintRed,
.EditionTypeConstraintRed,
.EditionPTypeConstraintRed,
.EditionPPaperConstraintRed,
.EditionPColorConstraintRed,
.EditionPFinishConstraintRed,
.EditionPCommentConstraintRed,
.EditionPPriceConstraintRed,
.EditionPurchaseFinal,
.EditionNoFinal,
.EditionStockFinal,
.EditionXFinal,
.EditionYFinal,
.EditionPDateFinal,
.EditionPByFinal,
.EditionTypeFinal,
.EditionPTypeFinal,
.EditionPPaperFinal,
.EditionPColorFinal,
.EditionPFinishFinal,
.EditionPCommentFinal,
.EditionPPriceFinal,
.EditionPurchaseFinalRed,
.EditionNoFinalRed,
.EditionStockFinalRed,
.EditionXFinalRed,
.EditionYFinalRed,
.EditionPDateFinalRed,
.EditionPByFinalRed,
.EditionTypeFinalRed,
.EditionPTypeFinalRed,
.EditionPPaperFinalRed,
.EditionPColorFinalRed,
.EditionPFinishFinalRed,
.EditionPCommentFinalRed,
.EditionPPriceFinalRed,
.EditionPurchaseHead,
.EditionNoHead,
.EditionStockHead,
.EditionXYFormatHead,
.EditionXYFrameHead,
.EditionXHead,
.EditionYHead,
.EditionPDateHead,
.EditionPByHead,
.EditionTypeHead,
.EditionPTypeHead,
.EditionPPaperHead,
.EditionPColorHead,
.EditionPFinishHead,
.EditionPCommentHead,
.EditionPPriceHead {
    font-family: 'Open Sans',Arial, sans-serif;font-weight: 400;
    font-size: var(--font-size14);
    font-weight: normal;
    text-decoration: none;
    display: table-cell;
    padding-right: 0px;
    padding-left: 0px;
    height: 18px;
    border-right-style: solid;
    border-left-style: solid;
    border-right-width: 0px;
    border-right-color: #000000;
    border-left-width: 1px;
    border-left-color: #000000;
}

.EditionPhaseEarlyBird,
.EditionPurchaseEarlyBird,
.EditionNoEarlyBird,
.EditionStockEarlyBird,
.EditionXEarlyBird,
.EditionYEarlyBird,
.EditionPDateEarlyBird,
.EditionPByEarlyBird,
.EditionTypeEarlyBird,
.EditionPTypeEarlyBird,
.EditionPPaperEarlyBird,
.EditionPColorEarlyBird,
.EditionPFinishEarlyBird,
.EditionPCommentEarlyBird,
.EditionPPriceEarlyBird {
    color: #000000;
    background-color: #d8e3bc;
}

.EditionPhaseMain,
.EditionPurchaseMain,
.EditionNoMain,
.EditionStockMain,
.EditionXMain,
.EditionYMain,
.EditionPDateMain,
.EditionPByMain,
.EditionTypeMain,
.EditionPTypeMain,
.EditionPPaperMain,
.EditionPColorMain,
.EditionPFinishMain,
.EditionPCommentMain,
.EditionPPriceMain {
    color: #000000;
    background-color: #91d04e;
}

.EditionPhaseConstraint,
.EditionPurchaseConstraint,
.EditionNoConstraint,
.EditionStockConstraint,
.EditionXConstraint,
.EditionYConstraint,
.EditionPDateConstraint,
.EditionPByConstraint,
.EditionTypeConstraint,
.EditionPTypeConstraint,
.EditionPPaperConstraint,
.EditionPColorConstraint,
.EditionPFinishConstraint,
.EditionPCommentConstraint,
.EditionPPriceConstraint {
    color: #000000;
    background-color: #fefe01;
}

.EditionPhaseFinal,
.EditionPurchaseFinal,
.EditionNoFinal,
.EditionStockFinal,
.EditionXFinal,
.EditionYFinal,
.EditionPDateFinal,
.EditionPByFinal,
.EditionTypeFinal,
.EditionPTypeFinal,
.EditionPPaperFinal,
.EditionPColorFinal,
.EditionPFinishFinal,
.EditionPCommentFinal,
.EditionPPriceFinal {
    color: #000000;
    background-color: #fec000;
}

.EditionPurchaseEarlyBirdRed,
.EditionNoEarlyBirdRed,
.EditionStockEarlyBirdRed,
.EditionXEarlyBirdRed,
.EditionYEarlyBirdRed,
.EditionPDateEarlyBirdRed,
.EditionPByEarlyBirdRed,
.EditionTypeEarlyBirdRed,
.EditionPTypeEarlyBirdRed,
.EditionPPaperEarlyBirdRed,
.EditionPColorEarlyBirdRed,
.EditionPFinishEarlyBirdRed,
.EditionPCommentEarlyBirdRed,
.EditionPPriceEarlyBirdRed {
    color: #FF0000;
    background-color: #d8e3bc;
}

.EditionPurchaseMainRed,
.EditionNoMainRed,
.EditionStockMainRed,
.EditionXMainRed,
.EditionYMainRed,
.EditionPDateMainRed,
.EditionPByMainRed,
.EditionTypeMainRed,
.EditionPTypeMainRed,
.EditionPPaperMainRed,
.EditionPColorMainRed,
.EditionPFinishMainRed,
.EditionPCommentMainRed,
.EditionPPriceMainRed {
    color: #FF0000;
    background-color: #91d04e;
}

.EditionPurchaseConstraintRed,
.EditionNoConstraintRed,
.EditionStockConstraintRed,
.EditionXConstraintRed,
.EditionYConstraintRed,
.EditionPDateConstraintRed,
.EditionPByConstraintRed,
.EditionTypeConstraintRed,
.EditionPTypeConstraintRed,
.EditionPPaperConstraintRed,
.EditionPColorConstraintRed,
.EditionPFinishConstraintRed,
.EditionPCommentConstraintRed,
.EditionPPriceConstraintRed {
    color: #FF0000;
    background-color: #fefe01;
}

.EditionPurchaseFinalRed,
.EditionNoFinalRed,
.EditionStockFinalRed,
.EditionXFinalRed,
.EditionYFinalRed,
.EditionPDateFinalRed,
.EditionPByFinalRed,
.EditionTypeFinalRed,
.EditionPTypeFinalRed,
.EditionPPaperFinalRed,
.EditionPColorFinalRed,
.EditionPFinishFinalRed,
.EditionPCommentFinalRed,
.EditionPPriceFinalRed {
    color: #FF0000;
    background-color: #fec000;
}

.Detail1Head,
.Detail2Head,
.Detail3Head,
.Detail4Head,
.Detail1HeadRight,
.Edition0Head,
.Edition1Head,
.Edition2Head,
.Edition3Head,
.Edition4Head,
.Edition5Head,
.Edition6Head,
.Edition2_6Head,
.EditionOverview1Head,
.EditionOverview2Head,
.DetailAnalysisHead {
    font-weight: bold;
    border: 0px;
}

.Detail1HeadRight {
    text-align: right;
}

.EditionPurchaseHead,
.EditionNoHead,
.EditionStockHead,
.EditionXYFormatHead,
.EditionXYFrameHead,
.EditionXHead,
.EditionYHead,
.EditionPDateHead,
.EditionPByHead,
.EditionTypeHead,
.EditionPTypeHead,
.EditionPPaperHead,
.EditionPColorHead,
.EditionPFinishHead,
.EditionPCommentHead,
.EditionPPriceHead {
    font-weight: bold;
    background-color: #a5a5a5;
}

.EditionNoEarlyBird,
.EditionNoMain,
.EditionNoConstraint,
.EditionNoFinal,
.EditionNoEarlyBirdRed,
.EditionNoMainRed,
.EditionNoConstraintRed,
.EditionNoFinalRed,
.EditionNoHead {
    text-align: center;
}

.EditionPurchaseEarlyBird,
.EditionPurchaseMain,
.EditionPurchaseConstraint,
.EditionPurchaseFinal,
.EditionPurchaseEarlyBirdRed,
.EditionPurchaseMainRed,
.EditionPurchaseConstraintRed,
.EditionPurchaseFinalRed,
.EditionPurchaseHead {
    text-align: right;
}

.EditionStockEarlyBird,
.EditionStockMain,
.EditionStockConstraint,
.EditionStockFinal,
.EditionStockEarlyBirdRed,
.EditionStockMainRed,
.EditionStockConstraintRed,
.EditionStockFinalRed,
.EditionXEarlyBird,
.EditionXMain,
.EditionXConstraint,
.EditionXFinal,
.EditionXEarlyBirdRed,
.EditionXMainRed,
.EditionXConstraintRed,
.EditionXFinalRed,
.EditionYEarlyBird,
.EditionYMain,
.EditionYConstraint,
.EditionYFinal,
.EditionYEarlyBirdRed,
.EditionYMainRed,
.EditionYConstraintRed,
.EditionYFinalRed,
.EditionStockHead,
.EditionXYFormatHead,
.EditionXYFrameHead,
.EditionXHead,
.EditionYHead {
    text-align: center;
}

.EditionNoEarlyBird,
.EditionNoMain,
.EditionNoConstraint,
.EditionNoFinal,
.EditionNoEarlyBirdRed,
.EditionNoMainRed,
.EditionNoConstraintRed,
.EditionNoFinalRed,
.EditionNoHead {
    width: 20px;
}

.EditionPurchaseEarlyBird,
.EditionPurchaseMain,
.EditionPurchaseConstraint,
.EditionPurchaseFinal,
.EditionPurchaseEarlyBirdRed,
.EditionPurchaseMainRed,
.EditionPurchaseConstraintRed,
.EditionPurchaseFinalRed,
.EditionPurchaseHead {
    width: 127px;
}

.EditionStockEarlyBird,
.EditionStockMain,
.EditionStockConstraint,
.EditionStockFinal,
.EditionStockEarlyBirdRed,
.EditionStockMainRed,
.EditionStockConstraintRed,
.EditionStockFinalRed,
.EditionStockHead {
    width: 46px;
}

.EditionXYFormatHead,
.EditionXYFrameHead {
    width: 91px;
}

.EditionStockEarlyBird,
.EditionStockMain,
.EditionStockConstraint,
.EditionStockFinal,
.EditionStockEarlyBirdRed,
.EditionStockMainRed,
.EditionStockConstraintRed,
.EditionStockFinalRed,
.EditionXEarlyBird,
.EditionXMain,
.EditionXConstraint,
.EditionXFinal,
.EditionXEarlyBirdRed,
.EditionXMainRed,
.EditionXConstraintRed,
.EditionXFinalRed,
.EditionYEarlyBird,
.EditionYMain,
.EditionYConstraint,
.EditionYFinal,
.EditionYEarlyBirdRed,
.EditionYMainRed,
.EditionYConstraintRed,
.EditionYFinalRed,
.EditionStockHead,
.EditionXHead,
.EditionYHead {
    width: 45px;
}

.EditionPDateEarlyBird,
.EditionPDateMain,
.EditionPDateConstraint,
.EditionPDateFinal,
.EditionPDateEarlyBirdRed,
.EditionPDateMainRed,
.EditionPDateConstraintRed,
.EditionPDateFinalRed,
.EditionPByEarlyBird,
.EditionPByMain,
.EditionPByConstraint,
.EditionPByFinal,
.EditionPByEarlyBirdRed,
.EditionPByMainRed,
.EditionPByConstraintRed,
.EditionPByFinalRed,
.EditionPDateHead,
.EditionPByHead {
    width: 70px;
    text-align: center;
}

.EditionTypeEarlyBird,
.EditionTypeMain,
.EditionTypeConstraint,
.EditionTypeFinal,
.EditionTypeEarlyBirdRed,
.EditionTypeMainRed,
.EditionTypeConstraintRed,
.EditionTypeFinalRed,
.EditionPTypeEarlyBird,
.EditionPTypeMain,
.EditionPTypeConstraint,
.EditionPTypeFinal,
.EditionPTypeEarlyBirdRed,
.EditionPTypeMainRed,
.EditionPTypeConstraintRed,
.EditionPTypeFinalRed,
.EditionTypeHead,
.EditionPTypeHead {
    width: 128px;
}

.EditionPhaseEarlyBird,
.EditionPhaseMain,
.EditionPhaseConstraint,
.EditionPhaseFinal {
    border-right-width: 1px;
    width: 858px;
    font-weight: bold;
}

.EditionPPaperEarlyBird,
.EditionPPaperMain,
.EditionPPaperConstraint,
.EditionPPaperFinal,
.EditionPPaperEarlyBirdRed,
.EditionPPaperMainRed,
.EditionPPaperConstraintRed,
.EditionPPaperFinalRed,
.EditionPColorEarlyBird,
.EditionPColorMain,
.EditionPColorConstraint,
.EditionPColorFinal,
.EditionPColorEarlyBirdRed,
.EditionPColorMainRed,
.EditionPColorConstraintRed,
.EditionPColorFinalRed,
.EditionPPaperHead,
.EditionPColorHead {
    width: 225px;
}

.EditionPFinishEarlyBird,
.EditionPFinishMain,
.EditionPFinishConstraint,
.EditionPFinishFinal,
.EditionPFinishEarlyBirdRed,
.EditionPFinishMainRed,
.EditionPFinishConstraintRed,
.EditionPFinishFinalRed,
.EditionPCommentEarlyBird,
.EditionPCommentMain,
.EditionPCommentConstraint,
.EditionPCommentFinal,
.EditionPCommentEarlyBirdRed,
.EditionPCommentMainRed,
.EditionPCommentConstraintRed,
.EditionPCommentFinalRed,
.EditionPFinishHead,
.EditionPCommentHead {
    width: 120px;
}

.EditionPPriceEarlyBird,
.EditionPPriceMain,
.EditionPPriceConstraint,
.EditionPPriceFinal,
.EditionPPriceEarlyBirdRed,
.EditionPPriceMainRed,
.EditionPPriceConstraintRed,
.EditionPPriceFinalRed,
.EditionPPriceHead {
    width: 60px;
    border-right-width: 1px;
    text-align: center;
}

.Center {
    position: absolute;
    top: 50%; left: 50%;
    transform: translate(-50%,-50%);
    min-height: 300px;
}

.CenterBody {
    position: absolute;
    top: 0px;
    left: 112px;
    right: 112px;
    bottom: var(--icon-size);
}

.IndexBody {
    position: absolute;
    top: 432px;
    left: 112px;
    right: 112px;
    bottom: 0px;
}

.RandomPicture {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: auto;
    margin-bottom: auto;
    max-height: 400px;
    max-width: 960px;
}

.ToPurchaseButton,
.PurchaseEmailButton {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffec64), color-stop(1, #ffab23));
    background: -moz-linear-gradient(top, #ffec64 5%, #ffab23 100%);
    background: -webkit-linear-gradient(top, #ffec64 5%, #ffab23 100%);
    background: -o-linear-gradient(top, #ffec64 5%, #ffab23 100%);
    background: -ms-linear-gradient(top, #ffec64 5%, #ffab23 100%);
    background: linear-gradient(to bottom, #ffec64 5%, #ffab23 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffec64', endColorstr='#ffab23',GradientType=0);
    background-color: #ffec64;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #ffaa22;
    display: inline-block;
    cursor: pointer;
    color: #333333;
    font-family: 'Open Sans',Arial, sans-serif;font-weight: 400;
    font-size: var(--font-size12);
    font-weight: bold;
    padding: 2px 8px;
    text-decoration: none;
    text-align: center;
}

.ToPurchaseButton: hover {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffab23), color-stop(1, #ffec64));
    background: -moz-linear-gradient(top, #ffab23 5%, #ffec64 100%);
    background: -webkit-linear-gradient(top, #ffab23 5%, #ffec64 100%);
    background: -o-linear-gradient(top, #ffab23 5%, #ffec64 100%);
    background: -ms-linear-gradient(top, #ffab23 5%, #ffec64 100%);
    background: linear-gradient(to bottom, #ffab23 5%, #ffec64 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffab23', endColorstr='#ffec64',GradientType=0);
    background-color: #ffab23;
    cursor: url( "/icons/MDM/24/blue_white/cursor-pointer_blue_white.png" ) 10 4, pointer;
}

.PurchaseEmailButton: hover {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffab23), color-stop(1, #ffec64));
    background: -moz-linear-gradient(top, #ffab23 5%, #ffec64 100%);
    background: -webkit-linear-gradient(top, #ffab23 5%, #ffec64 100%);
    background: -o-linear-gradient(top, #ffab23 5%, #ffec64 100%);
    background: -ms-linear-gradient(top, #ffab23 5%, #ffec64 100%);
    background: linear-gradient(to bottom, #ffab23 5%, #ffec64 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffab23', endColorstr='#ffec64',GradientType=0);
    background-color: #ffab23;
    cursor: url( "/icons/MDM/24/blue_white/cursor-pointer_blue_white.png" ) 10 4, pointer;
}

.ToPurchaseButton: active {
    position: relative;
    top: 1px;
}

.PurchaseEmailButton: active {
    position: relative;
    top: 1px;
}

body {
    background-color: #fdfdfd;
}

video#introVideo {
    position: absolute;
    min-width: 50%;
    min-height: 50%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%    !important;
    height: auto   !important;
}

body#introBody {
    animation-name: black;
    background-color: #000000;
    animation-duration: 2s;
    overflow:hidden;
}

@keyframes black {
    0% {background-color: #FFFFFF;}
    100% {background-color: #000000;}
}

@keyframes white {
    0% {background-color: #000000;}
    100% {background-color: #FFFFFF;}
}

.IntroVideo {
    background-color: #ffffff;
    display: none;
    background-image: url('../extrapictures/white1920x1080.jpg');
}

.SerieVideo {
    position: absolute;
    top: var(--icon-size);
    left: var(--icon-size);
    background-color: #ffffff;
}


.EditionOverviewDialog,
.EditionCompatibleDialog,
.ArtworkDialog,
.HistogramDialog,
.AverageDialog,
.Color5Dialog,
.QRIDDialog {
}

.NWArea {
    position: absolute;
    top: 31px;
    left: 31px;
    width: 31px;
    height: 31px;
}

.SWArea {
    position: absolute;
    bottom: 31px;
    left: 31px;
    width: 31px;
    height: 31px;
}

.NEArea {
    position: absolute;
    top: 31px;
    right: 31px;
    width: 31px;
    height: 31px;
}

.SEArea {
    position: absolute;
    bottom: 31px;
    right: 31px;
    width: 31px;
    height: 31px;
}

.CEArea {
    position: absolute;
    bottom: 31px;
    left: 231px;
    width: 31px;
    height: 31px;
}

.NWArea:hover,
.SWArea:hover,
.NEArea:hover,
.SEArea:hover,
.CEArea:hover {
    outline: 3px solid red;
    transition: outline 0.1s ease-out, background 0.1s ease-in;
    cursor: url( "/icons/MDM/24/blue_white/cursor-pointer_blue_white.png" ) 10 4, pointer;
}

.ShopLLim,
.ShopLLimSold,
.ShopLLimStock,
.ShopLLimBold,
.ShopLModify {
    padding: 0px;
    border: 0px;

}

.ShopLLimSold {
    color: #CC0000;
}


.ShopLOpen,
.ShopLOpenStock,
.ShopLOpenBold {
    padding: 0px;
    border: 0px;
    background-color: #F3F3F3;
}

.ShopLLimStock,
.ShopLOpenStock {
    color: #009900;
}

.ShopLModify {
    background-color: #FFFFCC;
}


.BlogCustomer,
.BlogCustomerBold,
.ShopCustomer,
.ShopCustomerBold,
.ShopCustomerRight,
.ShopCustomerRightBold {
    color: #000000;
}

.Table256,
.Table256Center,
.Table400,
.Table400Center,
.Table500,
.Table500Center,
.Table600,
.Table600Center,
.Table800,
.Table800Center,
.Table962,
.Table962Center,
.Table1000,
.Table1000Center {
    margin-left:auto;
    margin-right:auto;
}

.Table256,
.Table256Center {
    width: 256px;
    min-width: 256px;
    max-width: 256px;
}

.Table400,
.Table400Center {
    width: 400px;
    min-width: 400px;
    max-width: 400px;
}

.Table500,
.Table500Center {
    width: 500px;
    min-width: 500px;
    max-width: 500px;
}

.Table600,
.Table600Center {
    width: 600px;
    min-width: 600px;
    max-width: 600px;
}

.Table800,
.Table800Center {
    width: 800px;
    min-width: 800px;
    max-width: 800px;
}

.Table962,
.Table962Center {
    width: 962px;
    min-width: 962px;
    max-width: 962px;
}

.Table1000,
.Table1000Center {
    width: 1000px;
    min-width: 1000px;
    max-width: 1000px;
}

.Table256Center,
.Table400Center,
.Table500Center,
.Table600Center,
.Table800Center,
.Table962Center,
.Table1000Center {
    text-align: center;
}

.TableMain,
.TableMainCenter {
    margin-left:auto;
    margin-right:auto;
    width: 800px;
    min-width: 800px;
    max-width: 800px;
    @media screen and (orientation:portrait) and (max-width: 12px) {
        width: 1000px;
        min-width: 1000px;
        max-width: 1000px;
    }
    @media screen and (min-width: 2600px) {
        width: 1600px;
        min-width: 1600px;
        max-width: 1600px;
    }
}

.TableMainCenter {
    text-align: center;
}

.WIcon {
    width: 32px;
    min-width: 32px;
    max-width: 32px;
    @media screen and (orientation:portrait) and (max-width: 12px) {
        width: 64px;
        min-width: 64px;
        max-width: 64px;
    }
    @media screen and (min-width: 2600px) {
        width: 64px;
        min-width: 64px;
        max-width: 64px;
    }
}

.DualColumnTable {
    width: 272px;
    min-width: 272px;
    max-width: 272px;
    @media screen and (orientation:portrait) and (max-width: 12px) {
        width: 372px;
        min-width: 372px;
        max-width: 372px;
    }
    @media screen and (min-width: 2600px) {
        width: 544px;
        min-width: 544px;
        max-width: 544px;
    }
}

.DualColumnTableSpacer {
    width: 128px;
    min-width: 128px;
    max-width: 128px;
    @media screen and (orientation:portrait) and (max-width: 12px) {
        width: 64px;
        min-width: 64px;
        max-width: 64px;
    }
    @media screen and (min-width: 2600px) {
        width: 256px;
        min-width: 256px;
        max-width: 256px;
    }
}

.Input:hover {
    cursor: url( "/icons/MDM/24/blue_white/cursor-text_blue_white.png" ) 10 4, pointer;
}

.ui-dialog {
    z-index: 20000 !important;
}  /* workaround jquery issue */

.ui-button:hover,
.ui-button-icon-primary:hover {
    cursor: url( "/icons/MDM/24/blue_white/cursor-pointer_blue_white.png" ) 10 4, pointer;
}

.ui-autocomplete-input:hover {
    cursor: url( "/icons/MDM/24/blue_white/cursor-text_blue_white.png" ) 10 4, pointer;
}

.TextButton {
    width: 200px;
    height: var(--icon-size);
    border: none;
    color: #000000;
    background-color: #C8C8C8;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: var(--font-size16);
    transition-duration: 0.4s;
}

.TextButton:hover {
    color: red;
}

.SelectionEditionContent,
.SelectionSizeContent,
.SelectionFrameSizeContent,
.SelectionFinishingContent,
.SelectionFrameColorContent,
.SelectionFrameTypeContent,
.SelectionFrameGlassContent,
.SelectionPasspartoutColorContent {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #0C0;
}

.LineAbove {
    border-style: solid;
    border-top-width: 1px;
    border-top-color: #000000;
}

h3.ui-accordion-header {
    font-family: 'Open Sans',Arial, sans-serif;font-weight: 400;
    font-size: var(--font-size16);
    font-weight: bold;
    text-align: left;
}

.Middle {
    vertical-align: middle;
}



/*
.bodyjustify {
color: black;
}
*/
.ui-controlgroup-vertical {
    width: 150px;
}

.ui-controlgroup.ui-controlgroup-vertical > button.ui-button,
.ui-controlgroup.ui-controlgroup-vertical > .ui-controlgroup-label {
    text-align: center;
}


/* ================================= */

.ui-dialog-title {
    font-size: var(--font-size18);
}

.ui-icon {
}

.ui-dialog-titlebar-close,
.ui-dialog-titlebar-download {
  transform: scale( var(--jquery-icon-scale) );
}


.ui-dialog-titlebar-download:hover .ui-icon {
    cursor: url( "/icons/MDM/24/blue_white/cursor-pointer_blue_white.png" ) 10 4, pointer;
    background-image: url( "/jquery/jquery-ui-themes-1.13.2/themes/base/images/ui-icons_ff0000_256x240.png" );
}

.ui-dialog-titlebar-close:hover .ui-icon {
    cursor: url( "/icons/MDM/24/blue_white/cursor-pointer_blue_white.png" ) 10 4, pointer;
    background-image: url( "/jquery/jquery-ui-themes-1.13.2/themes/base/images/ui-icons_ff0000_256x240.png" );
}

.ui-dialog-titlebar .ui-dialog-titlebar-download {
    position: absolute;
    top: 50%;
    width: 20px;
    height: 20px;
    padding: 1px;
    margin: -10px var(--jquery-icon-margin) 0 0;
}

.ui-dialog-titlebar .ui-dialog-titlebar-download {
    right: 2.25em;
}

.ui-dialog-titlebar > ui-dialog-titlebar-download {
    background: red;
}

.ui-state-active {
    background: grey;
    border: grey;
}

.MenuBackground {
  position:absolute;
  height: 0%;
  width: 100%;
  background-color: rgba(127,127,127,.5);
  z-index: 199999;
/*   transition: 0.1s; */
}

.MenuOverlay {
  height: 0%;
  width: 440px;
  position: absolute;
  top: 0px;
  left: 0px;
  background-color: #fdfdfd;
  border: 2px;
  border-left-color:#fdfdfd;
  border-top-style: none;
  border-left-style: solid;
  border-right-style: solid;
  border-bottom-style: none;
  overflow-x: hidden;
/*  transition: 0.5s; */
  color: #686868;
  z-index: 200001;
}

.MenuFreeOverlay {
  height: 0%;
  left: 440px;
  position: absolute;
  top: 0px;
  right: 0px;
/*   transition: 0.5s; */
  opacity: 0.0;
  z-index: 200001;
}

.PopUpMenu {
  position: relative;
  top: 64px;
  width: 220px;
  text-align: left;
  margin-top: 30px;
  z-index: 200000;
}

.MenuPopUp a {
  padding: 8px;
  text-decoration: none;
  font-size: 36px;
  color: #818181;
  display: block;
  transition: 0.3s;
}

.waaddress {
    content:url( "/icons/WA/32/black/address_black.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/WA/64/black/address_black.png" );
    }
}

.waaddressOverlay {
    content:url( "/icons/WA/32/red/address_red.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/WA/64/red/address_red.png" );
    }
}

.account-voice {
    content:url( "/icons/MD/32/grey/account-voice_grey.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/grey/account-voice_grey.png" );
    }
}
.account-voiceDisabled {
    content:url( "/icons/MD/32/silver/account-voice_silver.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/silver/account-voice_silver.png" );
    }
}
.account-voiceOverlay {
    content:url( "/icons/MD/32/red/account-voice_red.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/red/account-voice_red.png" );
    }
}

.ai {
    content:url( "/icons/NP/32/grey/ai_grey.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/NP/64/grey/ai_grey.png" );
    }
}
.aiDisabled {
    content:url( "/icons/NP/32/silver/ai_silver.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/NP/64/silver/ai_silver.png" );
    }
}
.aiOverlay {
    content:url( "/icons/NP/32/red/ai_red.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/NP/64/red/ai_red.png" );
    }
}

.arrow-collapse-all {
    content:url( "/icons/MD/32/grey/arrow-collapse-all_grey.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/grey/arrow-collapse-all_grey.png" );
    }
}
.arrow-collapse-allDisabled {
    content:url( "/icons/MD/32/silver/arrow-collapse-all_silver.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/silver/arrow-collapse-all_silver.png" );
    }
}
.arrow-collapse-allOverlay {
    content:url( "/icons/MD/32/red/arrow-collapse-all_red.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/red/arrow-collapse-all_red.png" );
    }
}


.arrow-expand-all {
    content:url( "/icons/MD/32/grey/arrow-expand-all_grey.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/grey/arrow-expand-all_grey.png" );
    }
}
.arrow-expand-allDisabled {
    content:url( "/icons/MD/32/silver/arrow-expand-all_silver.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/silver/arrow-expand-all_silver.png" );
    }
}
.arrow-expand-allOverlay {
    content:url( "/icons/MD/32/red/arrow-expand-all_red.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/red/arrow-expand-all_red.png" );
    }
}

.aiReviewed {
    content:url( "/icons/NP/32/darkgreen/ai_darkgreen.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/NP/64/darkgreen/ai_darkgreen.png" );
    }
}

.aiNotReviewed {
    content:url( "/icons/NP/32/orange/ai_orange.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/NP/64/orange/ai_orange.png" );
    }
}

.ai {
    content:url( "/icons/NP/32/grey/ai_grey.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/NP/64/grey/ai_grey.png" );
    }
}
.aiDisabled {
    content:url( "/icons/NP/32/silver/ai_silver.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/NP/64/silver/ai_silver.png" );
    }
}
.aiOverlay {
    content:url( "/icons/NP/32/red/ai_red.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/NP/64/red/ai_red.png" );
    }
}

.art-gallery {
    content:url( "/icons/NP/32/grey/art-gallery_grey.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/NP/64/grey/art-gallery_grey.png" );
    }
}
.art-galleryDisabled {
    content:url( "/icons/NP/32/silver/art-gallery_silver.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/NP/64/silver/art-gallery_silver.png" );
    }
}
.art-galleryOverlay {
    content:url( "/icons/NP/32/red/art-gallery_red.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/NP/64/red/art-gallery_red.png" );
    }
}

.camera {
    content:url( "/icons/MD/32/grey/camera_grey.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/grey/camera_grey.png" );
    }
}
.cameraDisabled {
    content:url( "/icons/MD/32/silver/camera_silver.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/silver/camera_silver.png" );
    }
}
.cameraOverlay {
    content:url( "/icons/MD/32/red/camera_red.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/red/camera_red.png" );
    }
}

.camera-outline {
    content:url( "/icons/MD/32/grey/camera-outline_grey.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/grey/camera-outline_grey.png" );
    }
}
.camera-outlineDisabled {
    content:url( "/icons/MD/32/silver/camera-outline_silver.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/silver/camera-outline_silver.png" );
    }
}
.camera-outlineOverlay {
    content:url( "/icons/MD/32/red/camera-outline_red.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/red/camera-outline_red.png" );
    }
}

.cart {
    content:url( "/icons/MD/32/grey/cart_grey.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/grey/cart_grey.png" );
    }
}
.cartDisabled {
    content:url( "/icons/MD/32/silver/cart_silver.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/silver/cart_silver.png" );
    }
}
.cartOverlay {
    content:url( "/icons/MD/32/red/cart_red.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/red/cart_red.png" );
    }
}

.cart-plus {
    content:url( "/icons/MD/32/grey/cart-plus_grey.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/grey/cart-plus_grey.png" );
    }
}
.cart-plusDisabled {
    content:url( "/icons/MD/32/silver/cart-plus_silver.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/silver/cart-plus_silver.png" );
    }
}
.cart-plusOverlay {
    content:url( "/icons/MD/32/red/cart-plus_red.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/red/cart-plus_red.png" );
    }
}

.cellphone-android_low_end {
    content:url( "/icons/MDM/32/grey/cellphone-android_low_end_grey.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MDM/64/grey/cellphone-android_low_end_grey.png" );
    }
}
.cellphone-android_low_endDisabled {
    content:url( "/icons/MDM/32/silver/cellphone-android_low_end_silver.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MDM/64/silver/cellphone-android_low_end_silver.png" );
    }
}
.cellphone-android_low_endOverlay {
    content:url( "/icons/MDM/32/red/cellphone-android_low_end_red.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MDM/64/red/cellphone-android_low_end_red.png" );
    }
}

.cellphone-android_low_end_shotdigital {
    content:url( "/icons/MDM/32/grey/cellphone-android_low_end_shotdigital_grey.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MDM/64/grey/cellphone-android_low_end_shotdigital_grey.png" );
    }
}
.cellphone-android_low_end_shotdigitalDisabled {
    content:url( "/icons/MDM/32/silver/cellphone-android_low_end_shotdigital_silver.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MDM/64/silver/cellphone-android_low_end_shotdigital_silver.png" );
    }
}
.cellphone-android_low_end_shotdigitalOverlay {
    content:url( "/icons/MDM/32/red/cellphone-android_low_end_shotdigital_red.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MDM/64/red/cellphone-android_low_end_shotdigital_red.png" );
    }
}

.chevron-left {
    content:url( "/icons/MD/32/grey/chevron-left_grey.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/grey/chevron-left_grey.png" );
    }
}
.chevron-leftDisabled {
    content:url( "/icons/MD/32/silver/chevron-left_silver.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/silver/chevron-left_silver.png" );
    }
}
.chevron-leftOverlay {
    content:url( "/icons/MD/32/red/chevron-left_red.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/red/chevron-left_red.png" );
    }
}

.chevron-right {
    content:url( "/icons/MD/32/grey/chevron-right_grey.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/grey/chevron-right_grey.png" );
    }
}
.chevron-rightDisabled {
    content:url( "/icons/MD/32/silver/chevron-right_silver.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/silver/chevron-right_silver.png" );
    }
}
.chevron-rightOverlay {
    content:url( "/icons/MD/32/red/chevron-right_red.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/red/chevron-right_red.png" );
    }
}

.circle {
    content:url( "/icons/MD/32/grey/circle_grey.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/grey/circle_grey.png" );
    }
}
.circleDisabled {
    content:url( "/icons/MD/32/silver/circle_silver.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/silver/circle_silver.png" );
    }
}
.circleOverlay {
    content:url( "/icons/MD/32/red/circle_red.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/red/circle_red.png" );
    }
}
.circleSelected {
    content:url( "/icons/MD/32/black/circle_black.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/black/circle_black.png" );
    }
}

.content-copySmall {
    content:url( "/icons/MD/18/grey/content-copy_grey.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/grey/content-copy_grey.png" );
    }
}
.content-copySmallDisabled {
    content:url( "/icons/MD/18/silver/content-copy_silver.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/silver/content-copy_silver.png" );
    }
}
.content-copySmallOverlay {
    content:url( "/icons/MD/18/red/content-copy_red.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/red/content-copy_red.png" );
    }
}

.cpu_fx {
    content:url( "/icons/MDM/32/grey/cpu_fx_grey.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MDM/64/grey/cpu_fx_grey.png" );
    }
}
.cpu_fxDisabled {
    content:url( "/icons/MDM/32/silver/cpu_fx_silver.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MDM/64/silver/cpu_fx_silver.png" );
    }
}
.cpu_fxOverlay {
    content:url( "/icons/MDM/32/red/cpu_fx_red.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MDM/64/red/cpu_fx_red.png" );
    }
}

.cpu_fx_shotdigital {
    content:url( "/icons/MDM/32/grey/cpu_fx_shotdigital_grey.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MDM/64/grey/cpu_fx_shotdigital_grey.png" );
    }
}
.cpu_fx_shotdigitalDisabled {
    content:url( "/icons/MDM/32/silver/cpu_fx_shotdigital_silver.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MDM/64/silver/cpu_fx_shotdigital_silver.png" );
    }
}
.cpu_fx_shotdigitalOverlay {
    content:url( "/icons/MDM/32/red/cpu_fx_shotdigital_red.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MDM/64/red/cpu_fx_shotdigital_red.png" );
    }
}

.cpu_mf {
    content:url( "/icons/MDM/32/grey/cpu_mf_grey.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MDM/64/grey/cpu_mf_grey.png" );
    }
}
.cpu_mfDisabled {
    content:url( "/icons/MDM/32/silver/cpu_mf_silver.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MDM/64/silver/cpu_mf_silver.png" );
    }
}
.cpu_mfOverlay {
    content:url( "/icons/MDM/32/red/cpu_mf_red.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MDM/64/red/cpu_mf_red.png" );
    }
}

.cpu_mf_shotdigital {
    content:url( "/icons/MDM/32/grey/cpu_mf_shotdigital_grey.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MDM/64/grey/cpu_mf_shotdigital_grey.png" );
    }
}
.cpu_mf_shotdigitalDisabled {
    content:url( "/icons/MDM/32/silver/cpu_mf_shotdigital_silver.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MDM/64/silver/cpu_mf_shotdigital_silver.png" );
    }
}
.cpu_mf_shotdigitalOverlay {
    content:url( "/icons/MDM/32/red/cpu_mf_shotdigital_red.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MDM/64/red/cpu_mf_shotdigital_red.png" );
    }
}

.cpu_apsc {
    content:url( "/icons/MDM/32/grey/cpu_apsc_grey.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MDM/64/grey/cpu_apsc_grey.png" );
    }
}
.cpu_apscDisabled {
    content:url( "/icons/MDM/32/silver/cpu_apsc_silver.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MDM/64/silver/cpu_apsc_silver.png" );
    }
}
.cpu_apscOverlay {
    content:url( "/icons/MDM/32/red/cpu_apsc_red.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MDM/64/red/cpu_apsc_red.png" );
    }
}

.cpu_apsc_shotdigital {
    content:url( "/icons/MDM/32/grey/cpu_apsc_shotdigital_grey.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MDM/64/grey/cpu_apsc_shotdigital_grey.png" );
    }
}
.cpu_apsc_shotdigitalDisabled {
    content:url( "/icons/MDM/32/silver/cpu_apsc_shotdigital_silver.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MDM/64/silver/cpu_apsc_shotdigital_silver.png" );
    }
}
.cpu_apsc_shotdigitalOverlay {
    content:url( "/icons/MDM/32/red/cpu_apsc_shotdigital_red.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MDM/64/red/cpu_apsc_shotdigital_red.png" );
    }
}

.database {
    content:url( "/icons/MD/32/grey/database_grey.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/grey/database_grey.png" );
    }
}
.databaseDisabled {
    content:url( "/icons/MD/32/silver/database_silver.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/silver/database_silver.png" );
    }
}
.databaseOverlay {
    content:url( "/icons/MD/32/red/database_red.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/red/database_red.png" );
    }
}

.dots-horizontal {
    content:url( "/icons/MD/32/grey/dots-horizontal_grey.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/grey/dots-horizontal_grey.png" );
    }
}
.dots-horizontalDisabled {
    content:url( "/icons/MD/32/silver/dots-horizontal_silver.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/silver/dots-horizontal_silver.png" );
    }
}
.dots-horizontalOverlay {
    content:url( "/icons/MD/32/red/dots-horizontal_red.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/red/dots-horizontal_red.png" );
    }
}

.download {
    content:url( "/icons/MD/32/grey/download_grey.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/grey/download_grey.png" );
    }
}
.downloadDisabled {
    content:url( "/icons/MD/32/silver/download_silver.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/silver/download_silver.png" );
    }
}
.downloadOverlay {
    content:url( "/icons/MD/32/red/download_red.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/red/download_red.png" );
    }
}

.edge {
    content:url( "/icons/MD/32/grey/edge_grey.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/grey/edge_grey.png" );
    }
}
.edgeDisabled {
    content:url( "/icons/MD/32/silver/edge_silver.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/silver/edge_silver.png" );
    }
}
.edgeOverlay {
    content:url( "/icons/MD/32/red/edge_red.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/red/edge_red.png" );
    }
}

.eject {
    content:url( "/icons/MD/32/grey/eject_grey.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/grey/eject_grey.png" );
    }
}
.ejectDisabled {
    content:url( "/icons/MD/32/silver/eject_silver.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/silver/eject_silver.png" );
    }
}
.ejectOverlay {
    content:url( "/icons/MD/32/red/eject_red.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/red/eject_red.png" );
    }
}

.email {
    content:url( "/icons/MD/32/grey/email_grey.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/grey/email_grey.png" );
    }
}
.emailDisabled {
    content:url( "/icons/MD/32/silver/email_silver.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/silver/email_silver.png" );
    }
}
.emailOverlay {
    content:url( "/icons/MD/32/red/email_red.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/red/email_red.png" );
    }
}

.file_lf {
    content:url( "/icons/MDM/32/grey/file_lf_grey.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MDM/64/grey/file_lf_grey.png" );
    }
}
.file_lfDisabled {
    content:url( "/icons/MDM/32/silver/file_lf_silver.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MDM/64/silver/file_lf_silver.png" );
    }
}
.file_lfOverlay {
    content:url( "/icons/MDM/32/red/file_lf_red.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MDM/64/red/file_lf_red.png" );
    }
}

.file_lf_shotonfilm {
    content:url( "/icons/MDM/32/grey/file_lf_shotonfilm_grey.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MDM/64/grey/file_lf_shotonfilm_grey.png" );
    }
}
.file_lf_shotonfilmDisabled {
    content:url( "/icons/MDM/32/silver/file_lf_shotonfilm_silver.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MDM/64/silver/file_lf_shotonfilm_silver.png" );
    }
}
.file_lf_shotonfilmOverlay {
    content:url( "/icons/MDM/32/red/file_lf_shotonfilm_red.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MDM/64/red/file_lf_shotonfilm_red.png" );
    }
}

.file_ulf {
    content:url( "/icons/MDM/32/grey/file_ulf_grey.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MDM/64/grey/file_ulf_grey.png" );
    }
}
.file_ulfDisabled {
    content:url( "/icons/MDM/32/silver/file_ulf_silver.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MDM/64/silver/file_ulf_silver.png" );
    }
}
.file_ulfOverlay {
    content:url( "/icons/MDM/32/red/file_ulf_red.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MDM/64/red/file_ulf_red.png" );
    }
}

.file_ulf_shotonfilm {
    content:url( "/icons/MDM/32/grey/file_ulf_shotonfilm_grey.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MDM/64/grey/file_ulf_shotonfilm_grey.png" );
    }
}
.file_ulf_shotonfilmDisabled {
    content:url( "/icons/MDM/32/silver/file_ulf_shotonfilm_silver.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MDM/64/silver/file_ulf_shotonfilm_silver.png" );
    }
}
.file_ulf_shotonfilmOverlay {
    content:url( "/icons/MDM/32/red/file_ulf_shotonfilm_red.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MDM/64/red/file_ulf_shotonfilm_red.png" );
    }
}

.file-image {
    content:url( "/icons/MD/32/grey/file-image_grey.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/grey/file-image_grey.png" );
    }
}
.file-imageDisabled {
    content:url( "/icons/MD/32/silver/file-image_silver.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/silver/file-image_silver.png" );
    }
}
.file-imageOverlay {
    content:url( "/icons/MD/32/red/file-image_red.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/red/file-image_red.png" );
    }
}

.file-pdf {
    content:url( "/icons/MD/32/grey/file-pdf_grey.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/grey/file-pdf_grey.png" );
    }
}
.file-pdfDisabled {
    content:url( "/icons/MD/32/silver/file-pdf_silver.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/silver/file-pdf_silver.png" );
    }
}
.file-pdfOverlay {
    content:url( "/icons/MD/32/red/file-pdf_red.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/red/file-pdf_red.png" );
    }
}

.file-pdf-box {
    content:url( "/icons/MD/32/grey/file-pdf-box_grey.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/grey/file-pdf-box_grey.png" );
    }
}
.file-pdf-boxDisabled {
    content:url( "/icons/MD/32/silver/file-pdf-box_silver.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/silver/file-pdf-box_silver.png" );
    }
}
.file-pdf-boxOverlay {
    content:url( "/icons/MD/32/red/file-pdf-box_red.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/red/file-pdf-box_red.png" );
    }
}

.filmstrip {
    content:url( "/icons/MD/32/grey/filmstrip_grey.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/grey/filmstrip_grey.png" );
    }
}
.filmstripDisabled {
    content:url( "/icons/MD/32/silver/filmstrip_silver.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/silver/filmstrip_silver.png" );
    }
}
.filmstripOverlay {
    content:url( "/icons/MD/32/red/filmstrip_red.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/red/filmstrip_red.png" );
    }
}

.filmstrip_135 {
    content:url( "/icons/MDM/32/grey/filmstrip_135_grey.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MDM/64/grey/filmstrip_135_grey.png" );
    }
}
.filmstrip_135Disabled {
    content:url( "/icons/MDM/32/silver/filmstrip_135_silver.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MDM/64/silver/filmstrip_135_silver.png" );
    }
}
.filmstrip_135Overlay {
    content:url( "/icons/MDM/32/red/filmstrip_135_red.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MDM/64/red/filmstrip_135_red.png" );
    }
}

.filmstrip_135_shotonfilm {
    content:url( "/icons/MDM/32/grey/filmstrip_135_shotonfilm_grey.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MDM/64/grey/filmstrip_135_shotonfilm_grey.png" );
    }
}
.filmstrip_135_shotonfilmDisabled {
    content:url( "/icons/MDM/32/silver/filmstrip_135_shotonfilm_silver.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MDM/64/silver/filmstrip_135_shotonfilm_silver.png" );
    }
}
.filmstrip_135_shotonfilmOverlay {
    content:url( "/icons/MDM/32/red/filmstrip_135_shotonfilm_red.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MDM/64/red/filmstrip_135_shotonfilm_red.png" );
    }
}

.filmstrip_135_2 {
    content:url( "/icons/MDM/32/grey/filmstrip_135_2_grey.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MDM/64/grey/filmstrip_135_2_grey.png" );
    }
}
.filmstrip_135_2Disabled {
    content:url( "/icons/MDM/32/silver/filmstrip_135_2_silver.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MDM/64/silver/filmstrip_135_2_silver.png" );
    }
}
.filmstrip_135_2Overlay {
    content:url( "/icons/MDM/32/red/filmstrip_135_2_red.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MDM/64/red/filmstrip_135_2_red.png" );
    }
}

.filmstrip_135_2_shotonfilm {
    content:url( "/icons/MDM/32/grey/filmstrip_135_2_shotonfilm_grey.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MDM/64/grey/filmstrip_135_2_shotonfilm_grey.png" );
    }
}
.filmstrip_135_2_shotonfilmDisabled {
    content:url( "/icons/MDM/32/silver/filmstrip_135_2_shotonfilm_silver.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MDM/64/silver/filmstrip_135_2_shotonfilm_silver.png" );
    }
}
.filmstrip_135_2_shotonfilmOverlay {
    content:url( "/icons/MDM/32/red/filmstrip_135_2_shotonfilm_red.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MDM/64/red/filmstrip_135_2_shotonfilm_red.png" );
    }
}

.filmstrip_16mm {
    content:url( "/icons/MDM/32/grey/filmstrip_16mm_grey.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MDM/64/grey/filmstrip_16mm_grey.png" );
    }
}
.filmstrip_16mmDisabled {
    content:url( "/icons/MDM/32/silver/filmstrip_16mm_silver.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MDM/64/silver/filmstrip_16mm_silver.png" );
    }
}
.filmstrip_16mmOverlay {
    content:url( "/icons/MDM/32/red/filmstrip_16mm_red.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MDM/64/red/filmstrip_16mm_red.png" );
    }
}

.filmstrip_16mm_shotonfilm {
    content:url( "/icons/MDM/32/grey/filmstrip_16mm_shotonfilm_grey.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MDM/64/grey/filmstrip_16mm_shotonfilm_grey.png" );
    }
}
.filmstrip_16mm_shotonfilmDisabled {
    content:url( "/icons/MDM/32/silver/filmstrip_16mm_shotonfilm_silver.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MDM/64/silver/filmstrip_16mm_shotonfilm_silver.png" );
    }
}
.filmstrip_16mm_shotonfilmOverlay {
    content:url( "/icons/MDM/32/red/filmstrip_16mm_shotonfilm_red.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MDM/64/red/filmstrip_16mm_shotonfilm_red.png" );
    }
}

.firefox {
    content:url( "/icons/MD/32/grey/firefox_grey.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/grey/firefox_grey.png" );
    }
}
.firefoxDisabled {
    content:url( "/icons/MD/32/silver/firefox_silver.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/silver/firefox_silver.png" );
    }
}
.firefoxOverlay {
    content:url( "/icons/MD/32/red/firefox_red.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/red/firefox_red.png" );
    }
}

.flickr {
    content:url( "/icons/MD/32/grey/flickr_grey.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/grey/flickr_grey.png" );
    }
}
.flickrDisabled {
    content:url( "/icons/MD/32/silver/flickr_silver.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/silver/flickr_silver.png" );
    }
}
.flickrOverlay {
    content:url( "/icons/MD/32/red/flickr_red.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/red/flickr_red.png" );
    }
}

.folder-multiple-image {
    content:url( "/icons/MD/32/grey/folder-multiple-image_grey.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/grey/folder-multiple-image_grey.png" );
    }
}
.folder-multiple-imageDisabled {
    content:url( "/icons/MD/32/silver/folder-multiple-image_silver.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/silver/folder-multiple-image_silver.png" );
    }
}
.folder-multiple-imageOverlay {
    content:url( "/icons/MD/32/red/folder-multiple-image_red.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/red/folder-multiple-image_red.png" );
    }
}

.fullscreen {
    content:url( "/icons/MD/32/grey/fullscreen_grey.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/grey/fullscreen_grey.png" );
    }
}
.fullscreenDisabled {
    content:url( "/icons/MD/32/silver/fullscreen_silver.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/silver/fullscreen_silver.png" );
    }
}
.fullscreenOverlay {
    content:url( "/icons/MD/32/red/fullscreen_red.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/red/fullscreen_red.png" );
    }
}

.google-chrome {
    content:url( "/icons/MD/32/grey/google-chrome_grey.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/grey/google-chrome_grey.png" );
    }
}
.google-chromeDisabled {
    content:url( "/icons/MD/32/silver/google-chrome_silver.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/silver/google-chrome_silver.png" );
    }
}
.google-chromeOverlay {
    content:url( "/icons/MD/32/red/google-chrome_red.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/red/google-chrome_red.png" );
    }
}

.image {
    content:url( "/icons/MD/32/grey/image_grey.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/grey/image_grey.png" );
    }
}
.imageDisabled {
    content:url( "/icons/MD/32/silver/image_silver.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/silver/image_silver.png" );
    }
}
.imageOverlay {
    content:url( "/icons/MD/32/red/image_red.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/red/image_red.png" );
    }
}

.image-album {
    content:url( "/icons/MD/32/grey/image-album_grey.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/grey/image-album_grey.png" );
    }
}
.image-albumDisabled {
    content:url( "/icons/MD/32/silver/image-album_silver.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/silver/image-album_silver.png" );
    }
}
.image-albumOverlay {
    content:url( "/icons/MD/32/red/image-album_red.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/red/image-album_red.png" );
    }
}

.image-frame {
    content:url( "/icons/MD/32/grey/image-frame_grey.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/grey/image-frame_grey.png" );
    }
}
.image-frameDisabled {
    content:url( "/icons/MD/32/silver/image-frame_silver.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/silver/image-frame_silver.png" );
    }
}
.image-frameOverlay {
    content:url( "/icons/MD/32/red/image-frame_red.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/red/image-frame_red.png" );
    }
}

.image-multiple {
    content:url( "/icons/MD/32/grey/image-multiple_grey.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/grey/image-multiple_grey.png" );
    }
}
.image-multipleDisabled {
    content:url( "/icons/MD/32/silver/image-multiple_silver.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/silver/image-multiple_silver.png" );
    }
}
.image-multipleOverlay {
    content:url( "/icons/MD/32/red/image-multiple_red.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/red/image-multiple_red.png" );
    }
}

.image-outline {
    content:url( "/icons/MD/32/grey/image-outline_grey.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/grey/image-outline_grey.png" );
    }
}
.image-outlineDisabled {
    content:url( "/icons/MD/32/silver/image-outline_silver.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/silver/image-outline_silver.png" );
    }
}
.image-outlineOverlay {
    content:url( "/icons/MD/32/red/image-outline_red.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/red/image-outline_red.png" );
    }
}

.information-outline {
    content:url( "/icons/MD/32/grey/information-outline_grey.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/grey/information-outline_grey.png" );
    }
}
.information-outlineDisabled {
    content:url( "/icons/MD/32/silver/information-outline_silver.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/silver/information-outline_silver.png" );
    }
}
.information-outlineOverlay {
    content:url( "/icons/MD/32/red/information-outline_red.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/red/information-outline_red.png" );
    }
}

.instagram {
    content:url( "/icons/MD/32/grey/instagram_grey.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/grey/instagram_grey.png" );
    }
}
.instagramDisabled {
    content:url( "/icons/MD/32/silver/instagram_silver.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/silver/instagram_silver.png" );
    }
}
.instagramOverlay {
    content:url( "/icons/MD/32/red/instagram_red.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/red/instagram_red.png" );
    }
}

.internet-explorer {
    content:url( "/icons/MD/32/grey/internet-explorer_grey.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/grey/internet-explorer_grey.png" );
    }
}
.internet-explorerDisabled {
    content:url( "/icons/MD/32/silver/internet-explorer_silver.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/silver/internet-explorer_silver.png" );
    }
}
.internet-explorerOverlay {
    content:url( "/icons/MD/32/red/internet-explorer_red.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/red/internet-explorer_red.png" );
    }
}

.language-html5 {
    content:url( "/icons/MD/32/grey/language-html5_grey.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/grey/language-html5_grey.png" );
    }
}
.language-html5Disabled {
    content:url( "/icons/MD/32/silver/language-html5_silver.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/silver/language-html5_silver.png" );
    }
}
.language-html5Overlay {
    content:url( "/icons/MD/32/red/language-html5_red.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/red/language-html5_red.png" );
    }
}

.language-javascript {
    content:url( "/icons/MD/32/grey/language-javascript_grey.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/grey/language-javascript_grey.png" );
    }
}
.language-javascriptDisabled {
    content:url( "/icons/MD/32/silver/language-javascript_silver.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/silver/language-javascript_silver.png" );
    }
}
.language-javascriptOverlay {
    content:url( "/icons/MD/32/red/language-javascript_red.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/red/language-javascript_red.png" );
    }
}

.language-php {
    content:url( "/icons/MD/32/grey/language-php_grey.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/grey/language-php_grey.png" );
    }
}
.language-phpDisabled {
    content:url( "/icons/MD/32/silver/language-php_silver.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/silver/language-php_silver.png" );
    }
}
.language-phpOverlay {
    content:url( "/icons/MD/32/red/language-php_red.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/red/language-php_red.png" );
    }
}

.linux {
    content:url( "/icons/MD/32/grey/linux_grey.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/grey/linux_grey.png" );
    }
}
.linuxDisabled {
    content:url( "/icons/MD/32/silver/linux_silver.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/silver/linux_silver.png" );
    }
}
.linuxOverlay {
    content:url( "/icons/MD/32/red/linux_red.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/red/linux_red.png" );
    }
}

.map-marker {
    content:url( "/icons/MD/32/grey/map-marker_grey.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/grey/map-marker_grey.png" );
    }
}
.map-markerDisabled {
    content:url( "/icons/MD/32/silver/map-marker_silver.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/silver/map-marker_silver.png" );
    }
}
.map-markerOverlay {
    content:url( "/icons/MD/32/red/map-marker_red.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/red/map-marker_red.png" );
    }
}

.memory {
    content:url( "/icons/MDM/32/grey/memory_grey.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MDM/64/grey/memory_grey.png" );
    }
}
.memoryDisabled {
    content:url( "/icons/MDM/32/silver/memory_silver.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MDM/64/silver/memory_silver.png" );
    }
}
.memoryOverlay {
    content:url( "/icons/MDM/32/red/memory_red.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MDM/64/red/memory_red.png" );
    }
}

.microscope {
    content:url( "/icons/NP/32/grey/microscope_grey.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/NP/64/grey/microscope_grey.png" );
    }
}
.microscopeDisabled {
    content:url( "/icons/NP/32/silver/microscope_silver.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/NP/64/silver/microscope_silver.png" );
    }
}
.microscopeOverlay {
    content:url( "/icons/NP/32/red/microscope_red.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/NP/64/red/microscope_red.png" );
    }
}

.movie-open-play {
    content:url( "/icons/MD/32/grey/movie-open-play_grey.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/grey/movie-open-play_grey.png" );
    }
}
.movie-open-playDisabled {
    content:url( "/icons/MD/32/silver/movie-open-play_silver.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/silver/movie-open-play_silver.png" );
    }
}
.movie-open-playOverlay {
    content:url( "/icons/MD/32/red/movie-open-play_red.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/red/movie-open-play_red.png" );
    }
}

.home-modern {
    content:url( "/icons/MD/32/grey/home-modern_grey.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/grey/home-modern_grey.png" );
    }
}
.home-modernDisabled {
    content:url( "/icons/MD/32/silver/home-modern_silver.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/silver/home-modern_silver.png" );
    }
}
.home-modernOverlay {
    content:url( "/icons/MD/32/red/home-modern_red.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/red/home-modern_red.png" );
    }
}

.high-definition {
    content:url( "/icons/MD/32/grey/high-definition_grey.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/grey/high-definition_grey.png" );
    }
}
.high-definitionDisabled {
    content:url( "/icons/MD/32/silver/high-definition_silver.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/silver/high-definition_silver.png" );
    }
}
.high-definitionOverlay {
    content:url( "/icons/MD/32/red/high-definition_red.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/red/high-definition_red.png" );
    }
}

.home-variant {
    content:url( "/icons/MD/32/grey/home-variant_grey.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/grey/home-variant_grey.png" );
    }
}
.home-variantDisabled {
    content:url( "/icons/MD/32/silver/home-variant_silver.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/silver/home-variant_silver.png" );
    }
}
.home-variantOverlay {
    content:url( "/icons/MD/32/red/home-variant_red.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/red/home-variant_red.png" );
    }
}

.magnify {
    content:url( "/icons/MD/32/grey/magnify_grey.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/grey/magnify_grey.png" );
    }
}
.magnifyDisabled {
    content:url( "/icons/MD/32/silver/magnify_silver.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/silver/magnify_silver.png" );
    }
}
.magnifyOverlay {
    content:url( "/icons/MD/32/red/magnify_red.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/red/magnify_red.png" );
    }
}

.menu {
    content:url( "/icons/MD/32/grey/menu_grey.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/grey/menu_grey.png" );
    }
}
.menuDisabled {
    content:url( "/icons/MD/32/silver/menu_silver.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/silver/menu_silver.png" );
    }
}
.menuOverlay {
    content:url( "/icons/MD/32/red/menu_red.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/red/menu_red.png" );
    }
}

.movie-open-play {
    content:url( "/icons/MD/32/grey/movie-open-play_grey.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/grey/movie-open-play_grey.png" );
    }
}
.movie-open-playDisabled {
    content:url( "/icons/MD/32/silver/movie-open-play_silver.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/silver/movie-open-play_silver.png" );
    }
}
.movie-open-playOverlay {
    content:url( "/icons/MD/32/red/movie-open-play_red.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/red/movie-open-play_red.png" );
    }
}

.newspaper {
    content:url( "/icons/MD/32/grey/newspaper_grey.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/grey/newspaper_grey.png" );
    }
}
.newspaperDisabled {
    content:url( "/icons/MD/32/silver/newspaper_silver.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/silver/newspaper_silver.png" );
    }
}
.newspaperOverlay {
    content:url( "/icons/MD/32/red/newspaper_red.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/red/newspaper_red.png" );
    }
}

.opera {
    content:url( "/icons/MD/32/grey/opera_grey.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/grey/opera_grey.png" );
    }
}
.operaDisabled {
    content:url( "/icons/MD/32/silver/opera_silver.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/silver/opera_silver.png" );
    }
}
.operaOverlay {
    content:url( "/icons/MD/32/red/opera_red.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/red/opera_red.png" );
    }
}

.open-in-new {
    content:url( "/icons/MD/32/grey/open-in-new_grey.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/grey/open-in-new_grey.png" );
    }
}
.open-in-newDisabled {
    content:url( "/icons/MD/32/silver/open-in-new_silver.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/silver/open-in-new_silver.png" );
    }
}
.open-in-newOverlay {
    content:url( "/icons/MD/32/red/open-in-new_red.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/red/open-in-new_red.png" );
    }
}

.palette {
    content:url( "/icons/MD/32/grey/palette_grey.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/grey/palette_grey.png" );
    }
}
.paletteDisabled {
    content:url( "/icons/MD/32/silver/palette_silver.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/silver/palette_silver.png" );
    }
}
.paletteOverlay {
    content:url( "/icons/MD/32/red/palette_red.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/red/palette_red.png" );
    }
}

.paper-roll_mf {
    content:url( "/icons/MDM/32/grey/paper-roll_mf_grey.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MDM/64/grey/paper-roll_mf_grey.png" );
    }
}
.paper-roll_mfDisabled {
    content:url( "/icons/MDM/32/silver/paper-roll_mf_silver.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MDM/64/silver/paper-roll_mf_silver.png" );
    }
}
.paper-roll_mfOverlay {
    content:url( "/icons/MDM/32/red/paper-roll_mf_red.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MDM/64/red/paper-roll_mf_red.png" );
    }
}

.paper-roll_mf_shotonfilm {
    content:url( "/icons/MDM/32/grey/paper-roll_mf_shotonfilm_grey.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MDM/64/grey/paper-roll_mf_shotonfilm_grey.png" );
    }
}
.paper-roll_mf_shotonfilmDisabled {
    content:url( "/icons/MDM/32/silver/paper-roll_mf_shotonfilm_silver.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MDM/64/silver/paper-roll_mf_shotonfilm_silver.png" );
    }
}
.paper-roll_mf_shotonfilmOverlay {
    content:url( "/icons/MDM/32/red/paper-roll_mf_shotonfilm_red.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MDM/64/red/paper-roll_mf_shotonfilm_red.png" );
    }
}

.phone {
    content:url( "/icons/MD/32/grey/phone_grey.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/grey/phone_grey.png" );
    }
}
.phoneDisabled {
    content:url( "/icons/MD/32/silver/phone_silver.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/silver/phone_silver.png" );
    }
}
.phoneOverlay {
    content:url( "/icons/MD/32/red/phone_red.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/red/phone_red.png" );
    }
}

.photographerSmall {
    content:url( "/icons/NP/18/grey/photographer_grey.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/NP/64/grey/photographer_grey.png" );
    }
}
.photographerSmallDisabled {
    content:url( "/icons/NP/18/silver/photographer_silver.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/NP/64/silver/photographer_silver.png" );
    }
}
.photographerSmallOverlay {
    content:url( "/icons/NP/18/red/photographer_red.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/NP/64/red/photographer_red.png" );
    }
}

.polaroid_shotonfilm {
    content:url( "/icons/MDM/32/grey/polaroid_shotonfilm_grey.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MDM/64/grey/polaroid_shotonfilm_grey.png" );
    }
}
.polaroid_shotonfilmDisabled {
    content:url( "/icons/MDM/32/silver/polaroid_shotonfilm_silver.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MDM/64/silver/polaroid_shotonfilm_silver.png" );
    }
}
.polaroid_shotonfilmOverlay {
    content:url( "/icons/MDM/32/red/polaroid_shotonfilm_red.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MDM/64/red/polaroid_shotonfilm_red.png" );
    }
}

.polaroid {
    content:url( "/icons/MDM/32/grey/polaroid_grey.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MDM/64/grey/polaroid_grey.png" );
    }
}
.polaroidDisabled {
    content:url( "/icons/MDM/32/silver/polaroid_silver.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MDM/64/silver/polaroid_silver.png" );
    }
}
.polaroidOverlay {
    content:url( "/icons/MDM/32/red/polaroid_red.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MDM/64/red/polaroid_red.png" );
    }
}

.standard-definition {
    content:url( "/icons/MD/32/grey/standard-definition_grey.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/grey/standard-definition_grey.png" );
    }
}
.standard-definitionDisabled {
    content:url( "/icons/MD/32/silver/standard-definition_silver.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/silver/standard-definition_silver.png" );
    }
}
.standard-definitionOverlay {
    content:url( "/icons/MD/32/red/standard-definition_red.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/red/standard-definition_red.png" );
    }
}

.step-backward {
    content:url( "/icons/MD/32/grey/step-backward_grey.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/grey/step-backward_grey.png" );
    }
}
.step-backwardDisabled {
    content:url( "/icons/MD/32/silver/step-backward_silver.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/silver/step-backward_silver.png" );
    }
}
.step-backwardOverlay {
    content:url( "/icons/MD/32/red/step-backward_red.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/red/step-backward_red.png" );
    }
}

.step-forward {
    content:url( "/icons/MD/32/grey/step-forward_grey.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/grey/step-forward_grey.png" );
    }
}
.step-forwardDisabled {
    content:url( "/icons/MD/32/silver/step-forward_silver.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/silver/step-forward_silver.png" );
    }
}
.step-forwardOverlay {
    content:url( "/icons/MD/32/red/step-forward_red.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/red/step-forward_red.png" );
    }
}

.television {
    content:url( "/icons/MD/32/grey/television_grey.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/grey/television_grey.png" );
    }
}
.televisionDisabled {
    content:url( "/icons/MD/32/silver/television_silver.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/silver/television_silver.png" );
    }
}
.televisionOverlay {
    content:url( "/icons/MD/32/red/television_red.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/red/television_red.png" );
    }
}

.text-box-outline {
    content:url( "/icons/MDM/32/grey/text-box-outline_grey.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MDM/64/grey/text-box-outline_grey.png" );
    }
}
.text-box-outlineDisabled {
    content:url( "/icons/MDM/32/silver/text-box-outline_silver.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MDM/64/silver/text-box-outline_silver.png" );
    }
}
.text-box-outlineOverlay {
    content:url( "/icons/MDM/32/red/text-box-outline_red.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MDM/64/red/text-box-outline_red.png" );
    }
}

.ultra-high-definition {
    content:url( "/icons/MD/32/grey/ultra-high-definition_grey.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/grey/ultra-high-definition_grey.png" );
    }
}
.ultra-high-definitionDisabled {
    content:url( "/icons/MD/32/silver/ultra-high-definition_silver.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/silver/ultra-high-definition_silver.png" );
    }
}
.ultra-high-definitionOverlay {
    content:url( "/icons/MD/32/red/ultra-high-definition_red.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/red/ultra-high-definition_red.png" );
    }
}

.update {
    content:url( "/icons/MD/32/grey/update_grey.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/grey/update_grey.png" );
    }
}
.updateDisabled {
    content:url( "/icons/MD/32/silver/update_silver.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/silver/update_silver.png" );
    }
}
.updateOverlay {
    content:url( "/icons/MD/32/red/update_red.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/red/update_red.png" );
    }
}

.ubuntu {
    content:url( "/icons/MD/32/grey/ubuntu_grey.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/grey/ubuntu_grey.png" );
    }
}
.ubuntuDisabled {
    content:url( "/icons/MD/32/silver/ubuntu_silver.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/silver/ubuntu_silver.png" );
    }
}
.ubuntuOverlay {
    content:url( "/icons/MD/32/red/ubuntu_red.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/red/ubuntu_red.png" );
    }
}

.video-vintage {
    content:url( "/icons/MD/32/grey/video-vintage_grey.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/grey/video-vintage_grey.png" );
    }
}
.video-vintageDisabled {
    content:url( "/icons/MD/32/silver/video-vintage_silver.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/silver/video-vintage_silver.png" );
    }
}
.video-vintageOverlay {
    content:url( "/icons/MD/32/red/view-comfy_red.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/red/view-comfy_red.png" );
    }
}

.view-comfy-outline {
    content:url( "/icons/MD/32/grey/view-comfy-outline_grey.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/grey/view-comfy-outline_grey.png" );
    }
}
.view-comfy-outlineDisabled {
    content:url( "/icons/MD/32/silver/view-comfy-outline_silver.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/silver/view-comfy-outline_silver.png" );
    }
}
.view-comfy-outlineOverlay {
    content:url( "/icons/MD/32/red/view-comfy-outline_red.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/red/view-comfy-outline_red.png" );
    }
}

.wallpaper {
    content:url( "/icons/MD/32/grey/wallpaper_grey.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/grey/wallpaper_grey.png" );
    }
}
.wallpaperDisabled {
    content:url( "/icons/MD/32/silver/wallpaper_silver.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/silver/wallpaper_silver.png" );
    }
}
.wallpaperOverlay {
    content:url( "/icons/MD/32/red/wallpaper_red.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/red/wallpaper_red.png" );
    }
}

.youtube {
    content:url( "/icons/MD/32/grey/youtube_grey.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/grey/youtube_grey.png" );
    }
}
.youtubeDisabled {
    content:url( "/icons/MD/32/silver/youtube_silver.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/silver/youtube_silver.png" );
    }
}
.youtubeOverlay {
    content:url( "/icons/MD/32/red/youtube_red.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/red/youtube_red.png" );
    }
}

.youtube-shorts {
    content:url( "/icons/IP/32/grey/youtube-shorts_grey.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/IP/64/grey/youtube-shorts_grey.png" );
    }
}
.youtube-shortsDisabled {
    content:url( "/icons/IP/32/silver/youtube-shorts_silver.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/IP/64/silver/youtube-shorts_silver.png" );
    }
}
.youtube-shortsOverlay {
    content:url( "/icons/IP/32/red/youtube-shorts_red.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/IP/64/red/youtube-shorts_red.png" );
    }
}

/* ============================== */

.languageEn {
    content:url( "/icons/MD/32/grey/translate_grey.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/grey/translate_grey.png" );
    }
}
.languageEnDisabled {
    content:url( "/icons/MD/32/silver/translate_silver.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/silver/translate_silver.png" );
    }
}
.languageEnOverlay {
    content:url( "/icons/MD/32/red/translate_red.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/red/translate_red.png" );
    }
}

.languageDe {
    content:url( "/icons/MD/32/grey/translate_grey.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/grey/translate_grey.png" );
    }
}
.languageDeDisabled {
    content:url( "/icons/MD/32/silver/translate_silver.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/silver/translate_silver.png" );
    }
}
.languageDeOverlay {
    content:url( "/icons/MD/32/red/translate_red.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/red/translate_red.png" );
    }
}

/* ============================== */

.aiSmallReviewed {
    content:url( "/icons/NP/18/darkgreen/ai_darkgreen.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/NP/64/darkgreen/ai_darkgreen.png" );
    }
}

.aiSmallNotReviewed {
    content:url( "/icons/NP/18/orange/ai_orange.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/NP/64/orange/ai_orange.png" );
    }
}

.aiSmall {
    content:url( "/icons/NP/18/grey/ai_grey.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/NP/64/grey/ai_grey.png" );
    }
}
.aiSmallDisabled {
    content:url( "/icons/NP/18/silver/ai_silver.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/NP/64/silver/ai_silver.png" );
    }
}
.aiSmallOverlay {
    content:url( "/icons/NP/18/red/ai_red.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/NP/64/red/ai_red.png" );
    }
}

.art-gallerySmall {
    content:url( "/icons/NP/18/grey/art-gallery_grey.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/NP/64/grey/art-gallery_grey.png" );
    }
}
.art-gallerySmallDisabled {
    content:url( "/icons/NP/18/silver/art-gallery_silver.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/NP/64/silver/art-gallery_silver.png" );
    }
}
.art-gallerySmallOverlay {
    content:url( "/icons/NP/18/red/art-gallery_red.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/NP/64/red/art-gallery_red.png" );
    }
}

.emailSmall {
    content:url( "/icons/MD/18/grey/email_grey.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/grey/email_grey.png" );
    }
}
.emailSmallDisabled {
    content:url( "/icons/MD/18/silver/email_silver.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/silver/email_silver.png" );
    }
}
.emailSmallOverlay {
    content:url( "/icons/MD/18/red/email_red.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/red/email_red.png" );
    }
}

.flickrSmall {
    content:url( "/icons/MD/18/grey/flickr_grey.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/grey/flickr_grey.png" );
    }
}
.flickrSmallDisabled {
    content:url( "/icons/MD/18/silver/flickr_silver.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/silver/flickr_silver.png" );
    }
}
.flickrSmallOverlay {
    content:url( "/icons/MD/18/red/flickr_red.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/red/flickr_red.png" );
    }
}

.home-variantSmall {
    content:url( "/icons/MD/18/grey/home-variant_grey.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/grey/home-variant_grey.png" );
    }
}
.home-variantSmallDisabled {
    content:url( "/icons/MD/18/silver/home-variant_silver.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/silver/home-variant_silver.png" );
    }
}
.home-variantSmallOverlay {
    content:url( "/icons/MD/18/red/home-variant_red.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/red/home-variant_red.png" );
    }
}

.instagramSmall {
    content:url( "/icons/MD/18/grey/instagram_grey.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/grey/instagram_grey.png" );
    }
}
.instagramSmallDisabled {
    content:url( "/icons/MD/18/silver/instagram_silver.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/silver/instagram_silver.png" );
    }
}
.instagramSmallOverlay {
    content:url( "/icons/MD/18/red/instagram_red.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/red/instagram_red.png" );
    }
}

.link-box-variantSmall {
    content:url( "/icons/MD/18/grey/link-box-variant_grey.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/grey/link-box-variant_grey.png" );
    }
}
.link-box-variantSmallDisabled {
    content:url( "/icons/MD/18/silver/link-box-variant_silver.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/silver/link-box-variant_silver.png" );
    }
}
.link-box-variantSmallOverlay {
    content:url( "/icons/MD/18/red/link-box-variant_red.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/red/link-box-variant_red.png" );
    }
}

.map-markerSmall {
    content:url( "/icons/MD/18/grey/map-marker_grey.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/grey/map-marker_grey.png" );
    }
}
.map-markerSmallDisabled {
    content:url( "/icons/MD/18/silver/map-marker_silver.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/silver/map-marker_silver.png" );
    }
}
.map-markerSmallOverlay {
    content:url( "/icons/MD/18/red/map-marker_red.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/red/map-marker_red.png" );
    }
}

.open-in-newSmall {
    content:url( "/icons/MD/18/grey/open-in-new_grey.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/grey/open-in-new_grey.png" );
    }
}
.open-in-newSmallDisabled {
    content:url( "/icons/MD/18/silver/open-in-new_silver.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/silver/open-in-new_silver.png" );
    }
}
.open-in-newSmallOverlay {
    content:url( "/icons/MD/18/red/open-in-new_red.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/red/open-in-new_red.png" );
    }
}

.phoneSmall {
    content:url( "/icons/MD/18/grey/phone_grey.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/grey/phone_grey.png" );
    }
}
.phoneSmallDisabled {
    content:url( "/icons/MD/18/silver/phone_silver.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/silver/phone_silver.png" );
    }
}
.phoneSmallOverlay {
    content:url( "/icons/MD/18/red/phone_red.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/red/phone_red.png" );
    }
}

.wide_angle_gallery_small_icon {
    content:url( "/icons/WG/32/grey/wide_angle_small_icon_grey.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/WG/64/grey/wide_angle_small_icon_grey.png" );
    }
}
.wide_angle_gallery_small_iconDisabled {
    content:url( "/icons/WG/32/silver/wide_angle_small_icon_silver.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/WG/64/silver/wide_angle_small_icon_silver.png" );
    }
}
.wide_angle_gallery_small_iconOverlay {
    content:url( "/icons/WG/32/red/wide_angle_small_icon_red.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/WG/64/red/wide_angle_small_icon_red.png" );
    }
}

.wide_angle_small_icon {
    content:url( "/icons/WA/32/grey/wide_angle_small_icon_grey.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/WA/64/grey/wide_angle_small_icon_grey.png" );
    }
}
.wide_angle_small_iconDisabled {
    content:url( "/icons/WA/32/silver/wide_angle_small_icon_silver.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/WA/64/silver/wide_angle_small_icon_silver.png" );
    }
}
.wide_angle_small_iconOverlay {
    content:url( "/icons/WA/32/red/wide_angle_small_icon_red.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/WA/64/red/wide_angle_small_icon_red.png" );
    }
}

.youtubeSmall {
    content:url( "/icons/MD/18/grey/youtube_grey.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/grey/youtube_grey.png" );
    }
}
.youtubeSmallDisabled {
    content:url( "/icons/MD/18/silver/youtube_silver.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/silver/youtube_silver.png" );
    }
}
.youtubeSmallOverlay {
    content:url( "/icons/MD/18/red/youtube_red.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/MD/64/red/youtube_red.png" );
    }
}

.youtube-shortsSmall {
    content:url( "/icons/IP/18/grey/youtube-shorts_grey.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/IP/64/grey/youtube-shorts_grey.png" );
    }
}
.youtube-shortsSmallDisabled {
    content:url( "/icons/IP/18/silver/youtube-shorts_silver.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/IP/64/silver/youtube-shorts_silver.png" );
    }
}
.youtube-shortsSmallOverlay {
    content:url( "/icons/IP/18/red/youtube-shorts_red.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/IP/64/red/youtube-shorts_red.png" );
    }
}

.youtube-shortsSmall {
    content:url( "/icons/IP/18/grey/youtube-shorts_grey.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/IP/64/grey/youtube-shorts_grey.png" );
    }
}
.youtube-shortsSmallDisabled {
    content:url( "/icons/IP/18/silver/youtube-shorts_silver.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/IP/64/silver/youtube-shorts_silver.png" );
    }
}
.youtube-shortsSmallOverlay {
    content:url( "/icons/IP/18/red/youtube-shorts_red.png" );
    @media screen and (orientation:portrait) and (max-width: 12px) {
        content:url( "/icons/IP/64/red/youtube-shorts_red.png" );
    }
}


/* Order of classes in css define the priority. Last here overweites earlier */
.Media::before {
  content: var(--media);
}

.MediaLong::before {
  content: var(--media-long);
}

.DESKTOP {
    display: block; /* Display on desktop */
}

.MOBILE {
    display: none;  /* Hide on desktop */
}

@media screen and (orientation:portrait) and (max-width: 12px) {
    .DESKTOP {
        display: none; /* Hide on desktop */
    }

    .MOBILE {
        display: block; /* Display on desktop */
    }
}