:root {--color1: #3EA198;--color1rgb: 62,161,152;--color1a: #3a968e;--color1b: #358b83;--color1c: #318079;--color1d: #2d756e;--color1e: #296a64;--color1f: #245f59;--color1g: #20544f;--color1h: #1c4945;--color1i: #000000;--color1j: #000000;--color1k: #000000;--color2: #000000;--color2rgb: 0,0,0;--color2a: #070707;--color2b: #0f0f0f;--color2c: #161616;--color2d: #1e1e1e;--color2e: #262626;--color2f: #2d2d2d;--color2g: #353535;--color2h: #3d3d3d;--color2i: #707070;--color2j: #a0a0a0;--color2k: #d1d1d1;--color3: #E9E9E9;--color3rgb: 233,233,233;--color3a: #e1e1e1;--color3b: #d9d9d9;--color3c: #d2d2d2;--color3d: #cacaca;--color3e: #c2c2c2;--color3f: #bbbbbb;--color3g: #b3b3b3;--color3h: #ababab;--color3i: #787878;--color3j: #484848;--color3k: #171717;--color4: #FFFFFF;--color4rgb: 255,255,255;--color4a: #f7f7f7;--color4b: #efefef;--color4c: #e8e8e8;--color4d: #e0e0e0;--color4e: #d8d8d8;--color4f: #d1d1d1;--color4g: #c9c9c9;--color4h: #c1c1c1;--color4i: #8e8e8e;--color4j: #5e5e5e;--color4k: #2d2d2d;--color5: #F3F3F3;--color5rgb: 243,243,243;--color5a: #ebebeb;--color5b: #e3e3e3;--color5c: #dcdcdc;--color5d: #d4d4d4;--color5e: #cccccc;--color5f: #c5c5c5;--color5g: #bdbdbd;--color5h: #b5b5b5;--color5i: #828282;--color5j: #525252;--color5k: #212121;--color6: #EEEEEE;--color6rgb: 238,238,238;--color6a: #e6e6e6;--color6b: #dedede;--color6c: #d7d7d7;--color6d: #cfcfcf;--color6e: #c7c7c7;--color6f: #c0c0c0;--color6g: #b8b8b8;--color6h: #b0b0b0;--color6i: #7d7d7d;--color6j: #4d4d4d;--color6k: #1c1c1c;--font1: Poppins;--font2: Poppins;--font3: Poppins;} .formValue .form_input,.formValue .cart_input, .formValue select, .formFile .buttonFile{border:0;background-color:transparent;outline: none;} .formValue select{appearance: none;-webkit-appearance: none;-moz-appearance: none;-ms-appearance: none;-o-appearance: none;text-indent: 0.01px;text-overflow: "";background:url(../../images/selectarrow.svg) right center no-repeat;background-size: 18px 18px;-webkit-border-radius: 0;-moz-border-radius:0;border-radius:0;} .formFile .buttonFile{appearance: none;-webkit-appearance: none;-moz-appearance: none;-ms-appearance: none;-o-appearance: none;text-indent: 0.01px;text-overflow: "";-webkit-border-radius: 0;-moz-border-radius:0;border-radius:0;} #main-buttons .main-header span, #main-buttons .main-close span{color: #ffffff;} #main-buttons .main-header, #main-buttons .main-close{background-color: var(--color1);} nav, nav li.NavMenuLevel1{background-color:var(--color1d);} nav li.NavMenuLevel2{background-color:var(--color1d);} nav li.NavMenuLevel3{background-color:var(--color2k);} nav li.NavMenuLevel1 a, nav #NavSocial, nav #NavSocial .navsocial-icon{color:#FFFFFF;} nav li.NavMenuLevel2 a{color:#FFFFFF;} nav li.NavMenuLevel3 a{color:#FFFFFF;} nav #NavMenu li div{border-bottom: 1px solid var(--color1a);} nav #NavSocial:before{background:var(--color1a);opacity:1;} #main-buttons .main-contact, #main-buttons .main-contact span{color: var(--color1);} #main-buttons .main-contact{background-color: #ffffff;} #main-buttons #shopping_cart_list_mobile .main-shoppingcart .main-shoppingcart-icon{color: var(--color1);} #main-buttons #shopping_cart_list_mobile{background-color: #ffffff;} #SmartFilterMobile > h4{font-family: var(--font1);} #SmartFilterMobile > h4{font-weight: 100;} #SmartFilterMobile > h4{font-size: 14px;} .HeadData, .BodyData, .FootData, .viewport > .Banner div.banner > div.banner_content .banner_content_value, .fancybox-container.fancybox-iframe-mobile .fancybox-content, .swipeBanner .banner_content_items{max-width: 1200px;width:100%;} header{width:100%;max-width:none;} footer{width:100%;max-width:none;} .LeftSide{background-repeat: no-repeat;} body, .content_group.transparency{background-color: var(--color4);} .FootData{border-bottom-width:0px;} .FootData{border-bottom-style:solid;} .HeadData, .BodyData, .FootData{border-left-width:0px;} .HeadData, .BodyData, .FootData{border-left-style:solid;} .HeadData, .BodyData, .FootData{border-right-width:0px;} .HeadData, .BodyData, .FootData{border-right-style:solid;} .BodyData:last-child{border-bottom-width:0px;} .BodyData:last-child{border-bottom-style:solid;} .BodyData{border-left-width:0px;} .BodyData{border-left-style:solid;} .BodyData{border-right-width:0px;} .BodyData{border-right-style:solid;} .LeftSide{border-bottom-width:0px;} .LeftSide{border-bottom-style:solid;} .LeftSide{border-left-width:0px;} .LeftSide{border-left-style:solid;} .LeftSide{border-right-width:0px;} .LeftSide{border-right-style:solid;} .RightSide{border-bottom-width:0px;} .RightSide{border-bottom-style:solid;} .RightSide{border-left-width:0px;} .RightSide{border-left-style:solid;} .RightSide{border-right-width:0px;} .RightSide{border-right-style:solid;} .BodyData:last-child .ContentHolder{border-bottom-width:0px;} .BodyData:last-child .ContentHolder{border-bottom-style:solid;} .ContentHolder{border-left-width:0px;} .ContentHolder{border-left-style:solid;} .ContentHolder{border-right-width:0px;} .ContentHolder{border-right-style:solid;} .Head{padding-top:50px;} .Head{padding-bottom:50px;} .Head{padding-left:30px;} .Head{padding-right:30px;} .BodyData{padding-top:30px;} .BodyData ~ .BodyData{padding-top:0;} .BodyData:last-child{padding-bottom:30px;} .BodyData > *{padding-left:30px;} .BodyData > *{padding-right:30px;} .BodyData .ContentHolder{padding-top:0px;} .BodyData ~ .BodyData .ContentHolder{padding-top:0;} .BodyData:last-child .ContentHolder{padding-bottom:0px;} .MainTitle{color:#333333;} #productBuyDetail .svg_animate_check, #productBuyDetail .svg_animate_circle{stroke:#333333;} .MainTitle{font-family:var(--font2);} .MainTitle{font-size:52px;} .MainTitle{font-weight:300;} .MainTitle{padding-bottom: 20px;} .SubTitle, .SubTitle a{color:var(--color6i);} .SubTitle, .SubTitle a{font-family:var(--font3);} .SubTitle, .SubTitle a{font-size:22px;} .SubTitle, .SubTitle a{font-weight:300;} #Logo{background-position:top left;} #Logo{position:absolute;z-index:99;} #Menu{width:auto;} #SubMenu{width:auto;} #SubMenu1{width:auto;} #SecondaryMenu{width:auto;} li.MenuLevel1 > div a, li.MenuLevel1 > div a > span{vertical-align: middle;text-align: center;} li.MenuLevel2 > div a, li.MenuLevel2 > div a > span{vertical-align: middle;text-align: left;} li.MenuLevel3 > div a, li.MenuLevel3 > div a > span{vertical-align: middle;text-align: left;} li.MenuLevel4 > div a, li.MenuLevel4 > div a > span{vertical-align: middle;text-align: left;} li.MenuLevel5 > div a, li.MenuLevel5 > div a > span{vertical-align: middle;text-align: left;} li.SecondaryMenuLevel1 > div a, li.SecondaryMenuLevel1 > div a > span{vertical-align: middle;text-align: left;} li.SecondaryMenuLevel2 > div a, li.SecondaryMenuLevel2 > div a > span{vertical-align: top;text-align: left;} li.SecondaryMenuLevel3 > div a, li.SecondaryMenuLevel3 > div a > span{vertical-align: top;text-align: left;} li.MenuLevel1 > div a > span{color: var(--color5i);} li.MenuLevel1 > div a:hover > span, li.MenuLevel1.active > div a > span, li.MenuLevel1.sfHover > div a > span{color: var(--color1);} li.MenuLevel2 > div a > span{color: var(--color5e);} li.MenuLevel2 > div a:hover > span, li.MenuLevel2.active > div a > span{color: var(--color1);} li.MenuLevel3 > div a > span{color: var(--color5e);} li.MenuLevel3 > div a:hover > span, li.MenuLevel3.active > div a > span{color: var(--color1);} li.MenuLevel4 > div a > span{color: var(--color5e);} li.MenuLevel4 > div a:hover > span, li.MenuLevel4.active > div a > span{color: var(--color1);} li.MenuLevel5 > div a > span{color: var(--color5e);} li.MenuLevel5 > div a:hover > span, li.MenuLevel5.active > div a > span{color: var(--color1);} li.SecondaryMenuLevel1 > div a > span{color: var(--color5e);} li.SecondaryMenuLevel1 > div a:hover > span, li.SecondaryMenuLevel1.active > div a > span, li.SecondaryMenuLevel1.sfHover > div a > span{color: var(--color1);} li.SecondaryMenuLevel2 > div a > span{color: var(--color5e);} li.SecondaryMenuLevel2 > div a:hover > span, li.SecondaryMenuLevel2.active > div a > span{color: var(--color1);} li.SecondaryMenuLevel3 > div a > span{color: var(--color5e);} li.SecondaryMenuLevel3 > div a:hover > span, li.SecondaryMenuLevel3.active > div a > span{color: var(--color1);} li.MenuLevel1 > div a > span{font-family: var(--font1);} li.MenuLevel1 > div a > span{font-weight: 500;} li.MenuLevel1 > div a > span{font-size: 15px;} li.MenuLevel2 > div a > span{font-family: var(--font1);} li.MenuLevel2 > div a > span{font-weight: 500;} li.MenuLevel2 > div a > span{font-size: 14px;} li.MenuLevel3 > div a > span{font-family: var(--font1);} li.MenuLevel3 > div a > span{font-weight: 100;} li.MenuLevel3 > div a > span{font-size: 13px;} li.MenuLevel4 > div a > span{font-family: var(--font1);} li.MenuLevel4 > div a > span{font-weight: 100;} li.MenuLevel4 > div a > span{font-size: 11px;} li.MenuLevel5 > div a > span{font-family: var(--font1);} li.MenuLevel5 > div a > span{font-weight: 100;} li.MenuLevel5 > div a > span{font-size: 10px;} li.SecondaryMenuLevel1 > div a > span{font-family: var(--font1);} li.SecondaryMenuLevel1 > div a > span{font-weight: 100;} li.SecondaryMenuLevel1 > div a > span{font-size: 14px;} li.SecondaryMenuLevel2 > div a > span{font-family: var(--font1);} li.SecondaryMenuLevel2 > div a > span{font-weight: 100;} li.SecondaryMenuLevel2 > div a > span{font-size: 14px;} li.SecondaryMenuLevel3 > div a > span{font-family: var(--font1);} li.SecondaryMenuLevel3 > div a > span{font-weight: 100;} li.SecondaryMenuLevel3 > div a > span{font-size: 14px;} li.MenuLevel1 > div a{border-bottom-width:1px;} li.MenuLevel1 > div a{border-bottom-style:solid;} li.MenuLevel1 > div a{border-left-width:1px;} li.MenuLevel1 > div a{border-left-style:solid;} li.MenuLevel1 > div a{border-right-width:1px;} li.MenuLevel1 > div a{border-right-style:solid;} li.MenuLevel1.last div > a{border: 0;} li.MenuLevel2 > div a{border-bottom-width:0px;} li.MenuLevel2 > div a{border-bottom-style:solid;} li.MenuLevel2 > div a{border-left-width:0px;} li.MenuLevel2 > div a{border-left-style:solid;} li.MenuLevel2 > div a{border-right-width:0px;} li.MenuLevel2 > div a{border-right-style:solid;} li.MenuLevel2.last div > a{border: 0;} li.MenuLevel3.last div > a{border: 0;} li.MenuLevel4 > div a{border-bottom-width:0px;} li.MenuLevel4 > div a{border-bottom-style:solid;} li.MenuLevel4 > div a{border-left-width:0px;} li.MenuLevel4 > div a{border-left-style:solid;} li.MenuLevel4 > div a{border-right-width:0px;} li.MenuLevel4 > div a{border-right-style:solid;} li.MenuLevel4.last div > a{border: 0;} li.MenuLevel5 > div a{border-bottom-width:0px;} li.MenuLevel5 > div a{border-bottom-style:solid;} li.MenuLevel5 > div a{border-left-width:0px;} li.MenuLevel5 > div a{border-left-style:solid;} li.MenuLevel5 > div a{border-right-width:0px;} li.MenuLevel5 > div a{border-right-style:solid;} li.MenuLevel5.last div > a{border: 0;} li.SecondaryMenuLevel1 > div a{border-bottom-width:0px;} li.SecondaryMenuLevel1 > div a{border-bottom-style:solid;} li.SecondaryMenuLevel1 > div a{border-left-width:0px;} li.SecondaryMenuLevel1 > div a{border-left-style:solid;} li.SecondaryMenuLevel1 > div a{border-right-width:0px;} li.SecondaryMenuLevel1 > div a{border-right-style:solid;} li.SecondaryMenuLevel2 > div a{border-bottom-width:0px;} li.SecondaryMenuLevel2 > div a{border-bottom-style:solid;} li.SecondaryMenuLevel2 > div a{border-left-width:0px;} li.SecondaryMenuLevel2 > div a{border-left-style:solid;} li.SecondaryMenuLevel2 > div a{border-right-width:0px;} li.SecondaryMenuLevel2 > div a{border-right-style:solid;} li.SecondaryMenuLevel3 > div a{border-bottom-width:0px;} li.SecondaryMenuLevel3 > div a{border-bottom-style:solid;} li.SecondaryMenuLevel3 > div a{border-left-width:0px;} li.SecondaryMenuLevel3 > div a{border-left-style:solid;} li.SecondaryMenuLevel3 > div a{border-right-width:0px;} li.SecondaryMenuLevel3 > div a{border-right-style:solid;} #Menu{background-position:top left;} #SubMenu{background-position:top left;} #SubMenu1{background-position:top left;} #SecondaryMenu{background-position:top left;} #SecondarySubMenu {background-position:top left;} #SecondarySubMenu1 {background-position:top left;} li.MenuLevel1 > div a{background-position:center right;} li.MenuLevel1:last-child > div a{background-image:none;} li.MenuLevel2 > div a{background-repeat: repeat;} li.MenuLevel2 > div a{background-position:top left;} li.MenuLevel2:last-child > div a{background-image:none;} li.MenuLevel3 > div a{background-repeat: repeat-x;} li.MenuLevel3 > div a{background-position:top left;} li.MenuLevel3:last-child > div a{background-image:none;} li.MenuLevel4 > div a{background-position:top left;} li.MenuLevel4:last-child > div a{background-image:none;} li.MenuLevel5 > div a{background-position:top left;} li.MenuLevel5:last-child > div a{background-image:none;} li.SecondaryMenuLevel1 > div a{background-position:top left;} li.SecondaryMenuLevel1:last-child > div a{background-image:none;} li.SecondaryMenuLevel2 > div a{background-position:top left;} li.SecondaryMenuLevel3 > div a{background-position:top left;} #Menu{margin-left:200px;} .LeftSide #Menu, .RightSide #Menu{max-width: calc(100% - 200px);} #Menu{margin-top:24px;} li.MenuLevel1{margin-bottom:10px;} li.MenuLevel2{margin-top:10px;} li.MenuLevel2{margin-bottom:10px;} li.MenuLevel3{margin-top:10px;} li.MenuLevel1 > div a{padding-left:15px;padding-right:15px;} li.MenuLevel1 > div a{padding-top:10px;padding-bottom:10px;} li.MenuLevel2 > div a{padding-left:10px;padding-right:10px;} li.MenuLevel2 > div a{padding-top:10px;padding-bottom:10px;} li.MenuLevel3 > div a{padding-left:10px;padding-right:10px;} li.MenuLevel4 > div a{padding-left:10px;padding-right:10px;} li.MenuLevel5 > div a{padding-left:10px;padding-right:10px;} li.SecondaryMenuLevel1 > div a{padding-left:10px;padding-right:10px;} li.MenuOffsetLast1 > div p{background-position:top left;} li.MenuOffsetLast1 > div p{background-color:#0;} li.MenuOffsetLast2 > div p{background-position:top left;} li.MenuOffsetLast2 > div p{background-color:#0;} li.MenuOffsetLast3 > div p{background-position:top left;} li.MenuOffsetLast3 > div p{background-color:#0;} li.MenuOffsetLast4 > div p{background-position:top left;} li.MenuOffsetLast4 > div p{background-color:#0;} li.MenuOffsetLast5 > div p{background-position:top left;} li.MenuOffsetLast5 > div p{background-color:#0;} li.SecondaryMenuOffsetLast1 > div p{background-position:top left;} li.SecondaryMenuOffsetLast1 > div p{background-color:#0;} li.SecondaryMenuOffsetLast2 > div p{background-position:top left;} li.SecondaryMenuOffsetLast2 > div p{background-color:#0;} li.SecondaryMenuOffsetLast3 > div p{background-position:top left;} li.SecondaryMenuOffsetLast3 > div p{background-color:#0;} li.MenuSeparator1 > div p{background-position:top left;} li.MenuSeparator1 > div p{background-color:#0;} li.MenuSeparator2 > div p{background-position:top left;} li.MenuSeparator2 > div p{background-color:#0;} li.MenuSeparator3 > div p{background-position:top left;} li.MenuSeparator3 > div p{background-color:#0;} li.MenuSeparator4 > div p{background-position:top left;} li.MenuSeparator4 > div p{background-color:#0;} li.MenuSeparator5 > div p{background-position:top left;} li.MenuSeparator5 > div p{background-color:#0;} li.SecondaryMenuSeparator1 > div p{background-position:top left;} li.SecondaryMenuSeparator1 > div p{background-color:#0;} li.SecondaryMenuSeparator2 > div p{background-position:top left;} li.SecondaryMenuSeparator2 > div p{background-color:#0;} li.SecondaryMenuSeparator3 > div p{background-position:top left;} li.SecondaryMenuSeparator3 > div p{background-color:#0;} li.MenuLevel1 ul.MenuOver a{font-family:var(--font1);} li.MenuLevel1 ul.MenuOver a{font-weight:100;} li.MenuLevel1 ul.MenuOver a{font-size:14px;} li.MenuLevel1 ul.MenuOver{-moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px;overflow:hidden;} .SearchInput_Div { border:1px solid #0; } .PathText, .PathSeparator{font-family: var(--font1);} .PathText, .PathHome, .PathSeparator{font-size: 12px;} .PathText, .PathSeparator{font-weight: 100;} .Path.decoration-border .PathText, .Path.decoration-check-empty .PathText{border: 1px solid #000000;} .Path.decoration-border .PathText, .Path.decoration-check-empty .PathText {background-color: #c;} .PathSeparator{color: #0;} .PathText, .PathHome{color: #0;} .PathText:hover, .PathText.active{color: #0;} h3.article_title, h3.article_title a {color:var(--color3i);} h3.article_title, h3.article_title a {font-family: var(--font1);} h3.article_title{font-size:24px;} h3.article_title{font-weight:300;} article li, article p, article cite, article li a, article p a, article cite a{color:var(--color2i);} article li span, article p span, article cite span{font-family: var(--font3);} article li, article p, article cite{font-size:18px;} article li span, article p span, article cite span{font-weight:300;} article .Article.notab_br > h3.article_title, article .Article.notab_br > .table h3.article_title, article .Article.tab_br > h3.article_title, article .Article.tab_br > .table-row h3.article_title {margin-bottom: 5px;} article .Article.notab_br div > p, article .Article.notab_br > .table p, article .Article.tab_br div > p, article .Article.tab_br > .table p, article .Article.notab_br .articleIcon > *, article .Article.tab_br .articleIcon > * {margin-bottom: 20px;} article {padding-bottom: 3px;} article {margin-top: 10px;} #CPane, #Copyright, #CookieInfo{font-family: var(--font1);} #CPanel a,#CPanel, #Copyright a,#Copyright,#CookieInfo, #CookieInfo a{color: var(--color4);} .Table .TableCaption{font-family: var(--font1);} .Table .TableCaption{font-size: 15px;} .Table .TableCaption{font-weight: 400;} .Table .TableHead{font-family: var(--font1);} .Table .TableHead{font-weight:400;} .Table .TableCell{font-family: var(--font1);} .Table .TableCell{font-weight:400;} .Button{background-color: var(--color1);} .Button span, article .Button span{font-family:var(--font3) !important;} .Button span{font-size:18px;} .Button span, article .Button span{font-weight:500;} .Button span{text-transform: inherit;} .Button span{color: var(--color1f);} .Button{padding-left: 20px;} .Button{padding-right: 20px;} h2.SubTitleNews, h2.SubTitleNews a{font-family: var(--font1);} h2.SubTitleNews, h2.SubTitleNews a{font-size: 24px;} h2.SubTitleNews, h2.SubTitleNews a{font-weight: 100;} h2.SubTitleNews, h2.SubTitleNews a{color: #0;} .NewsLeft .PerexText{font-family: var(--font1);} .NewsLeft .PerexText{font-size: 14px;} .NewsLeft .PerexText{font-weight: 100;} .NewsLeft .PerexText, .NewsLeft .PerexText a{color: #0;} .NewsLeft .PerexText .date, .NewsLeft .NewsTitle .date, .NewsLeft.NewsSpacing3 .NewsPreviewsText .date{font-family: var(--font1);} .NewsLeft .PerexText .date, .NewsLeft .NewsTitle .date, .NewsLeft.NewsSpacing3 .NewsPreviewsText .date{font-weight: 100;} .NewsLeft .PerexText .date, .NewsLeft .NewsTitle .date, .NewsLeft.NewsSpacing3 .NewsPreviewsText .date{color: #0;} .NewsLeft .PerexText .author, .NewsLeft .NewsTitle .author{font-family: var(--font1);} .NewsLeft .PerexText .author, .NewsLeft .NewsTitle .author{font-size: 10px;} .NewsLeft .PerexText .author, .NewsLeft .NewsTitle .author{font-weight: 100;} .NewsLeft .PerexText .author, .NewsLeft .NewsTitle .author{color: #0;} .NewsLeft .NewsItemRow.TimeLine .NewsItemPreviewsDate > div > small{font-family: var(--font1);} .NewsLeft .NewsItemRow.TimeLine .NewsItemPreviewsDate > div > small{font-weight: 100;} .NewsLeft .NewsItemRow.TimeLine .NewsItemPreviewsDate > div > small{color: #0;} .NewsLeft .NewsItemLighlight > .odd, .NewsLeft .NewsItemLighlight > .even{background-color: #0;} .NewsLeft .NewsItemRow.TimeLine .NewsItemPreviewsDate > div > small, .NewsLeft .NewsItemRow.TimeLine .NewsItemPreviewsDate > div > .step{background-color: #0;} #News .NewsItem3 .step{background-color:#0;} .NewsLeft .NewsItemLighlight {border-bottom-width:0px;} .NewsLeft .NewsItemLighlight {border-bottom-style:solid;} .NewsLeft .NewsItemLighlight {border-left-width:0px;} .NewsLeft .NewsItemLighlight {border-left-style:solid;} .NewsLeft .NewsItemLighlight {border-right-width:0px;} .NewsLeft .NewsItemLighlight {border-right-style:solid;} .NewsLeft .NewsItemRow .NewsItem1 {border-bottom-width:0px;} .NewsLeft .NewsItemRow .NewsItem1 {border-bottom-style:solid;} .NewsLeft .NewsItemRow .NewsItem1 {border-left-width:0px;} .NewsLeft .NewsItemRow .NewsItem1 {border-left-style:solid;} .NewsLeft .NewsItemRow .NewsItem1 {border-right-width:0px;} .NewsLeft .NewsItemRow .NewsItem1 {border-right-style:solid;} .NewsLeft .NewsItemRow.TimeLine:after{border-right-color: #0;} .NewsLeft .NewsItemRow.TimeLine .NewsItemPreviewsDate > div > small, .NewsLeft .NewsItemRow.TimeLine .NewsItemPreviewsDate > div > .step{border-color: #0;} #News .NewsItem3 .step{border-color:#0;} #News .NewsItem3 .NewsItem > .NewsTitle{border-right-color: #0;} .Image.effect-transform .effect small, .Hyperlink.effect-transform .effect small{font-family: var(--font1);} .Image.effect-transform .effect, .Hyperlink.effect-transform .effect{font-size: 14px;} .Image.effect-transform .effect, .Hyperlink.effect-transform .effect{font-weight: 400;} .Image.effect-transform .effect small, .Hyperlink.effect-transform .effect small{color: #0;} .GalleryImage small, .GalleryImageTop small{font-family: var(--font1);} .GalleryImage small, .GalleryImageTop small{font-size: 16px;} .GalleryImage small, .GalleryImageTop small{font-weight: 400;} .GalleryImage small, .GalleryImageTop small{color: var(--color1g);} .gallery_gallery .GalleryImage a small{margin-top: 5px;} .Gallery {padding-left: 0px;} .Gallery {padding-right: 0px;} .Gallery {padding-top: 0px;} .Gallery {padding-bottom: 0px;} .ThemeNavigation .ThemeNavigationItem .themenavigation_title, .ThemeNavigation .ThemeNavigationSub .themenavigation_subtitle{font-family: var(--font1);} .ThemeNavigation .ThemeNavigationItem .themenavigation_title, .ThemeNavigation .ThemeNavigationSub .themenavigation_subtitle{font-weight: 400;} .ThemeNavigation .ThemeNavigationItem .themenavigation_title{font-size: 14px;} .ThemeNavigation .ThemeNavigationSub .themenavigation_subtitle{font-size: 9.333px;} .ThemeNavigation .ThemeNavigationInit .themenavigation_description_value, .ThemeNavigation .ThemeNavigationShoppingCart .product_availability_name{font-family: var(--font1);} .ThemeNavigation .ThemeNavigationInit .themenavigation_description_value{font-weight: 400;} .ThemeNavigation .ThemeNavigationInit .themenavigation_description_value, .ThemeNavigation .ThemeNavigationInit .themenavigation_description_value.ellipsis{font-size: 12px;} .ThemeNavigation .ThemeNavigationShoppingCart .product_price, .ThemeNavigation .ThemeNavigationShoppingCart .product_price_small small, .ThemeNavigation .productDetail .productPrice .price_primary{font-family: var(--font1);} .ThemeNavigation .ThemeNavigationShoppingCart .product_price .productSmallPricePrimary, .ThemeNavigation .productDetail .productPrice .price_primary{font-weight: 400;} .ThemeNavigation .ThemeNavigationShoppingCart .product_price .productSmallPricePrimary, .ThemeNavigation .productDetail .productPrice .price_primary{font-size: 12px;} .ThemeNavigation .ThemeNavigationItem .themenavigation_title, .ThemeNavigation .ThemeNavigationSub .themenavigation_subtitle, .ThemeNavigation .ThemeNavigationItem .themenavigation_title a, .ThemeNavigation .ThemeNavigationSub .themenavigation_subtitle a, .ThemeNavigation .ThemeNavigationItem a.themenavigation_title, .ThemeNavigation .ThemeNavigationSub a.themenavigation_subtitle{color: #0;} .ThemeNavigation .ThemeNavigationItem:hover .themenavigation_title, .ThemeNavigation .ThemeNavigationItem .themenavigation_title:hover, .ThemeNavigation .ThemeNavigationSub .themenavigation_subtitle:hover, .ThemeNavigation .ThemeNavigationItem:hover .themenavigation_title a, .ThemeNavigation .ThemeNavigationItem .themenavigation_title:hover a, .ThemeNavigation .ThemeNavigationSub .themenavigation_subtitle:hover a{color: #0;} .ThemeNavigation .ThemeNavigationInit .themenavigation_description_value{color: #0;} .ThemeNavigation .ThemeNavigationShoppingCart .product_price .productSmallPricePrimary, .ThemeNavigation .ThemeNavigationShoppingCart .product_price_small small, .ThemeNavigation .productDetail .productPrice .price_primary{color: #0;} .ThemeNavigation:not(.type-7) .themenavigation_description_value.ellipsis{height:60px;overflow:hidden;} .ThemeNavigation.type-7 .themenavigation_description_value.ellipsis{max-height:60px;overflow:hidden;} .Tabs .tab_titles .tab, .Tabs .tab_titles .tab_selected{font-family: var(--font1);} .Tabs .tab_titles .tab, .Tabs .tab_titles .tab_selected{font-size: 12px;} .Tabs .tab_titles .tab{font-weight: 400;} .Tabs .tab_titles .tab{color: #0;} .Tabs .tab_titles .tab_selected{font-weight: 600;} .Tabs .tab_titles .tab_selected{color: #0;} .Tabs .tab_titles .tab:hover{font-weight: 400;} .Tabs .tab_titles .tab:hover{color: #0;} .Tabs .tab_titles .tab{background-color: #0;} .Tabs .tab_titles .tab_selected{background-color: #0;} .Tabs .tab_titles .tab:hover{background-color: #0;} .Tabs .tab_titles .tab, .Tabs .tab_titles .tab_selected {-moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; border-top-right-radius: 0px;} .Tabs .tab_titles .tab, .Tabs .tab_titles .tab_selected {border-bottom-width: 0px;} .Tabs .tab_titles .tab, .Tabs .tab_titles .tab_selected {border-bottom-style: solid;} .Tabs .tab_titles .tab, .Tabs .tab_titles .tab_selected {border-left-width: 0px;} .Tabs .tab_titles .tab, .Tabs .tab_titles .tab_selected {border-left-style: solid;} .Tabs .tab_titles .tab, .Tabs .tab_titles .tab_selected {border-right-width: 1px;} .Tabs .tab_titles .tab, .Tabs .tab_titles .tab_selected {border-right-style: solid;} .Tabs .tab_titles .tab, .Tabs .tab_titles .tab_selected {border-right-color: #0;} .Tabs .tabs_data {border-top-width: 1px;} .Tabs .tabs_data {border-top-style: solid;} .Tabs .tabs_data {border-top-color: #0;} .Tabs .tabs_data {border-bottom-width: 1px;} .Tabs .tabs_data {border-bottom-style: solid;} .formTitle{font-family: var(--font1);} .formTitle{font-weight:400;} .formTitle{font-size:18px;} .formTitle{color:var(--color6f);} .formSubTitle span, form.webForm fieldset legend, .formSubTitle span, form.webForm fieldset .legend{font-family: var(--font1);} .formSubTitle span, form.webForm fieldset legend{font-weight:400;} .formSubTitle span, form.webForm fieldset legend, .formSubTitle span, form.webForm fieldset .legend{font-size:18px;} .formSubTitle span, form.webForm fieldset legend, .formSubTitle span, form.webForm fieldset .legend{color:var(--color6f);} .formName, .formValue .formCheckboxItem *{font-family: var(--font1);} .formName, .formValue .formCheckboxItem *{font-weight:400;} .formName, .formValue .formCheckboxItem *{font-size:18px;} .formName, .formValue .formCheckboxItem *{color:var(--color6f);} .webForm.type-3 .formSelectMulti .formSelectInput .formSelectInputLabel {color: rgba(,0.6);} .webForm.type-3 ::placeholder{color: rgba(,0.6);} .webForm.type-3 ::-webkit-input-placeholder{color: rgba(,0.6);} .webForm.type-3 ::-moz-placeholder{color:rgba(,0.6);} .webForm.type-3 :-ms-input-placeholder{color:rgba(,0.6);} .webForm.type-3 :-moz-placeholder{color: rgba(,0.6);} .formValue *, .formValue .formCheckboxItem input, .formTooltip, .formTooltip > li{font-family: var(--font1);} .formValue *, .formValue .formCheckboxItem input, .formTooltip, .formTooltip > li{font-weight:400;} .formValue *, .formValue .formCheckboxItem input, .formTooltip, .formTooltip > li{font-size:18px;} .formValue *, .formValue .formCheckboxItem input{color:var(--color6f);} .webForm .formField.type-calculator .formName{font-family: var(--font1);} .webForm .formField.type-calculator .formName{font-weight:400;} .webForm .formField.type-calculator .formName{font-size:14px;} .webForm .formField.type-calculator .formValue .formPrice{font-family: var(--font1);} .webForm .formField.type-calculator .formValue .formPrice{font-weight:400;} .webForm .formField.type-calculator .formValue .formPrice{font-size:14px;} .required_error, #login_error{font-family: var(--font1);} .required_error, #login_error{font-weight:400;} .required_error, #login_error{font-size:18px;} .required_error, #login_error{color:var(--color6f);} .required{color:#ff0000;} .formButton .sendButton{font-family: var(--font1);} .formButton .sendButton{font-weight:400;} .formButton .sendButton{font-size:18px;} .formButton .sendButton{color:var(--color1f);} .formDiv{max-width:600px;width:100%;} .formSubTitle{text-align: left;} .formButton{text-align: center;} .formDiv{background-position:top left;} .formInput{background-position:top left;} .formTextarea{background-position:top left;} .formSelect{background-position:top left;} .formButton .sendButton{background-color: var(--color1);} .formValue .formSelect{padding-left: 10px;} .formValue .formSelect{padding-right: 10px;} .formValue .formSelect{padding-top: 10px;} .formValue .formSelect{padding-bottom: 10px;} .formButton .sendButton{padding-left: 40px;} .formButton .sendButton{padding-right: 40px;} .formButton .sendButton{padding-top: 15px;} .formButton .sendButton{padding-bottom: 15px;} .formValue .formRadio.border, .formValue .formInput, .formValue .formTextarea, .formValue .formSelect, .formButton .sendButton, .formValue .buttonIcon{-moz-border-radius: 15px; -webkit-border-radius: 15px; -khtml-border-radius: 15px; border-radius: 15px;} .formValue .formRadio.border, .formValue .formInput, .formValue .formTextarea, .formValue .formSelect, .formValue .formSelectItems, .formButton .sendButton, .formValue .buttonIcon, form.webForm fieldset{border-style: solid;border-width:1px;} .formValue .formRadio.border, .formValue .formInput, .formValue .formTextarea, .formValue .formSelect, .formValue .formSelectItems, .formButton .sendButton, .formValue .buttonIcon, form.webForm fieldset{border-color:#cdcdcd;} section.type-1, .Data.type-1{margin-top: 30px;} section.type-2, .Data.type-2{margin-top: 60px;} section.type-3, .Data.type-3{margin-top: 120px;} .content_separator, .SmartContentSeparator{width: 30px;} ul.Megamenu{background-repeat:no-repeat;} ul.Megamenu{background-position:top left;} #Menu > ul li.MenuLevel1 ul.Megamenu, #SecondaryMenu > ul li.SecondaryMenuLevel1 ul.Megamenu{background-color: var(--color6);} #Menu > ul li.MenuLevel1 .megamenu-arrow-div .megamenu-arrows, #SecondaryMenu > ul li.SecondaryMenuLevel1 .megamenu-arrow-div .megamenu-arrows{border-color: transparent transparent var(--color6); } address.Contact, address.Contact a{font-family: var(--font1);} address.Contact, address.Contact a{font-size: 14px;} address.Contact, address.Contact a{font-weight: 400;} address.Contact, address.Contact a{color: var(--color1f);} address .contact-icon{color: #0;} address .contact-icon{font-size: 14px;} .swipeBanner .swiper .banner_bg, .swipeBanner .swipeBannerBackgrounds .background-image{background-color: #0;} .SwipeBannerData .swipebanner_progress{background-color: rgba(255,255,255,0.8);} .swipeBanner .swipe-wrap .swiper span.text {font-family: var(--font1);} .swipeBanner .swipe-wrap .swiper span.text {font-size: 14px;} .swipeBanner .swipe-wrap .swiper span.text {font-weight: 400;} .swipeBanner .swipe-wrap .swiper span.text {color: #0;} .swipeBanner .swipe-wrap .swiper span.text {background-color: #0;} .swipeBanner .swipe-wrap .swiper span.text{line-height: normal;} .swipeBanner .swipe-wrap .swiper span.text{text-shadow: 0;} .SwipeBannerData .swipebanner_pager_arrows .pagger_arrow { height: 55px; width: 55px;} .SwipeBannerData .swipebanner_pager_arrows .pagger_arrow > span{font-size: 52px;} .swipebanner_pager{font-size: 24px;} .swipebanner_pager li.active {background-color: #0;} .SwipeBannerData .swipebanner_navigation_menu ul {background-color: #0;} .SwipeBannerData .swipebanner_navigation_menu li {font-family: var(--font1);} .SwipeBannerData .swipebanner_navigation_menu li {font-size: 24px;} .SwipeBannerData .swipebanner_navigation_menu li {font-weight: 400;} .SwipeBannerData .swipebanner_navigation_menu li p{font-family: var(--font1);} .SwipeBannerData .swipebanner_navigation_menu li p{font-size: 14px;} .SwipeBannerData .swipebanner_navigation_menu li p{font-weight: 400;} .SwipeBannerData .swipebanner_navigation_menu li {color: #0;} .SwipeBannerData .swipebanner_navigation_menu li.active {color: #0;} .SwipeBannerData .swipebanner_navigation_menu li.active {background-color: rgba(255,255,255,0.2);} .SwipeBannerData .swipebanner_scroll_after span {font-size: 55px; line-height: 55px;} .SwipeBannerData .swipebanner_scroll_after span{color: #0;} #ShoppingCartList, #ShoppingCartListSmall, #ShoppingCartListMenu > div{background-color: #0;} .ThemeNavigation .ThemeNavigationShoppingCart .product_buy span, .ThemeNavigation .productDetailBuy .product_buy span{color: #0;} .productDetailBuy .product_buy span{color: #0;} #ShoppingCartListSubmit span, .ShoppingCartListMenuSubmit {color: #0;} #ShoppingCartListSubmit span, #ShoppingCartListMenu > div a.menu-item > span {font-size: 24px;} .productDetail .productPrice .product_price, .productDetail .productPrice .product_price_small small{font-family: var(--font1);} .productDetail .productPrice .price_primary {font-size:12px;} .productDetail .productPrice .price_primary {font-weight:400;} .productDetail .productPrice .product_price, .productDetail .productPrice .product_price_small small{color:#0;} #ShoppingCartListDiv, #ShoppingCartListMenu > div a.menu-item > span {font-family: var(--font1);} #ShoppingCartListDiv{font-size:12px;} #ShoppingCartListDiv{font-weight:400;} #ShoppingCartListDiv, #ShoppingCartListMenu > div a.menu-item > span {color:#0;} .ShoppingCartListPrimary, #ShoppingCartListMenu > div .ShoppingCartListMenuData .basket-sum{font-family: var(--font1);} .ShoppingCartListPrimary, #ShoppingCartListMenu > div .ShoppingCartListMenuData .basket-sum{font-size:12px;} .ShoppingCartListPrimary, #ShoppingCartListMenu > div .ShoppingCartListMenuData .basket-sum{font-weight:400;} .ShoppingCartListPrimary, #ShoppingCartListMenu > div .ShoppingCartListMenuData .basket-sum{color:#0;} article.product-attribute li span, article.product-attribute p span, article.product-attribute cite span, .productDetail .Image-shopping_cart_attribute small, .productDetail label.labelAccessories.labelImage > span.bottomleft, .productDetail label.labelAttributes.labelImage > span.bottomleft{font-family: var(--font1);} article.product-attribute li, article.product-attribute p, article.product-attribute cite{font-size: 12px;} article.product-attribute li span, article.product-attribute p span, article.product-attribute cite span, .productDetail .Image-shopping_cart_attribute small{font-weight:400;} article.product-attribute li, article.product-attribute p, article.product-attribute cite, article.product-attribute li a, article.product-attribute p a, article.product-attribute cite a, .productDetail .Image-shopping_cart_attribute small, .productDetail label.labelAccessories.labelImage > span.bottomleft, .productDetail label.labelAttributes.labelImage > span.bottomleft{color: #0;} .productDetail .Image-shopping_cart_attribute.attribute-mask > span.table{border-color:#0;} a.userName span{color: var(--color1g);} .button-login{font-family: var(--font1);} .button-login{font-size:14px;} .button-login{font-weight:400;} .button-login{color:var(--color1g);} .button-login{background: #FFFFFF;} .button-login{border-width:1px;border-style: solid;} .button-login{border-color: #FFFFFF;} .button-login{-moz-border-radius: 6px; -webkit-border-radius: 6px; -khtml-border-radius: 6px; border-radius: 6px;} .button-login{padding-left:8px;} .button-login{padding-top:3px;} .button-login{padding-right:8px;} .button-login{padding-bottom:3px;} .button-logout{font-family: var(--font1);} .button-logout{font-size:14px;} .button-logout{font-weight:400;} .button-logout{color:var(--color1g);} .button-logout{background: #FFFFFF;} .button-logout{border-width:1px;border-style: solid;} .button-logout{border-color: #FFFFFF;} .button-logout{-moz-border-radius: 6px; -webkit-border-radius: 6px; -khtml-border-radius: 6px; border-radius: 6px;} .button-logout{padding-left:8px;} .button-logout{padding-top:3px;} .button-logout{padding-right:8px;} .button-logout{padding-bottom:3px;} #Login{z-index:999;} #ShoppingCartList, #ShoppingCartListSmall {height:0px;} .ProductDetailAttributes{background-color: #0; padding: 10px;} .product-gifts{font-weight:400;} .GroupData > .GroupDataItem > .GroupDataItemValue{padding-left: 12px;} @media all and (max-width:480px){ .content_group:not(.hideDevice-5) .GroupData > .GroupDataItem > div{padding-left: 12px !important;} } .GroupData > .GroupDataItem > .GroupDataItemValue{padding-top: 12px;} @media all and (max-width:480px){ .content_group:not(.hideDevice-5) .GroupData > .GroupDataItem > div{padding-top: 12px !important;} } .GroupData > .GroupDataItem > .GroupDataItemValue{padding-right: 12px;} @media all and (max-width:480px){ .content_group:not(.hideDevice-5) .GroupData > .GroupDataItem > div{padding-right: 12px !important;} } .GroupData > .GroupDataItem > .GroupDataItemValue{padding-bottom: 12px;} @media all and (max-width:480px){ .content_group:not(.hideDevice-5) .GroupData > .GroupDataItem > div{padding-bottom: 12px !important;} } .Table .TableCaption{color: #000000;} .Table .TableCaption{text-align: left;} .Table .TableHead{font-size: 15px;} .Table .TableCell{font-size: 15px;} .Table.style1, .Table.style1 .TableHead, .Table.style1 .TableCell, .Table.style2, .Table.style2 .TableHead, .Table.style2 .TableCell, .Table.style6, .Table.style7 {border: 1px solid #cde6ff;} .Table.style1, .Table.style2, .Table.style5{border-collapse: collapse;} .Table.style2 .TableHead, .Table.style4 .TableHead, .Table.style9 .TableHead, .Table.style10 .TableHead{background-color: #cde6ff;} .Table.style3 .TableHeaderGroup .TableRow .TableHead, .Table.style8 .TableHeaderGroup .TableRow .TableHead, .Table.style10 .TableCell, .Table.style10.first_row .TableCell, .Table.style11.first_row .TableHeaderGroup .TableHead{border-bottom: 1px solid #cde6ff;} .Table.style3 .TableBodyGroup .TableRow .TableHead, .Table.style3.first_col .TableHeaderGroup .TableRow .TableHead:first-child, .Table.style8 .TableBodyGroup .TableRow .TableHead, .Table.style8.first_col .TableHeaderGroup .TableHead:first-child, .Table.style10.first_col .TableCell, .Table.style11.first_row .TableBodyGroup .TableHead, .Table.style11.first_row .TableHeaderGroup .TableHead:first-child{border-right: 1px solid #cde6ff;} .Table.style3 .TableHead {color: #cde6ff;} .Table.style5 {border-top:2px solid #cde6ff;border-bottom:2px solid #cde6ff;} .Table.style5, .Table.style5 .TableRow .TableHead, .Table.style5 .TableRow .TableCell{border: 1px solid #cde6ff;} .Table.style6 .TableHeaderGroup .TableRow .TableHead, .Table.style7 .TableHeaderGroup .TableRow .TableHead{border-bottom: 1px dashed #cde6ff;} .Table.style6 .TableBodyGroup .TableRow .TableHead, .Table.style6.first_col .TableHeaderGroup .TableHead:first-child, .Table.style7 .TableBodyGroup .TableRow .TableHead, .Table.style7.first_col .TableHeaderGroup .TableHead:first-child{border-right: 1px dashed #cde6ff;} .Table.style9, .Table.style9.first_row, .Table.style9.first_row.first.col{border-top:1px solid #cde6ff;border-bottom:1px solid #cde6ff;} .Table.style9.first_col{border-left:1px solid #cde6ff;border-right:1px solid #cde6ff;} .Table.style1 .TableHead, .Table.style2 .TableRow:nth-child(2n+2) .TableCell, .Table.style2.first_row .TableRow:nth-child(2n+2) .TableCell, .Table.style2.first_row.first_col .TableRow:nth-child(2n+2) .TableCell, .Table.style2.first_col .TableRow .TableCell:nth-child(2n+1), .Table.style4 .TableCell, .Table.style5, .Table.style7 .TableCell, .Table.style8 .TableRow:nth-child(2n+1) .TableCell, .Table.style8.first_row .TableRow:nth-child(2n+1) .TableCell, .Table.style8.first_row.first_col .TableRow:nth-child(2n+1) .TableCell, .Table.style8.first_col .TableRow .TableCell:nth-child(2n+2), .Table.style9 .TableRow:nth-child(2n+2) .TableCell, .Table.style9.first_row .TableRow:nth-child(2n+2) .TableCell, .Table.style9.first_row.first_col .TableRow:nth-child(2n+2) .TableCell, .Table.style9.first_col .TableRow .TableCell:nth-child(2n+1), .Table.style11 .TableHead{background-color: #e6e6e6;} .Table.style3 .TableRow .TableCell, .Table.style3.first_row .TableRow .TableCell, .Table.style11 .TableRow .TableCell, .Table.style11.first_row .TableRow .TableCell {border-bottom: 1px solid #e6e6e6;} .Table.style3.first_col .TableRow .TableCell, .Table.style11.first_col .TableRow .TableCell{border-right: 1px solid #e6e6e6;} .Table.style1 .TableCell, .Table.style2 .TableRow:nth-child(2n+1) .TableCell, .Table.style2.first_row .TableRow:nth-child(2n+1) .TableCell, .Table.style2.first_row.first_col .TableRow:nth-child(2n+1) .TableCell, .Table.style2.first_col .TableRow .TableCell:nth-child(2n+2), .Table.style3, .Table.style6, .Table.style7 .TableHead, .Table.style8 .TableRow:nth-child(2n+2) .TableCell, .Table.style8.first_row .TableRow:nth-child(2n+2) .TableCell, .Table.style8.first_row.first_col .TableRow:nth-child(2n+2) .TableCell, .Table.style8.first_col .TableRow .TableCell:nth-child(2n+1), .Table.style8 .TableRow .TableHead, .Table.style9 .TableRow:nth-child(2n+1) .TableCell, .Table.style9.first_row .TableRow:nth-child(2n+1) .TableCell, .Table.style9.first_row.first_col .TableRow:nth-child(2n+1) .TableCell, .Table.style9.first_col .TableRow .TableCell:nth-child(2n+2), .Table.style10, .Table.style11 .TableCell{background-color: #ffffff;} .Table.style3 .TableCell, .Table.style3.first_row .TableCell, .Table.style4 .TableCell, .Table.style4.first_row .TableCell, .Table.style7 .TableCell, .Table.style7.first_row .TableCell {border-bottom: 1px solid #ffffff;} .Table.style4.first_col .TableCell, .Table.style7.first_col .TableCell{border-right: 1px solid #ffffff;} .FilterNavigation {--sw-gutter-x: 12px; --sw-gutter-y: 12px;margin-right: calc(var(--sw-gutter-x) * -.5);margin-left: calc(var(--sw-gutter-x) * -.5);margin-top: calc(var(--sw-gutter-y) * -.5);margin-bottom: calc(var(--sw-gutter-y) * -.5);} .FilterNavigation > * {padding-right: calc(var(--sw-gutter-x) * .5);padding-left: calc(var(--sw-gutter-x) * .5);margin-top: calc(var(--sw-gutter-y) * .5);margin-bottom: calc(var(--sw-gutter-y) * .5);} .content_separator.hrv{width: 30px;} html,body, .SwipeBannerData .banner_content{font-size: 12px;} .SeparatorHR{border-bottom-color: #cdcdcd;} .SeparatorHRV{border-left-color: #cdcdcd;} .content_separator.hrv .hrv span:before{border-bottom-color: #cdcdcd;} .SeparatorHorizontal{height: 1px;} .SeparatorHR{border-bottom-width: 1px;} .SeparatorHRV{border-left-width: 1px;} .SeparatorHorizontal{margin-top: 80px;} .SeparatorHorizontal{padding-bottom: 40px;} .SeparatorBG.type-more{background-position: left center;} .SubTitle{line-height: normal;} article cite:before, article cite:before{border-right-style: solid;} article li, article li:before, article p span, article cite span, article cite:before {line-height: normal;} article cite.top:before{padding-top: 0 !important;} .Image-picture .border{border-color: #e6e6e6;} .ThemeNavigation.theme_navigation.type-6 .ThemeNavigationItem .ThemeNavigationShoppingCart.absolute.position-left{-moz-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px; -khtml-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px;} .ThemeNavigation.theme_navigation.type-6 .ThemeNavigationItem .ThemeNavigationShoppingCart.absolute.position-right{-moz-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px; -khtml-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px;} .ThemeNavigation.theme_navigation .ThemeNavigationItem .themenavigation_title, .ThemeNavigation.theme_navigation .ThemeNavigationItem .themenavigation_title a{color: #0;} .ThemeNavigation.theme_navigation .ThemeNavigationItem:hover .themenavigation_title, .ThemeNavigation.theme_navigation .ThemeNavigationItem:hover .themenavigation_title a{color: #0;} .ThemeNavigation.theme_navigation .ThemeNavigationItem .themenavigation_description_value, .ThemeNavigation.theme_navigation .ThemeNavigationItem .themenavigation_description_value a{color: #0;} .ThemeNavigation.theme_navigation .themenavigation_description_value{line-height: normal;} .ThemeNavigation.product_navigation.type-6 .ThemeNavigationItem .ThemeNavigationShoppingCart.absolute.position-left{-moz-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px; -khtml-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px;} .ThemeNavigation.product_navigation.type-6 .ThemeNavigationItem .ThemeNavigationShoppingCart.absolute.position-right{-moz-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px; -khtml-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px;} .ThemeNavigation.product_navigation .ThemeNavigationSeparator .ThemeNavigationSeparatorBorder.separatorborder-thin, .ThemeNavigation.product_navigation .ThemeNavigationSeparator .ThemeNavigationSeparatorBorder.separatorborder-medium, .ThemeNavigation.product_navigation .ThemeNavigationSeparator .ThemeNavigationSeparatorBorder.separatorborder-thick{color: #e6e6e6;background-color:#e6e6e6;} .ThemeNavigation.product_navigation .ThemeNavigationItem.separatorborder-thin, .ThemeNavigation.product_navigation .ThemeNavigationItem.separatorborder-medium, .ThemeNavigation.product_navigation .ThemeNavigationItem.separatorborder-thick{border-color: #e6e6e6;} .ThemeNavigation.product_navigation .ThemeNavigationItem .themenavigation_title, .ThemeNavigation.product_navigation .ThemeNavigationItem .themenavigation_title a{color: #000000;} .ThemeNavigation.product_navigation .themenavigation_description_value{line-height: normal;} .Button.type-round_corners{border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;} .Button.type-cutter{-webkit-border-top-left-radius:5px; -moz-border-radius-topleft:5px; border-top-left-radius:5px; -webkit-border-bottom-right-radius:5px; -moz-border-radius-bottomright:5px;border-bottom-right-radius:5px;} .MainButton{width:50%;} .Button:not(.hvr-radial-in):not(.hvr-rectangle-in):not(.hvr-shutter-in-horizontal):not(.hvr-shutter-in-vertical), .Button.hvr-radial-in:after, .Button.hvr-rectangle-in:after, .Button.hvr-shutter-in-horizontal:after,.Button.hvr-shutter-in-vertical:after {background-color: var(--color1);} .Button:not(.hvr-sweep-to-right):not(.hvr-sweep-to-left):not(.hvr-sweep-to-bottom):not(.hvr-sweep-to-top):not(.hvr-radial-out):not(.hvr-rectangle-out):not(.hvr-shutter-out-horizontal):not(.hvr-shutter-out-vertical):hover, .Button.hvr-sweep-to-right:after, .Button.hvr-sweep-to-left:after, .Button.hvr-sweep-to-bottom:after, .Button.hvr-sweep-to-top:after, .Button.hvr-radial-out:after, .Button.hvr-rectangle-out:after, .Button.hvr-shutter-out-horizontal:after, .Button.hvr-shutter-out-vertical:after, .Button.hvr-radial-in, .Button.hvr-rectangle-in, .Button.hvr-shutter-in-horizontal,.Button.hvr-shutter-in-vertical, .formRadioButtonItem input[type="radio"]:checked + label.Button:not(.hvr-radial-in):not(.hvr-rectangle-in):not(.hvr-shutter-in-horizontal):not(.hvr-shutter-in-vertical){background-color: #cdcdcd;} .Button.border{border-width: 0px;} .Button.border{border-color: #000000;} .Button, .Button span{color: var(--color1f);} .Button:hover, .Button:hover span, .formRadioButtonItem input[type="radio"]:checked + label.Button{color: #000000;} .NewsItemPreviews.NewsItemLighlight > div.odd{background-color: #0;} .HeadData{border-top-width:0px;} .FootData{border-bottom-color: transparent;} .HeadData, .BodyData, .FootData{border-left-color:transparent;} .HeadData, .BodyData, .FootData{border-right-color:transparent;} .BodyData{border-top-color: transparent;} .BodyData ~ .BodyData{border-top-color: transparent;} .BodyData{border-top-width:0px;} .BodyData ~ .BodyData{border-top-width: medium;} .BodyData:last-child{border-bottom-color: transparent;} .BodyData{border-left-color: transparent;} .BodyData{border-right-color: transparent;} .LeftSide{border-top-color: transparent;} .LeftSide{border-top-width:0px;} .LeftSide{border-bottom-color: transparent;} .LeftSide{border-left-color: transparent;} .LeftSide{border-right-color: transparent;} .RightSide{border-top-color: transparent;} .RightSide{border-top-width:0px;} .RightSide{border-bottom-color: transparent;} .RightSide{border-left-color: transparent;} .RightSide{border-right-color: transparent;} .BodyData .ContentHolder{border-top-color: transparent;} .BodyData ~ .BodyData .ContentHolder{border-top-color: transparent;} .BodyData .ContentHolder{border-top-width:0px;} .BodyData ~ .BodyData .ContentHolder{border-top-width: medium;} .BodyData:last-child .ContentHolder{border-bottom-color: transparent;} .ContentHolder{border-left-color: transparent;} .ContentHolder{border-right-color: transparent;} .LeftSide {padding-bottom:20px;} .LeftSide{padding-right:20px;} .LeftSide{padding-top:20px;} .LeftSide{padding-left:20px;} .RightSide{padding-bottom:20px;} .RightSide{padding-right:20px;} .RightSide{padding-top:20px;} .RightSide{padding-left:20px;} .Foot{padding-bottom:20px;} .Foot{padding-right:20px;} .Foot{padding-top:20px;} .Foot{padding-left:20px;} li.MenuLevel1 > div a{border-top-width:0px;} li.MenuLevel1 > div a{border-top-color:transparent;} li.MenuLevel1 > div a{border-bottom-color:transparent;} li.MenuLevel1 > div a{border-left-color:transparent;} li.MenuLevel1 > div a{border-right-color:transparent;} li.MenuLevel2 > div a{border-top-width:0px;} li.MenuLevel2 > div a{border-top-color:transparent;} li.MenuLevel2 > div a{border-bottom-color:transparent;} li.MenuLevel2 > div a{border-left-color:transparent;} li.MenuLevel2 > div a{border-right-color:transparent;} li.MenuLevel3 > div a{border-top-width:0px;} li.MenuLevel3 > div a{border-top-color:transparent;} li.MenuLevel3 > div a{border-bottom-width:0px;} li.MenuLevel3 > div a{border-left-color:transparent;} li.MenuLevel3 > div a{border-left-width:0px;} li.MenuLevel3 > div a{border-right-color:transparent;} li.MenuLevel3 > div a{border-right-width:0px;} li.MenuLevel4 > div a{border-top-width:0px;} li.MenuLevel4 > div a{border-top-color:transparent;} li.MenuLevel4 > div a{border-bottom-color:transparent;} li.MenuLevel4 > div a{border-left-color:transparent;} li.MenuLevel4 > div a{border-right-color:transparent;} li.MenuLevel5 > div a{border-top-width:0px;} li.MenuLevel5 > div a{border-top-color:transparent;} li.MenuLevel5 > div a{border-bottom-color:transparent;} li.MenuLevel5 > div a{border-left-color:transparent;} li.MenuLevel5 > div a{border-right-color:transparent;} li.SecondaryMenuLevel1 > div a{border-top-width:0px;} li.SecondaryMenuLevel1 > div a{border-top-color:transparent;} li.SecondaryMenuLevel1 > div a{border-bottom-color:transparent;} li.SecondaryMenuLevel1 > div a{border-left-color:transparent;} li.SecondaryMenuLevel1 > div a{border-right-color:transparent;} li.SecondaryMenuLevel2 > div a{border-top-width:0px;} li.SecondaryMenuLevel2 > div a{border-top-color:transparent;} li.SecondaryMenuLevel2 > div a{border-bottom-color:transparent;} li.SecondaryMenuLevel2 > div a{border-left-color:transparent;} li.SecondaryMenuLevel2 > div a{border-right-color:transparent;} li.SecondaryMenuLevel3 > div a{border-top-width:0px;} li.SecondaryMenuLevel3 > div a{border-top-color:transparent;} li.SecondaryMenuLevel3 > div a{border-bottom-color:transparent;} li.SecondaryMenuLevel3 > div a{border-left-color:transparent;} li.SecondaryMenuLevel3 > div a{border-right-color:transparent;} .NewsLeft .NewsItemLighlight > div{padding-bottom:20px;} .NewsLeft .NewsItemLighlight > div{padding-right:20px;} .NewsLeft .NewsItemLighlight > div{padding-top:20px;} .NewsLeft .NewsItemLighlight > div{padding-left:20px;} .NewsLeft .NewsItemRow .NewsItem1, .NewsLeft .NewsItemRow .NewsItem2 > div, #News .NewsItem3 .NewsItem > div{padding-bottom:20px;} @media all and (max-width:480px), screen and (max-device-width:480px){#News .NewsItem3 .NewsItem > .PerexText{padding-top:10px;padding-bottom:20px;} } .NewsLeft .NewsItemRow .NewsItem1, .NewsLeft .NewsItemRow .NewsItem2 > div, #News .NewsItem3 .NewsItem > .PerexText{padding-right:20px;} @media all and (max-width:480px), screen and (max-device-width:480px){#News .NewsItem3 .NewsItem > div{padding-right:20px !important;} } .NewsLeft .NewsItemRow .NewsItem1, .NewsLeft .NewsItemRow .NewsItem2 > div{padding-top:20px;} .NewsLeft .NewsItemRow.TimeLine .NewsItemPreviewsDate, #News .NewsItem3 .NewsItem > div{padding-top: 20px;} @media all and (max-width:480px), screen and (max-device-width:480px){#News .NewsItem3 .NewsItem > .NewsTitle{padding-bottom:10px;padding-top:20px;} } .NewsLeft .NewsItemRow .NewsItem1, .NewsLeft .NewsItemRow .NewsItem2 > div, #News .NewsItem3 .NewsItem > .NewsPreviewsThumb{padding-left:20px;} @media all and (max-width:480px), screen and (max-device-width:480px){#News .NewsItem3 .NewsItem > div{padding-left:20px !important;} } .NewsLeft .NewsItemLighlight {border-top-width:0px;} .NewsLeft .NewsItemLighlight {border-bottom-color: transparent;} .NewsLeft .NewsItemLighlight {border-left-color: transparent;} .NewsLeft .NewsItemLighlight {border-right-color: transparent;} .NewsLeft .NewsItemRow .NewsItem1 {border-top-width:0px;} .NewsLeft .NewsItemRow .NewsItem1 {border-bottom-color: transparent;} @media all and (max-width:480px), screen and (max-device-width:480px){#News > .NewsLeft > .NewsItemRow > .NewsItem1, #News .NewsLeft .NewsItemLighlight{border-bottom-color: transparent;} } .NewsLeft .NewsItemRow .NewsItem1 {border-left-color: transparent;} .NewsLeft .NewsItemRow .NewsItem1 {border-right-color: transparent;} .Tabs .tab_titles .tab, .Tabs .tab_titles .tab_selected {-moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; border-top-left-radius: 0px;} .Tabs .tab_titles .tab, .Tabs .tab_titles .tab_selected {border-top-width: 0px;} .Tabs .tab_titles .tab, .Tabs .tab_titles .tab_selected {border-bottom-color: transparent;} .Tabs .tab_titles .tab, .Tabs .tab_titles .tab_selected {border-left-color: transparent;} .Tabs .tabs_data {border-bottom-color: #0;} .Tabs .tabs_data {border-left-color: transparent;} .Tabs .tabs_data {border-left-width: 0px;} .Tabs .tabs_data {border-right-color: transparent;} .Tabs .tabs_data {border-right-width: 0px;} .button-login{background:-webkit-gradient( linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(1, #FFFFFF));background: -webkit-linear-gradient(top, #FFFFFF 0%, #FFFFFF 100% );background: -o-linear-gradient(top, #FFFFFF 0%, #FFFFFF 100%);background: linear-gradient(to bottom, #FFFFFF 0%, #FFFFFF 100%);background:-moz-linear-gradient( center top, #FFFFFF 0%, #FFFFFF 100% );background: -ms-linear-gradient(top, #FFFFFF 0%, #FFFFFF 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFF, endColorstr=#FFFFFF,GradientType=0);-ms-filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#FFFFFF, endColorStr=#FFFFFF, GradientType=0);} .button-login:hover{background:-webkit-gradient( linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(1, #FFFFFF));background: -webkit-linear-gradient(top, #FFFFFF 0%, #FFFFFF 100% );background: -o-linear-gradient(top, #FFFFFF 0%, #FFFFFF 100%);background: linear-gradient(to bottom, #FFFFFF 0%, #FFFFFF 100%);background:-moz-linear-gradient( center top, #FFFFFF 0%, #FFFFFF 100% );background: -ms-linear-gradient(top, #FFFFFF 0%, #FFFFFF 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFF, endColorstr=#FFFFFF,GradientType=0);-ms-filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#FFFFFF, endColorStr=#FFFFFF, GradientType=0);} .button-logout{background:-webkit-gradient( linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(1, #FFFFFF));background: -webkit-linear-gradient(top, #FFFFFF 0%, #FFFFFF 100% );background: -o-linear-gradient(top, #FFFFFF 0%, #FFFFFF 100%);background: linear-gradient(to bottom, #FFFFFF 0%, #FFFFFF 100%);background:-moz-linear-gradient( center top, #FFFFFF 0%, #FFFFFF 100% );background: -ms-linear-gradient(top, #FFFFFF 0%, #FFFFFF 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFF, endColorstr=#FFFFFF,GradientType=0);-ms-filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#FFFFFF, endColorStr=#FFFFFF, GradientType=0);} .button-logout:hover{background:-webkit-gradient( linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(1, #FFFFFF));background: -webkit-linear-gradient(top, #FFFFFF 0%, #FFFFFF 100% );background: -o-linear-gradient(top, #FFFFFF 0%, #FFFFFF 100%);background: linear-gradient(to bottom, #FFFFFF 0%, #FFFFFF 100%);background:-moz-linear-gradient( center top, #FFFFFF 0%, #FFFFFF 100% );background: -ms-linear-gradient(top, #FFFFFF 0%, #FFFFFF 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFF, endColorstr=#FFFFFF,GradientType=0);-ms-filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#FFFFFF, endColorStr=#FFFFFF, GradientType=0);} .Head{max-width:1200px;width:100%;margin:0 auto;} header{background-color: var(--color5);} .HeadData{background-color:transparent;} header{border-top-width:0px;} header{border-top-color: transparent;} header{border-bottom-width:0px;} header{border-bottom-style:dashed;} header{border-bottom-color: transparent;} header{border-left-width:0px;} header{border-left-style:dashed;} header{border-left-color: transparent;} header{border-right-width:0px;} header{border-right-style:dashed;} header{border-right-color: transparent;} .BodyData > div{width:100%;max-width: 1200px;} .LeftData{width: 0px;min-width: 0px;} .LeftSide{max-width: 0px;} .RightData{width: 0px;min-width: 0px;} .RightSide{max-width: 0px;} .ContentHolder, .fancybox-container.fancybox-iframe-mobile .fancybox-content{width:100%;max-width:1140px;} .Foot{max-width:1200px;width:100%;margin: 0 auto;} footer{background-color: var(--color6d);} .FootData{background-color:transparent;} footer{border-top-width:0px;} footer{border-top-color: transparent;} footer{border-bottom-width:0px;} footer{border-bottom-style:solid;} footer{border-bottom-color: transparent;} footer{border-left-width:0px;} footer{border-left-style:solid;} footer{border-left-color: transparent;} footer{border-right-width:0px;} footer{border-right-style:solid;} footer{border-right-color: transparent;} .formField, form fieldset, .formFields .formValue.new_line .formRadioItem{margin-bottom:10px;} table tr.formTrFirst td{padding-bottom:0;} #Search{width:180px;} #SearchBox #Search{max-width:500px;} .SearchRInput_Div,.SearchInput_Div{height: 18px;} .SearchRInput_Div, .SearchInput_Div{line-height: 18px;} .SearchRInput_Div .SearchInput, .SearchInput_Div .SearchInput{line-height: 18px;height:18px;} .SearchRInput, .SearchInput{font-size: 11px;} .SearchInput_Div .icon-search-1{font-size: 13px;} body, .content_group.transparency{background-image: ;} body, .content_group.transparency{background-position: ;} body, .content_group.transparency{background-repeat: ;} #Main{background-image: ;} #Main{background-position: ;} #Main{background-repeat: ;} .BodyData{background-image: ;} .BodyData{background-position: ;} .BodyData{background-repeat: ;} .LeftSide{background-image: ;} .LeftSide{background-position: ;} .LeftSide{background-repeat: ;} .RightSide{background-image: ;} .RightSide{background-position: ;} .RightSide{background-repeat: ;} .ContentHolder{background-image: ;} .ContentHolder{background-position: ;} .ContentHolder{background-repeat: ;} header{background-image: ;} header{background-position: ;} header{background-repeat: ;} footer{background-image: ;} footer{background-position: ;} footer{background-repeat: ;} /* Contact */ /* ---- Typ 1 ---- */ .ct1 .Button, .ct1 .Button::after { background-color: transparent!important; } .ct1 article .Article h3.article_title { font-weight: 700; }/* Call To Action */ /* ---- Typ 1 ---- */ .ca1 { background-image: -o-linear-gradient(50deg,var(--color1) 0,var(--color1g) 100%); background-image: linear-gradient(50deg,var(--color1) 0,var(--color1g) 100%); } /* ---- Typ 2 ---- */ .ca2 .Button { background-color: transparent!important; } .ca2 .Button::after { background-color: #fff!important; } .ca2 .Button:hover span { color: #aaa!important; } /* ---- Typ 3 ---- */ .ca3 .MainTitle { line-height: 1; font-weight: 700; } .ca3 .MainTitle strong { color: var(--color1); } .ca3 .Button { letter-spacing: 4px; } /* ---- Typ 4 ---- */ .ca4 .MainTitle { line-height: 1; font-weight: 700; text-shadow: 0 2px 10px rgba(255,255,255,.4), 0 1px 1px rgba(0,0,0,.2); } .ca4 .MainTitle strong { position: relative; } .ca4 .MainTitle strong::before { position: absolute; border-bottom: 3px solid rgba(0,0,0,.2); content: ""; width: 100%; bottom: 5px; } .ca4 .Button { background-color: transparent!important; } .ca4 .Button:hover span { color: #fff!important; }/* Banner */ /* ---- Typ 2 ---- */ .swipeBanner-tim-expertov .banner_content:first-child span.text br { display: none; } .swipeBanner-tim-expertov .banner_content:first-child span.text::after { content: "."; color: var(--color1); } /* ---- Typ 3 ---- */ .swipeBanner-majstri-remesla article .Article h3.article_title { font-weight: 900; } .swipeBanner-majstri-remesla article { box-shadow: 0 2px 30px rgba(0,0,0,.2); -webkit-box-shadow: 0 2px 30px rgba(0,0,0,.2); } .swipeBanner-majstri-remesla .swipebanner_pager_arrows .pagger_arrow { opacity: .6; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; } .swipeBanner-majstri-remesla .swipebanner_pager_arrows .pagger_arrow:hover { opacity: 1; } .swipeBanner-majstri-remesla .swipebanner_pager li.active { height: .2em; } .swipeBanner-majstri-remesla .swipebanner_pager li:not(.active) { width: .8em; } .swipeBanner-majstri-remesla .swipebanner_pager { bottom: 20px; } .swipeBanner-majstri-remesla .swipebanner_pager li { border-radius: 5px; } /* ---- Typ 4 ---- */ .swipeBanner-zahradna-architektura .banner_bg::before { background: rgba(0,0,0,.6); position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ""; } .swipeBanner-zahradna-architektura .pagger_arrow span, .swipebanner_scroll_after { -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; opacity: 0; } .swipeBanner-zahradna-architektura .pagger_arrow_left span { margin-left: -100%; } .swipeBanner-zahradna-architektura .pagger_arrow_right span { margin-right: -100%; } .swipeBanner-zahradna-architektura:hover .pagger_arrow_left span { margin-left: 0; opacity: 1; } .swipeBanner-zahradna-architektura:hover .pagger_arrow_right span { margin-right: 0; opacity: 1; } .SwipeBannerData .swipebanner_scroll_after { -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); margin-bottom: -20px; } .SwipeBannerData.swipeBanner-zahradna-architektura:hover .swipebanner_scroll_after { margin-bottom: 0; opacity: 1; } /* ---- Typ 5 ---- */ .bn5-cn { box-shadow: 0 2px 30px rgba(0,0,0,.3); -webkit-box-shadow: 0 2px 30px rgba(0,0,0,.3); border-radius: 0 10px 10px 0; overflow: hidden; z-index: 999; } .bn5-cn > .GroupData { box-shadow: inset -8px 0 0 rgba(0,0,0,.2); -webkit-box-shadow: inset -8px 0 0 rgba(0,0,0,.2); } .bn5-cn h3.article_title { font-weight: 700; } .bn5-cn article { padding-left: 40px; position: relative; } .bn5-cn article::before { background: var(--color1f); -webkit-mask-image: url("data:image/svg+xml; utf8, <svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'><path d='M12 2c5.514 0 10 4.486 10 10s-4.486 10-10 10-10-4.486-10-10 4.486-10 10-10zm0-2c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm6.25 8.891l-1.421-1.409-6.105 6.218-3.078-2.937-1.396 1.436 4.5 4.319 7.5-7.627z'/></svg>"); mask-image: url("data:image/svg+xml; utf8, <svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'><path d='M12 2c5.514 0 10 4.486 10 10s-4.486 10-10 10-10-4.486-10-10 4.486-10 10-10zm0-2c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm6.25 8.891l-1.421-1.409-6.105 6.218-3.078-2.937-1.396 1.436 4.5 4.319 7.5-7.627z'/></svg>"); width: 24px; height: 24px; position: absolute; content: ""; left: 0; } /* ---- Typ 6 ---- */ .swipeBanner-bezpecnostne-dvere .banner_content:first-child span.text { letter-spacing: 4px; } .swipeBanner-bezpecnostne-dvere .banner_content span.text { text-shadow: 0 1px 1px rgba(0,0,0,.3); } .swipeBanner-bezpecnostne-dvere .Button { background-color: transparent!important; } .swipeBanner-bezpecnostne-dvere .Button::after { background-color: #fff!important; } .swipeBanner-bezpecnostne-dvere .Button:hover span { color: #aaa!important; } .bn6-cn h3.article_title { font-weight: 700; letter-spacing: 2px; } .bn6-cn .SmartContent { padding: 40px 30px; } .bn6-cn .SmartContent:not(:first-child) { border-left: 1px solid rgba(255,255,255,.1); } .bn6-cn article img { -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); }/* Steps */ /* ---- Typ 1 ---- */ .sp1 article h3.article_title { font-weight: 700; } .sp1 article { position: relative; } .sp1 article:first-of-type { margin: 0; padding: 0; } .sp1 article:first-of-type p.article_indent span { font-weight: 700; padding: 25px 30px; background: rgba(var(--color1rgb),.9); line-height: 30px; font-size: 30px; position: absolute; bottom: calc(100% + 8px); width: auto; right: 4px; opacity: .8; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; } /* ---- Typ 2 ---- */ .sp2 article h3.article_title { font-weight: 700; } .sp2 article { position: relative; } .sp2 article:first-of-type { margin: 0; padding: 0; } .sp2 .step article .Article { padding-top: 50px!important; } .sp2 article:first-of-type p.article_indent span { font-weight: 700; padding: 25px 30px; background: var(--color4); color: var(--color1); border-radius: 50%; line-height: 30px; font-size: 30px; position: absolute; bottom: -40px; width: auto; left: 50%; transform: translateX(-50%); -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; -webkit-box-shadow: 0 5px 20px rgba(0,0,0,.2); box-shadow: 0 5px 20px rgba(0,0,0,.2); z-index: 1; } .sp2 .step:hover article:first-of-type p.article_indent span { background: var(--color1); color: #fff; } /* ---- Typ 2 ---- */ .sp3 article h3.article_title { font-weight: 700; } .sp3 article { position: relative; } .sp3 article:first-of-type { margin: 0; padding: 0; } .sp3 .step article .Article { padding-top: 50px!important; } .sp3 article:first-of-type p.article_indent span { font-weight: 700; padding: 25px 30px; background: var(--color4); border-radius: 15px; line-height: 20px; font-size: 20px; position: absolute; bottom: -40px; width: auto; left: 50%; transform: translateX(-50%); -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; -webkit-box-shadow: 0 5px 20px rgba(0,0,0,.2); box-shadow: 0 5px 20px rgba(0,0,0,.2); z-index: 1; }/* Business card */ .content_group.social-icons .content_section { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } /* ---- Typ 1 ---- */ .bc1 .social-icons a:not(:hover) img { filter: grayscale(100%); -webkit-filter: grayscale(100%); opacity: .3; } .bc1 article h3.article_title { font-weight: 700; } .bc1 article .article_indents p.article_indent:first-child span { font-weight: 700; } /* ---- Typ 2 ---- */ .bc2 article h3.article_title { font-weight: 700; } .bc2 .card > .GroupData { -webkit-box-shadow: 0 5px 20px rgba(0,0,0,.05); box-shadow: 0 5px 20px rgba(0,0,0,.05); -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; } .bc2 .card:hover > .GroupData { -webkit-box-shadow: 0 5px 40px rgba(0,0,0,.3); box-shadow: 0 5px 40px rgba(0,0,0,.3); } .bc2 .card img { -webkit-transition: -webkit-transform .2s; transition: -webkit-transform .2s; -o-transition: transform .2s; transition: transform .2s; transition: transform .2s, -webkit-transform .2s; } .bc2 .card:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .bc2 .Image { overflow: hidden; } .bc2 .SmartContentSeparator { width: 0; } .bc2 .SeparatorHRV { border: none; } .bc2 .content_section { position: relative; } .bc2 .social-icons img { -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); } .bc2 .social-icons { background: var(--color1); left: 0; position: absolute; right: 0; opacity: 0; } .bc2 .card:hover .social-icons { opacity: 1; top: 100%; } .bc2 .card:hover .social-icons .GroupData { width: 66.66666666%; margin: 0 auto; } .bc2 .card:hover .social-icons .GroupData::after { bottom: -2.5rem; -webkit-box-sizing: border-box; box-sizing: border-box; content: ''; height: 2.5rem; left: 0; position: absolute; width: 100%; } .bc2 .card:hover .social-icons .GroupData .GroupDataItem { display: block!important; } /* ---- Typ 3 ---- */ .bc3 .card article h3.article_title { font-weight: 700; } .bc3 .content_group:not(.social-icons) > .GroupData > .GroupDataItem { -webkit-box-shadow: 0 5px 20px rgba(0,0,0,.05); box-shadow: 0 5px 20px rgba(0,0,0,.05); } .bc3 .social-icons a span { -o-transition: transform .3s; -webkit-transition: transform .3s; transition: transform .3s; } .bc3 .social-icons a:hover span { -ms-transform: translate(0,-1rem); -webkit-transform: translate(0,-1rem); transform: translate(0,-1rem); } .bc3 .social-icons a:hover span::after { bottom: -1rem; -webkit-box-sizing: border-box; box-sizing: border-box; content: ''; height: 1rem; left: 0; position: absolute; width: 100%; } /* Mobilne definicie */ @media (max-width: 1200px) { .bc2 > .GroupData > .GroupDataItem > .GroupDataItemValue > section > .content_section > article .Article h3.article_title, .bn1 article .Article h3.article_title { font-size: calc(5px + 6vw) !important; } } @media (max-width: 820px) { .content_group.social-icons:not(.hideDevice-4):not(.hideDevice-2) section > .content_section, .content_group.social-icons:not(.hideDevice-4):not(.hideDevice-2) .Data > .content_section { width: 100% !important; } } @media (max-width: 480px) { .bc3 .card .social-icons { opacity: 1; top: 100%; } }/* Motivational verse */ /* ---- Typ 1 ---- */ .mv1 article h3.article_title { font-weight: 700; } /* ---- Typ 2 ---- */ .mv2 article h3.article_title { font-weight: 700; } .mv2 .content_group > .GroupData > .GroupDataItem, .mv2 .content_group:hover > .GroupData > .GroupDataItem article { -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; -webkit-box-shadow: 0 5px 20px rgba(0,0,0,.05); box-shadow: 0 5px 20px rgba(0,0,0,.05); } .mv2 .content_group:hover > .GroupData > .GroupDataItem, .mv2 .content_group:hover > .GroupData > .GroupDataItem article { background-color: var(--color1) !important; } .mv2 .content_group:hover > .GroupData > .GroupDataItem article * { color: var(--color5)!important; } .mv2 .content_group:hover > .GroupData > .GroupDataItem img { -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); } /* ---- Typ 3 ---- */ .mv3 article h3.article_title { font-weight: 700; } @keyframes rotate { 0% { -webkit-transform: rotate(15deg); -moz-transform: rotate(15deg); -ms-transform: rotate(15deg); -o-transform: rotate(15deg); transform: rotate(15deg) } 100% { -webkit-transform: rotate(-360deg); -moz-transform: rotate(-360deg); -ms-transform: rotate(-360deg); -o-transform: rotate(-360deg); transform: rotate(-360deg) } } .mv3 { background-image: -o-linear-gradient(50deg,var(--color1) 0,var(--color1g) 100%); background-image: linear-gradient(50deg,var(--color1) 0,var(--color1g) 100%); } .mv3 img { -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); } .mv3 .circle-effect { position: absolute; top: 5px; height: 120px; width: 120px; border-radius: 50%; z-index: -1; margin-left: -60px; left: 50%; -webkit-animation: rotate 30s linear infinite; -moz-animation: rotate 30s linear infinite; -o-animation: rotate 30s linear infinite; animation: rotate 30s linear infinite; line-height: 120px; border: 2px solid rgba(var(--color1frgb),.6); } .mv3 .circle-effect::before, .mv3 .circle-effect::after { position: absolute; content: ''; height: 15px; width: 15px; background: var(--color1f); left: 50%; top: -8px; transform: translateX(-50%); border-radius: 50%; } .mv3 .circle-effect::after { height: 7px; width: 7px; bottom: -4px; top: unset; } /* ---- Typ 4 ---- */ .mv4 .SmartContentGroup article .Article.notab_br > h3.article_title { margin: 0; } .mv4 .swcounter { position: relative; } .mv4 .swcounter::after { content: "+"; color: var(--color2); font-size: 60%; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .mv4 .bh .swcounter, .mv4 .bh article .article_indents p.article_indent:first-child span { font-weight: 700; } /* ---- Typ 5 ---- */ .mv5 article h3.article_title { font-weight: 700; } .mv5 .SmartContentSeparator { display: none; height: 0!important; } .mv5 .SmartContent > .content_group { display: block; } /* ---- Typ 6 ---- */ .mv6 .bh article h3.article_title { font-weight: 700; } .mv6 .GroupDataItem { -webkit-box-shadow: inset 0 0 30px rgba(var(--color1rgb),.1), 0 2px 5px rgba(0,0,0,.1); box-shadow: inset 0 0 30px rgba(var(--color1rgb),.1), 0 2px 5px rgba(0,0,0,.1); } /* ---- Typ 7 ---- */ .mv7 article h3.article_title { font-weight: 700; } /* ---- Typ 8 ---- */ .mv8 article h3.article_title { font-weight: 700; } .mv8 img { -webkit-filter: brightness(0); filter: brightness(0); } .mv8 .SmartContentSeparator { display: none; height: 0!important; } .mv8 .content_section .content_group { -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; } .mv8 .content_section .content_group:hover { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); -webkit-box-shadow: 0 5px 40px rgba(0,0,0,.2); box-shadow: 0 5px 40px rgba(0,0,0,.2); z-index: 999; } .mv8 .content_group .GroupDataItem h3.article_title { margin: 0!important; } .mv8 article .article_indents p.article_indent:first-child span { font-weight: 700; } /* ---- Typ 9 ---- */ .mv9 article h3.article_title { font-weight: 700; } .mv9 img { -webkit-box-shadow: 0 5px 40px rgba(0,0,0,.2); box-shadow: 0 5px 40px rgba(0,0,0,.2); } .mv9 .content_section .content_group:hover img, .mv9 .Button { -webkit-box-shadow: 0 0 0 var(--color1); box-shadow: 0 0 0 var(--color1); -webkit-animation: pulse 2s infinite; animation: pulse 2s infinite; border-color: var(--color6)!important; } .mv9 .Button { -webkit-animation-delay: 4s; animation-duration: 4s; } /* ---- Typ 10 ---- */ .mv10 .MainTitle { line-height: 1; font-weight: 700; } .mv10 .MainTitle span { color: var(--color1); } .mv10 .swipeBanner .swipe-wrap { min-height: 250px; } @media (max-width: 1200px) { .mv10 .swipeBanner .swipe-wrap .MainTitle { font-size: calc( 5px + 5vw )!important; } } /* ---- Typ 11 ---- */ .mv11 .MainTitle { font-weight: 700; } /* ---- Typ 12 ---- */ .mv12 .MainTitle { font-weight: 700; } .mv12 .content { box-shadow: 0 2.8px 2.2px rgba(0, 0, 0, 0.034), 0 6.7px 5.3px rgba(0, 0, 0, 0.048), 0 12.5px 10px rgba(0, 0, 0, 0.06), 0 22.3px 17.9px rgba(0, 0, 0, 0.072), 0 41.8px 33.4px rgba(0, 0, 0, 0.086), 0 100px 80px rgba(0, 0, 0, 0.12); -webkit-box-shadow: 0 2.8px 2.2px rgba(0, 0, 0, 0.034), 0 6.7px 5.3px rgba(0, 0, 0, 0.048), 0 12.5px 10px rgba(0, 0, 0, 0.06), 0 22.3px 17.9px rgba(0, 0, 0, 0.072), 0 41.8px 33.4px rgba(0, 0, 0, 0.086), 0 100px 80px rgba(0, 0, 0, 0.12); border-left: 10px solid var(--color1); } @media (min-width: 768px) { .mv12 .content { position: relative; left: -30px; max-width: 800px; } } /* ---- Typ 13 ---- */ .mv13 .MainTitle { font-weight: 700; } @-webkit-keyframes pulse { 0% { -webkit-box-shadow: 0 0 0 0 var(--color1); } 70% { -webkit-box-shadow: 0 0 0 20px rgba(0,0,0,0); } 100% { -webkit-box-shadow: 0 0 0 0 rgba(0,0,0,0); } } @keyframes pulse { 0% { -moz-box-shadow: 0 0 0 0 var(--color1); box-shadow: 0 0 0 0 var(--color1); } 70% { -moz-box-shadow: 0 0 0 20px rgba(0,0,0,0); box-shadow: 0 0 0 20px rgba(0,0,0,0); } 100% { -moz-box-shadow: 0 0 0 0 rgba(0,0,0,0); box-shadow: 0 0 0 0 rgba(0,0,0,0); } } /* ---- Typ 15 ---- */ .mv15 article .article_indents:first-of-type p { font-style: italic; font-size: 110%; color: var(--color3e)!important; } /* Mobilne definicie */ @media (max-width: 1200px) { .mv6 > .GroupData > .GroupDataItem > .GroupDataItemValue > section > .content_section > article .Article h3.article_title { font-size: calc(5px + 6vw) !important; } } /* ---- Typ 17 ---- */ .mv17 .MainTitle { font-weight: 700; } .mv17 > .GroupData > .GroupDataItem > .GroupDataItemValue > section { -webkit-box-shadow: 0 8px 16px rgba(0,0,0,.15); box-shadow: 0 8px 16px rgba(0,0,0,.15); border-radius: 10px; background: #fff; overflow: hidden; } /* ---- Typ 18 ---- */ .mv18 .MainTitle strong { position: relative; } .mv18 .MainTitle strong::before { position: absolute; bottom: 10px; content: ""; border-bottom: 3px solid var(--color1); width: 100%; } .mv18 .features .Image span { background: var(--color1); border-radius: 50%; } .mv18 .features img { -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); } .mv18 .GroupData .GroupDataItem .GroupDataItemValue { max-width: 1600px!important; } .mv18 .features h3.article_title { font-weight: 700; } /* ---- Typ 19 ---- */ .mv19 h3.article_title { font-weight: 500; } .mv19 img { -webkit-filter: brightness(0); filter: brightness(0); } /* Osnova: - Nadpisy - Menu - Tlacidla - Effekt kopca - Odstavce s obrazkami - Ciel - Kontakt */ /* Nadpisy */ h1, h2, h3, h4, h5 { line-height: 1.2; -ms-word-break: break-all; word-break: break-all; word-break: break-word; } /* Menu */ .MenuLevel1.last { -webkit-box-shadow: 0 5px 10px rgba(var(--color1rgb),.4); box-shadow: 0 5px 10px rgba(var(--color1rgb),.4); border-radius: 50px; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; } .MenuLevel1.last:hover { -webkit-box-shadow: 0 5px 40px rgba(var(--color1rgb),.4); box-shadow: 0 5px 40px rgba(var(--color1rgb),.4); } .MenuLevel1.last a { background-color: var(--color1); border-radius: 50px; } .MenuLevel1.last > div a > span, .MenuLevel1.last > div a:hover > span, .MenuLevel1.last.active > div a > span, .MenuLevel1.last.sfHover > div a > span { color: #fff; } /* Tlacidla */ .formButton input.sendButton { -webkit-box-shadow: 0 5px 10px rgba(var(--color1rgb),.4); box-shadow: 0 5px 10px rgba(var(--color1rgb),.4); -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; font-size: 2rem; border-radius: 50px; } .formButton input.sendButton:hover { -webkit-box-shadow: 0 5px 40px rgba(var(--color1rgb),.4); box-shadow: 0 5px 40px rgba(var(--color1rgb),.4); } /* Effekt kopca */ .ViewportData .group-kopec-hlavicka { -webkit-transform: skewY(-4deg); -ms-transform: skewY(-4deg); transform: skewY(-4deg); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; } .ViewportData .group-kopec-hlavicka { z-index: -1; } .ViewportData .group-kopec-kontakt { width: 0; height: 0; border-style: solid; border-width: 0 0 100px 100vw; border-color: transparent transparent var(--color6) transparent; } /* Odstavce s obrazkami */ .group-o-nas .content_section .notab_br.decoration-border, .group-referencie .content_section .notab_br.decoration-border { border: 1px dashed rgba(0,0,0,.1); border-radius: 10px; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; } .group-o-nas .content_section .notab_br.decoration-border:hover, .group-referencie .content_section .notab_br.decoration-border:hover { border-color: var(--color1); } .group-o-nas .article_image.shape-border-box.center { margin-top: 40px; } .group-o-nas .article_image.shape-border-box { -webkit-box-shadow: 0 5px 20px rgba(0,0,0,.1); box-shadow: 0 5px 20px rgba(0,0,0,.1); -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; } .group-o-nas .article_image.shape-border-box:hover { -webkit-box-shadow: 0 5px 40px rgba(0,0,0,.4); box-shadow: 0 5px 40px rgba(0,0,0,.4); } /* Ciel */ .Data .content_group.group-ciel .content_section { position: relative; } .content_group.group-ciel .content_section.position-1 .article_title { padding-top: 2rem; } .content_group.group-ciel .content_section.position-1 .article_title span { background: #fff; border-radius: 50px; position: relative; padding: 1rem 2rem; -webkit-box-shadow: 0 5px 20px rgba(0,0,0,.1); box-shadow: 0 5px 20px rgba(0,0,0,.1); } .content_group.group-ciel .content_section.position-1::before { border-left: 1px dashed rgba(0,0,0,.3); content: ""; position: absolute; width: 100%; height: 100%; -webkit-transform: translateX(50%); -ms-transform: translateX(50%); transform: translateX(50%); } .content_group.group-ciel .content_section.position-0 .article_image, .content_group.group-ciel .content_section.position-2 .article_image { border: 1px dashed rgba(0,0,0,.3); } /* Kontakt */ .group-kontakt img.decoration-circle-empty { background: #fff; -webkit-box-shadow: 0 5px 20px rgba(0,0,0,.1); box-shadow: 0 5px 20px rgba(0,0,0,.1); } .formInput, .formValue .formTextarea { background: rgba(255,255,255,.1); -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; border-bottom: 1px dashed rgba(255,255,255,.2)!important; } .formInput:hover, .formValue .formTextarea:hover { border-color: #fff!important; } .group-kontakt-mapa .formInput, .group-kontakt-mapa .formValue .formTextarea { background: rgba(0,0,0,.05); border-bottom: 1px dashed rgba(0,0,0,.1)!important; } .group-kontakt-mapa .formInput:hover, .group-kontakt-mapa .formValue .formTextarea:hover { border-color: #555!important; }/* Content */ /* ---- Typ 1 ---- */ .cn1 article .Article.notab_br ul > li { margin-bottom: 15px; } .cn1 .type-disc li::before { content: "▪"; color: var(--color1); padding-right: 15px; } .cn1 article h3.article_title { font-weight: 700; } .cn1 a { color: var(--color1); border-bottom: 2px solid var(--color1); } /* ---- Typ 2 ---- */ .cn2 .SmartContent:nth-child(8n+1) .article_indent:first-letter { font-size: 400%; font-weight: 700; float: left; initial-letter: 3; line-height: 1; margin-right: 15px; } /* ---- Typ 3 ---- */ .cn3 .MainTitle { line-height: 1; } .cn3 .MainTitle span { color: var(--color1); } .cn3 .Article h3.article_title { text-transform: uppercase; font-weight: 700; } /* ---- Typ 4 ---- */ .cn4 .MainTitle { font-weight: 700; line-height: 1; } .cn4 a { color: var(--color1); border-bottom: 1px dashed var(--color1); } /* ---- Typ 5 ---- */ .cn5 .article_title { font-weight: 900; line-height: 1.3; text-transform: uppercase; border-left: 8px solid var(--color1); padding-left: 30px; } .cn5 a { color: var(--color1); border-bottom: 3px solid rgba(0,0,0,.1); line-height: 1; } .cn5 img { box-shadow: 0 5px 30px rgba(0,0,0,.1); -webkit-box-shadow: 0 5px 30px rgba(0,0,0,.1); } .cn5 .type-disc li::before { content: "-"; color: var(--color1); padding-right: 15px; } /* ---- Typ 6 ---- */ .cn6 .type-disc li::before { content: "■"; color: rgba(0,0,0,.1); padding-right: 15px; } .cn6 .MainTitle { font-weight: 900; line-height: 1; position: relative; } .cn6 .MainTitle span { color: rgba(0,0,0,.04); position: absolute; left: 50%; bottom: -30px; content: ""; transform: translateX(-50%); -webkit-transform: translateX(-50%); font-size: 150%; display: block; width: 100%; } /* ---- Typ 7 ---- */ .cn7 .type-disc li::before { content: "➜"; color: var(--color1); padding-right: 15px; font-size: 70%; vertical-align: middle; } .cn7 .type-disc li span { font-weight: 700; } .cn7 .MainTitle { font-weight: 700; line-height: 1; border-right: 8px solid rgba(0,0,0,.1); padding-right: 30px; } .cn7 .MainTitle span { font-weight: 300; font-style: italic; } /* ---- Typ 8 ---- */ .cn8 h3.article_title { font-weight: 700; } .cn8 article { padding-left: 40px; position: relative; } .cn8 article::before { background: var(--color1); -webkit-mask-image: url("data:image/svg+xml; utf8, <svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'><path d='M12 2c5.514 0 10 4.486 10 10s-4.486 10-10 10-10-4.486-10-10 4.486-10 10-10zm0-2c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm6.25 8.891l-1.421-1.409-6.105 6.218-3.078-2.937-1.396 1.436 4.5 4.319 7.5-7.627z'/></svg>"); mask-image: url("data:image/svg+xml; utf8, <svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'><path d='M12 2c5.514 0 10 4.486 10 10s-4.486 10-10 10-10-4.486-10-10 4.486-10 10-10zm0-2c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm6.25 8.891l-1.421-1.409-6.105 6.218-3.078-2.937-1.396 1.436 4.5 4.319 7.5-7.627z'/></svg>"); width: 24px; height: 24px; position: absolute; content: ""; left: 0; } /* ---- Typ 9 ---- */ .cn9 h3.article_title span { position: relative; font-weight: 500; } .cn9 h3.article_title span::before { position: absolute; content: ""; border-bottom: 2px dotted rgba(0,0,0,.1); left: 0; width: 100%; bottom: 3px; } .cn9 article { border-bottom: 1px solid rgba(0,0,0,.1); padding-bottom: 30px; } @media all and (max-width:767px){ #Logo.left, #Logo.right, #Logo.center, #LogoHead { width: 100%;} header, header .HeadData, header .Head{ min-height: 0;height: auto;} .Image.effect-transform .effect, .Hyperlink.effect-transform .effect small{ font-size: 80%;} #News .NewsItem3 .NewsItem > .NewsTitle{ padding-left: 20px;}  }@media all and (max-width:480px){ .Table.type1 { border: 1px solid #cde6ff !important;}   .Table.type1 .TableRow:not(.tablesorter-filter-row){ border-bottom: 1px solid #cde6ff !important;}  }