/* Highslide (v 4.1.13) */ .hs_close,.nnav.nv_right{right:17px}.hs_close,.nnav,.zimmer .hs_close{cursor:pointer;position:absolute}.highslide img,.highslide-outline,.highslide-wrapper{background:#fff}.highslide-container>table,.highslide-heading,.zimmer .nnav{display:none}.highslide-dimming,.hs_close,.nnav,.zimmer .hs_close{position:absolute}.highslide-header a,.highslide-loading{font-weight:700;text-transform:uppercase;text-decoration:none}.nnav{width:20px;height:45px;margin:-23px 0 0;top:50%;z-index:10}.nnav.nv_left{left:17px}.nnav.nv_left img,.nnav.nv_right img{width:23px}.hs_close,.hs_close img{width:32px}.hs_close{height:32px;top:17px;z-index:10}.highslide-wrapper>div{z-index:5}.zimmer .hs_close{width:27px;height:27px;top:10px;right:10px;z-index:10}.highslide{outline:0;text-decoration:none}.highslide img{border:1px solid #D6D7DA;padding:3px}.highslide-active-anchor img{visibility:visible}.highslide-gallery .highslide-active-anchor img{border-color:#000;visibility:visible;cursor:default}.glossy-dark{background:#111}.highslide-number{font-weight:700;color:gray;font-size:.9em}.highslide-caption{display:none;padding:15px 35px;font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:120%;color:#67778A;letter-spacing:.05em;text-align:left}.highslide-heading{font-weight:700;margin:.4em}.highslide-dimming{background:#191919;top:0;left:0;opacity:1}a.highslide-full-expand{background:url(../img/hs/fullexpand.gif) no-repeat;display:block;margin:0 10px 10px 0;width:34px;height:34px}.highslide-loading{display:block;color:#000;font-size:9px;padding:3px 3px 3px 22px;border:1px solid #fff;background-color:#fff;background-image:url(../img/hs/loader.white.gif);background-repeat:no-repeat;background-position:3px 1px}a.highslide-credits,a.highslide-credits i{//background:url(../img/hs_logo.png) no-repeat left top;width:243px;height:56px;margin:27px 0 0 33px;display:block;position:absolute;z-index:10}.highslide-move,.highslide-move *{cursor:move}.highslide-viewport{display:none;visibility:hidden;position:fixed;width:100%;height:100%;z-index:1;background:0 0;left:0;top:0}.hidden-container,.highslide-overlay{display:none}.closebutton{position:relative;top:-15px;left:15px;width:30px;height:30px;cursor:pointer;background:url(../img/hs/close.png)}.highslide-controls{width:100%;height:100%;background:url(../img/hs/controlbar-white.gif) 0 -90px no-repeat;position:absolute;top:0;left:0}.highslide-controls ul{position:relative;left:15px;width:100%;height:100%;list-style:none;margin:0;padding:0;background:url(../img/hs/controlbar-white.gif) right -90px no-repeat}.highslide-controls li{float:left;padding:5px 0;margin:0}.highslide-controls a{background-image:url(../img/hs/controlbar-white.gif);display:block;float:left;height:30px;width:30px;outline:0}.highslide-controls a.disabled,.highslide-controls a.disabled span{cursor:default}.highslide-controls a span{display:none;cursor:pointer}.highslide-wrapper .undefined a.highslide-credits{display:none;background:0 0!important}.highslide-controls .highslide-previous a{background-position:0}.highslide-controls .highslide-previous a:hover{background-position:0 -30px}.highslide-controls .highslide-previous a.disabled{background-position:0 -60px!important}.highslide-controls .highslide-play a{background-position:-30px 0}.highslide-controls .highslide-play a:hover{background-position:-30px -30px}.highslide-controls .highslide-play a.disabled{background-position:-30px -60px!important}.highslide-controls .highslide-pause a{background-position:-60px 0}.highslide-controls .highslide-pause a:hover{background-position:-60px -30px}.highslide-controls .highslide-next a{background-position:-90px 0}.highslide-controls .highslide-next a:hover{background-position:-90px -30px}.highslide-controls .highslide-next a.disabled{background-position:-90px -60px!important}.highslide-controls .highslide-move a{background-position:-120px 0}.highslide-controls .highslide-move a:hover{background-position:-120px -30px}.highslide-controls .highslide-full-expand a{background-position:-150px 0}.highslide-controls .highslide-full-expand a:hover{background-position:-150px -30px}.highslide-controls .highslide-full-expand a.disabled{background-position:-150px -60px!important}.highslide-controls .highslide-close a{background-position:-180px 0}.highslide-controls .highslide-close a:hover{background-position:-180px -30px}.highslide-maincontent{display:none}.highslide-html{background-color:#fff}.highslide-html-content{display:none;width:700px;height:580px;padding:0 5px 5px}.highslide-html .highslide-credits{display:none!important}.highslide-header{padding-bottom:5px}.highslide-header ul{margin:0;padding:0;text-align:right}.highslide-header ul li{display:inline;padding-left:1em}.highslide-header ul li.highslide-move,.highslide-header ul li.highslide-next,.highslide-header ul li.highslide-previous{display:none}.highslide-header a{color:gray}.highslide-body a:active,.highslide-body a:hover,.highslide-body a:visited{text-decoration:underline}.highslide-header a:hover{color:#000}.highslide-header ul li.highslide-close{margin:14px 13px 0 0;float:right}.highslide-header ul li.highslide-close span{font:20px/20px}.highslide-footer{height:16px}.highslide-footer .highslide-resize{display:block;float:right;margin-top:5px;height:11px;width:11px;background:url(../img/hs/resize.gif) no-repeat}.highslide-footer .highslide-resize span{display:none}.highslide-body{display:block}.highslide-body img{border:0}.highslide-body a,.highslide-body a:link{font-size:12px;line-height:18px;color:#920C13;text-decoration:underline}.highslide-body a:hover{color:#333}.highslide-resize{cursor:nw-resize}.draggable-header .highslide-header{height:18px;border-bottom:1px solid #ddd}.draggable-header .highslide-heading{position:absolute;margin:2px .4em}.draggable-header .highslide-header .highslide-move{cursor:move;display:block;height:16px;position:absolute;right:24px;top:0;width:100%;z-index:1}.draggable-header .highslide-header .highslide-move *{display:none}.draggable-header .highslide-header .highslide-close{position:relative;float:right;z-index:2;padding:0}.draggable-header .highslide-header .highslide-close a{display:block;height:16px;width:16px;background-image:url(../img/hs/closeX.png)}.draggable-header .highslide-header .highslide-close a:hover{background-position:0 16px}.draggable-header .highslide-header .highslide-close span{display:none}.draggable-header .highslide-maincontent{padding-top:1em}.titlebar .highslide-header{height:18px;border-bottom:1px solid #ddd}.titlebar .highslide-heading{position:absolute;margin:1px .4em;color:#666}.titlebar .highslide-header .highslide-move{cursor:move;display:block;height:16px;position:absolute;right:24px;top:0;width:100%;z-index:1}.controls-in-heading .highslide-controls .highslide-move,.no-footer .highslide-footer,.text-controls .highslide-move,.titlebar .highslide-header .highslide-move *{display:none}.titlebar .highslide-header li{position:relative;top:3px;z-index:2;padding:0 0 0 1em}.titlebar .highslide-maincontent{padding-top:1em}.wide-border{background:#fff}.wide-border .highslide-image{border-width:10px}.wide-border .highslide-caption{padding:0 10px 10px}.borderless .highslide-image{border:none}.borderless .highslide-caption{border-bottom:1px solid #fff;border-top:1px solid #fff;background:silver}.outer-glow{background:#444}.outer-glow .highslide-image{border:5px solid #444}.outer-glow .highslide-caption{border:5px solid #444;border-top:none;padding:5px;background-color:gray}.colored-border{background:#fff}.colored-border .highslide-image{border:2px solid green}.colored-border .highslide-caption{border:2px solid green;border-top:none}.dark{background:#111}.dark .highslide-image{border-color:#000 #000 #202020;background:gray}.dark .highslide-caption{color:#fff;background:#111}.dark .highslide-controls,.dark .highslide-controls a,.dark .highslide-controls ul{background-image:url(../img/hs/controlbar-black-border.gif)}.floating-caption .highslide-caption{position:absolute;padding:1em 0 0;background:0 0;color:#fff;border:none;font-weight:700}.controls-in-heading .highslide-heading{color:gray;font-weight:700;height:20px;overflow:hidden;cursor:default;padding:0 0 0 22px;margin:0;background:url(../img/hs/icon.gif) 0 1px no-repeat}.controls-in-heading .highslide-controls{width:105px;height:20px;position:relative;margin:0;top:-23px;left:7px;background:0 0}.controls-in-heading .highslide-controls ul{position:static;height:20px;background:0 0}.controls-in-heading .highslide-controls li{padding:0}.controls-in-heading .highslide-controls a{background-image:url(../img/hs/controlbar-white-small.gif);height:20px;width:20px}.controls-in-heading .highslide-controls .highslide-previous a{background-position:0 0}.controls-in-heading .highslide-controls .highslide-previous a:hover{background-position:0 -20px}.controls-in-heading .highslide-controls .highslide-previous a.disabled{background-position:0 -40px!important}.controls-in-heading .highslide-controls .highslide-play a{background-position:-20px 0}.controls-in-heading .highslide-controls .highslide-play a:hover{background-position:-20px -20px}.controls-in-heading .highslide-controls .highslide-play a.disabled{background-position:-20px -40px!important}.controls-in-heading .highslide-controls .highslide-pause a{background-position:-40px 0}.controls-in-heading .highslide-controls .highslide-pause a:hover{background-position:-40px -20px}.controls-in-heading .highslide-controls .highslide-next a{background-position:-60px 0}.controls-in-heading .highslide-controls .highslide-next a:hover{background-position:-60px -20px}.controls-in-heading .highslide-controls .highslide-next a.disabled{background-position:-60px -40px!important}.controls-in-heading .highslide-controls .highslide-full-expand a{background-position:-100px 0}.controls-in-heading .highslide-controls .highslide-full-expand a:hover{background-position:-100px -20px}.controls-in-heading .highslide-controls .highslide-full-expand a.disabled{background-position:-100px -40px!important}.controls-in-heading .highslide-controls .highslide-close a{background-position:-120px 0}.controls-in-heading .highslide-controls .highslide-close a:hover{background-position:-120px -20px}.text-controls .highslide-controls{width:auto;height:auto;margin:0;text-align:center;background:0 0}.text-controls ul{position:static;background:0 0;height:auto;left:0}.text-controls li{background-image:url(../img/hs/controlbar-text-buttons.png);background-position:right top!important;padding:0;margin-left:15px;display:block;width:auto}.text-controls a{background:url(../img/hs/controlbar-text-buttons.png) no-repeat;background-position:left top!important;position:relative;left:-10px;display:block;width:auto;height:auto;text-decoration:none!important}.text-controls a span{background:url(../img/hs/controlbar-text-buttons.png) no-repeat;margin:1px 2px 1px 10px;display:block;min-width:4em;height:18px;line-height:18px;padding:1px 0 1px 18px;color:#333;font-family:"Trebuchet MS",Arial,sans-serif;font-size:12px;font-weight:700;white-space:nowrap}.text-controls .highslide-next{margin-right:1em}.text-controls .highslide-full-expand a span{min-width:0;margin:1px 0;padding:1px 0 1px 10px}.text-controls .highslide-close a span{min-width:0}.text-controls a:hover span{color:#000}.text-controls a.disabled span{color:#999}.text-controls .highslide-previous span{background-position:0 -40px}.text-controls .highslide-previous a.disabled{background-position:left top!important}.text-controls .highslide-previous a.disabled span{background-position:0 -140px}.text-controls .highslide-play span{background-position:0 -60px}.text-controls .highslide-play a.disabled{background-position:left top!important}.text-controls .highslide-play a.disabled span{background-position:0 -160px}.text-controls .highslide-pause span{background-position:0 -80px}.text-controls .highslide-next span{background-position:0 -100px}.text-controls .highslide-next a.disabled{background-position:left top!important}.text-controls .highslide-next a.disabled span{background-position:0 -200px}.text-controls .highslide-full-expand span{background:0 0}.text-controls .highslide-full-expand a.disabled{background-position:left top!important}.text-controls .highslide-close span{background-position:0 -120px}.highslide-thumbstrip{height:100%}.highslide-thumbstrip div{overflow:hidden}.highslide-thumbstrip table{position:relative;padding:0;border-collapse:collapse}.highslide-thumbstrip td{padding:1px}.highslide-thumbstrip a{outline:0}.highslide-thumbstrip img{display:block;border:1px solid gray;margin:0 auto}.highslide-thumbstrip .highslide-active-anchor img{visibility:visible}.highslide-thumbstrip .highslide-marker{position:absolute;width:0;height:0;border-width:0;border-style:solid;border-color:transparent}.highslide-thumbstrip-horizontal div{width:auto}.highslide-thumbstrip-horizontal .highslide-scroll-up{display:none;position:absolute;top:3px;left:3px;width:25px;height:42px}.highslide-thumbstrip-horizontal .highslide-scroll-up div{margin-bottom:10px;cursor:pointer;background:url(../img/hs/scrollarrows.png) left center no-repeat;height:42px}.highslide-thumbstrip-horizontal .highslide-scroll-down{display:none;position:absolute;top:3px;right:3px;width:25px;height:42px}.highslide-thumbstrip-horizontal .highslide-scroll-down div{margin-bottom:10px;cursor:pointer;background:url(../img/hs/scrollarrows.png) center right no-repeat;height:42px}.highslide-thumbstrip-horizontal table{margin:2px 0 10px}.highslide-viewport .highslide-thumbstrip-horizontal table{margin-left:10px}.highslide-thumbstrip-horizontal img{width:auto;height:40px}.highslide-thumbstrip-horizontal .highslide-marker{top:47px;border-left-width:6px;border-right-width:6px;border-bottom:6px solid gray}.highslide-viewport .highslide-thumbstrip-horizontal .highslide-marker{margin-left:10px}.dark .highslide-thumbstrip-horizontal .highslide-marker,.highslide-viewport .highslide-thumbstrip-horizontal .highslide-marker{border-bottom-color:#fff!important}.highslide-thumbstrip-vertical div{height:100%}.highslide-thumbstrip-vertical a{display:block}.highslide-thumbstrip-vertical .highslide-scroll-up{display:none;position:absolute;top:0;left:0;width:100%;height:25px}.highslide-thumbstrip-vertical .highslide-scroll-up div{margin-left:10px;cursor:pointer;background:url(../img/hs/scrollarrows.png) top center no-repeat;height:25px}.highslide-thumbstrip-vertical .highslide-scroll-down{display:none;position:absolute;bottom:0;left:0;width:100%;height:25px}.highslide-thumbstrip-vertical .highslide-scroll-down div{margin-left:10px;cursor:pointer;background:url(../img/hs/scrollarrows.png) bottom center no-repeat;height:25px}.highslide-thumbstrip-vertical table{margin:10px 0 0 10px}.highslide-thumbstrip-vertical .highslide-marker{left:0;margin-top:8px;border-top-width:6px;border-bottom-width:6px;border-left:6px solid gray}.dark .highslide-thumbstrip-vertical .highslide-marker,.highslide-viewport .highslide-thumbstrip-vertical .highslide-marker{border-left-color:#fff}.highslide-viewport .highslide-thumbstrip-float{overflow:auto}.highslide-thumbstrip-float ul{margin:2px 0;padding:0}.highslide-thumbstrip-float li{display:block;height:60px;margin:0 2px;list-style:none;float:left}.highslide-thumbstrip-float img{display:inline;border-color:silver}.highslide-thumbstrip-float .highslide-active-anchor img{border-color:#000}.highslide-thumbstrip-float .highslide-marker,.highslide-thumbstrip-float .highslide-scroll-down div,.highslide-thumbstrip-float .highslide-scroll-up div{display:none} @charset "utf-8"; /* CSS Document */ body { margin: 0; padding: 0; /*background: url(../img/bgs/new_bg.png) no-repeat right 40px top 50px / 500px auto #fff;*/ } * { outline: none; } a img { border: 0px solid; } a.art_anchor { text-decoration:none; } p { width: 100%; float: left; margin: 0; padding: 0; } .content p { float: none; } body .ui-widget { font-size: 11px; } .page_c { width: 100%; min-width: 850px; overflow: hidden; position: relative; z-index: 1; } @media only screen and (max-width: 850px) { .page_c { min-width: 320px; } body .ui-widget { font-size: 14px; } } @media only screen and (max-width: 480px) { body .ui-widget { font-size: 16px; } } /* Head */ .head_c { width: 100%; float:left; z-index:100; position:relative; } .head { max-width:1200px; width:100%; margin: 0 auto; box-sizing: border-box; } .head img.logo { width: 125px; height: auto; padding: 65px 0 0 0; position: relative; z-index: 10; } .head .algo_link { float:right; margin-top: 76px; } .head .algo_link a { background: #fff; color:#072938; padding: 13px 55px 13px 15px; font: 700 17px/120% 'Montserrat', Arial, Helvetica, sans-serif; position: relative; z-index: 10; text-decoration:none; border:2px solid #072938; transition: all 0.5s ease; } .head .algo_link a:after { position: absolute; float: right; width: 22px; height: 18px; content: url(../img/icons/arrow-right.svg); right:10px; padding-top: 2px; } @keyframes bounce-right { 0%, 20%, 50%, 80%, 100% { -moz-transform: translateX(0); -ms-transform: translateX(0); -webkit-transform: translateX(0); transform: translateX(0); } 40% { -moz-transform: translateX(-20px); -ms-transform: translateX(-20px); -webkit-transform: translateX(-20px); transform: translateX(-20px); } 60% { -moz-transform: translateX(-10px); -ms-transform: translateX(-10px); -webkit-transform: translateX(-10px); transform: translateX(-10px); } } .head .algo_link a:hover:after { animation: bounce-right 3s; } /* Main */ .main_c { width: 100%; overflow: hidden; position: relative; z-index: 1; float:left; padding: 33px 0 190px 0; } .main { width: 100%; max-width:1200px; margin: 0 auto; overflow: hidden; position: relative; z-index: 1; box-sizing: border-box; } h1 { font: 700 44px/120% 'Montserrat', Arial, Helvetica, sans-serif; color: #072938; text-transform:uppercase; margin-bottom: 0; margin-top:100px; } h2 { font: 400 30px/120% 'Montserrat', Arial, Helvetica, sans-serif; color: #393E43; margin-top:0; } /* Footer */ .footer_c { width: 100%; position: relative; z-index: 10; float:left; background: #F2F2F2; } .footer { width: 100%; max-width:1200px; margin: 0 auto; position: relative; z-index: 1; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .footer .totop { position:absolute; right:-74px; top:-25px; background:#fff; width: 50px; height: 50px; border: 2px solid #062738; color:#062738; cursor:pointer; transition: all 1s ease; display:flex; flex-wrap:flex; transform: rotate(-90deg); justify-content: center; align-items: center; } .footer .totop:hover { } .footer .box { float:left; width:50%; font: 400 16px/180% 'Montserrat',Arial, Helvetica, sans-serif; color:#062738; box-sizing: border-box; padding:85px 0 40px 90px; } .footer .box a { color:#062738; } .footer .box a:hover { text-decoration:none; } .footer .social { float:left; width:100%; padding: 40px 90px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; color: #062738; font: 400 13px/220% 'Montserrat',Arial, Helvetica, sans-serif; } .footer .social a { color: #062738; } .footer .social a:hover { text-decoration: none; } .footer span { margin-left:60px; } .footer span.fa { margin-right: 20px; transition: all 0.5s ease; margin-left:0; float:left; } .footer .social a:hover span.fa { margin-top: -3px; } span.fa-facebook:before { content:"\f09a"; font-size: 23px; } span.fa-google-plus:before { content:"\f0d5"; font-size: 23px; } span.fa-twitter:before { content:"\f099"; font-size: 23px; } .footer img.footer_logo { margin: 20px 0; } @media only screen and (max-width: 1350px) { .footer .totop { right:0; } } @media only screen and (max-width: 1200px) { .head, .main { padding:0 20px; } } @media only screen and (max-width: 720px) { .footer span.fa { margin: 0; width:33%; text-align:center; } .footer_c { padding-top:60px; } .footer .box { width:100%; padding:0 60px; } .footer .totop { top: -120px; } .footer .social { padding: 40px 60px; } .footer span { margin:20px 0 0 0; width:50%; text-align:center; float:left; } } @media only screen and (max-width: 600px) { .footer .box { font-size: 16px; } .footer .box, .footer .social { padding-left: 40px; padding-right: 40px; } } @media only screen and (max-width: 500px) { .head { text-align:center; } .head .algo_link { width:100%; margin-top: 32px; } .head img.logo { width: 150px; } .head_c:after { top: 75px; } } /*--------------------------------------------- HTML Elements -------------------------------------------*/ div { padding: 0px; margin: 0px; } header { height: 300px; width: 100%; display: inline-block; background: transparent; } /*---------------------------------------------- Article List -------------------------------------------*/ /* --- Article filter --- */ #article-filter { position: relative; text-align: right; margin: 0px 0px 5px 0px; padding: 0px; z-index: 2; } #article-filter .filter-select, #article-filter .filter-input-text { display: inline-block; width: 20%; margin: 0px 5px 0px 0px; text-align: left; position: relative; background-color: #FFFFFF !important; vertical-align: top; } #article-filter .filter-select { height: 30px; background: url(../img/common/buttons/ndown.png) no-repeat right center / 31px 43px; cursor: pointer; border:1px solid #DADDE0; } #article-filter .filter-select-text { padding: 8px 4px; white-space: nowrap; } #article-filter .filter-select-text > div { margin-right: 26px; overflow: hidden; } #article-filter .filter-select-text, #article-filter ul.filter-select-list li.list-item, #article-filter .filter-input-text input { color: #B5BABF; font: normal 12px/120% 'Montserrat', Arial, Helvetica, sans-serif; } #article-filter ul.filter-select-list { display: none; width: 100%; margin: -1px 0px 0px -1px; padding: 0px; position: absolute; z-index: 1000; background-color: #fff; border:1px solid #DADDE0; max-height: 315px; overflow-x: hidden; overflow-y: auto; } #article-filter ul.filter-select-list li.list-item { padding-left: 4px; list-style-image: none; background-image: none; line-height: 175%; } #article-filter ul.filter-select-list li.list-item:hover { background: #ECECEC; cursor: pointer; } #article-filter .filter-input-text { border: 1px solid #DADDE0; height: 30px; color: #B5BABF; } #article-filter .filter-input-text input { width: 98%; height: 28px; padding-left: 2%; border: none; color: #B5BABF; } #article-filter .filter-input-text #filter-keywords-remove { width: 30px; height: 30px; background: #fff url(../img/common/buttons/nclose.png) no-repeat center center / 31px 43px; cursor: pointer; position: absolute; right: 0; top: 0; color: #B5BABF; } /* --- Filter placeholder --- */ ::-webkit-input-placeholder { /*color: #96857E;*/ color: #B5BABF; } /* WebKit browsers */ :-moz-placeholder { color: #B5BABF; opacity: 1; } /* Mozilla Firefox 4 to 18 */ ::-moz-placeholder { color: #B5BABF; opacity: 1; } /* Mozilla Firefox 19+ */ :-ms-input-placeholder { color: #B5BABF; } /* Internet Explorer 10+ */ /* --- Article list --- */ #article-list { width: 100% !important; z-index: 1; min-height: 360px; } #article-list .article-entry { display: inline-block; border: none; position: absolute; background: transparent; vertical-align: top; float: left; overflow: hidden; } #article-list .article-entry .ae-content { text-decoration: none; color:inherit; display: inline-block; border: none; padding: 0px; margin: 0px; overflow: hidden; } #article-list .article-entry .ae-content.fixed .ae-image { } #article-list .article-entry .ae-content .ae-phone-header { display: none; font: 700 24px/50px 'Montserrat',Arial, Helvetica, sans-serif; text-transform:uppercase; color: #fff; margin: 0px; padding: 0px; height:50px; overflow:hidden; } #article-list .article-entry .ae-content .ae-phone-header.highlight { background: url(../img/bgs/highlight_bg.png) #2BB9E8; } #article-list .article-entry .ae-content .ae-phone-header .ae-header-text, #article-list .article-entry .ae-content .ae-phone-header .ae-header-icon { display: inline-block; vertical-align: middle; } #article-list .article-entry .ae-content .ae-phone-header .ae-header-text { width: 82.5%; max-height: 50px; overflow: hidden; padding-left: 20px; } #article-list .article-entry .ae-content .ae-phone-header .ae-header-icon { background:url(../img/arrows/arrow_right.png) no-repeat center center / 10px 19px; width: 11px; height: 50px; } #article-list .article-entry img { position: absolute; z-index: -100; top: 100%; left: 100%; } #article-list .article-entry .ae-image { height: 500px; position: relative; background-size: cover; background-position: center center; } /*#article-list .article-entry:hover .ae-image {position: relative; background-size: cover; background-position: center center; }*/ #article-list .article-entry .ae-date { background: #fff; color: #3D3E40; font: 400 14px/100% 'Montserrat',Arial, Helvetica, sans-serif; padding: 10px; position: absolute; right: 0; top: 22px; z-index:10; } #article-list .article-entry .ae-infos { letter-spacing: 1px; line-height: 1.5em; vertical-align: top; width: 100%; position: absolute; bottom: 0px; } /*#article-list .article-entry:hover .ae-infos {max-height: 330px;}*/ #article-list .article-entry .ae-infos .ae-infos-texts { max-height: 400px; overflow: hidden; } #article-list .article-entry .ae-infos .ae-infos-bg { position: absolute; width: 100%; height: 100%; } #article-list .article-entry .ae-infos.highlight .ae-infos-bg { background: #EA0075; } #article-list .article-entry .ae-infos-content { overflow: hidden; } #article-list .article-entry .ae-infos-content > div { position: relative; } #article-list .article-entry .ae-infos-content .ae-infos-texts .ae-title { padding: 17px 60px 12px 60px; font: 700 35px/120% 'Montserrat',Arial, Helvetica, sans-serif; font-weight: 600; text-transform: uppercase; color: #fff; } /*#article-list .article-entry .ae-infos.highlight .ae-title, #article-list .article-entry .ae-infos.highlight .ae-short-text {color: #FFFFFF !important; text-shadow: 1px 1px 2px #444444;}*/ #article-list .article-entry .ae-infos-content .ae-short-text { padding: 0px 60px; color: #fff; font: 400 15px/160% 'Montserrat', Arial, Helvetica, sans-serif; } /*#article-list .article-entry:hover .ae-infos-content .ae-short-text {max-height: 210px;}*/ #article-list .article-entry .ae-infos-content .ae-infos-button { padding: 0 50px 20px 50px; } /*#article-list .article-entry:hover .ae-infos-content .ae-infos-button {max-height: 70px; margin: 0px; padding: 0px;}*/ #article-list .article-entry .ae-infos-content .ae-infos-button > button { cursor: pointer; text-align: center; background: none; color: #fff; padding: 13px 50px 13px 15px; margin: 16px 0px 15px 0px; border: 2px solid #fff; font: 700 16px/120% 'Montserrat', Arial, Helvetica, sans-serif; transition: all 0.5s ease; position: relative; } #article-list .article-entry .ae-infos-content .ae-infos-button > button:after { position: absolute; float: right; width: 22px; height: 18px; content: url(../img/icons/arrow-right-white.svg); right: 10px; padding-top: 2px; } #article-list .article-entry .ae-infos-content .ae-infos-button > button:hover:after { animation: bounce-right 3s; } #article-list .article-entry .ae-infos.highlight .ae-infos-button { text-align:right; } /*#article-list .article-entry:hover .ae-infos-content .ae-infos-button > button {filter: alpha(opacity=100); opacity: 1.0; -webkit-transition: opacity 0.3s ease-in; -moz-transition: opacity 0.3s ease-in; -ms-transition: opacity 0.3s ease-in; -o-transition: opacity 0.3s ease-in; transition: opacity 0.3s ease-in;}*/ /*----------------------------------------------- Pagination --------------------------------------------*/ .pagination { padding: 5px; text-align: right; } .pagination > .mp-prev, .pagination > .mp-page, .pagination > .mp-next { display: inline-block; text-align: center; text-decoration: none !important; color: #CACEDB; background: #FFFFFF; font: normal 14px 'Verdana', sans-serif; border: 1px solid #CACEDB; padding: 6px 10px; white-space: nowrap; margin-left: 5px; cursor: pointer; } .pagination > .mp-prev:hover, .pagination > .mp-page:hover, .pagination > .mp-next:hover, .pagination > .mp-active-page { background: #fff; color: #062738 !important; border: 1px solid #062738; transition: all 0.5s; } .pagination > .mp-active-page { font-weight: bold; } /*---------------------------------------------- Article Page -------------------------------------------*/ #article-page { background-color: #FFFFFF; padding-bottom: 20px; } #article-page #article-main, #article-page #article-footer #article-gallery, #article-page #article-footer #article-documents, #article-page #article-footer #article-rating, #article-page #article-footer #article-social-media-comments, #author-page #author-personal-data, #author-page #author-comment { margin: 0px 75px; position: relative; font: 400 15px/160% 'Montserrat',Arial, Helvetica, sans-serif; color: #3D3E3F; } #article-page #article-footer #article-gallery { display: inline-block; margin-top: 25px; } /* --- Buttons --- */ #article-page .back-to-overview-button, #author-page .article-button, #author-page .back-to-overview-button { cursor: pointer; font: 700 18px/120% 'Montserrat',Arial, Helvetica, sans-serif; text-decoration: none; text-align: center; border:none; background: #3D3E40; color: #fff; padding: 10px 15px; margin: 16px 0px 15px 0px; } #article-page .back-button, #author-page .back-button { display:none; } #article-page .article-button { cursor: pointer; font: 700 18px/120% 'Montserrat',Arial, Helvetica, sans-serif; text-decoration: none; text-align: center; background: #fff; color: #062738; border:2px solid #062738; padding: 10px 50px 10px 15px; margin: 16px 0px 15px 0px; position: relative; } #article-page .article-button:after { position: absolute; float: right; width: 22px; height: 18px; content: url(../img/icons/arrow-right.svg); right: 10px; padding-top: 2px; } #article-page .article-button:hover:after { animation: bounce-right 3s; } #article-page .back-button, #author-page .back-button, #article-page .back-to-overview-button, #author-page .back-to-overview-button { /*background-image: url(/img/magazine/arrows.png); background-repeat: no-repeat; background-position: -23px center;*/ } #article-page .back-button:before, #author-page .back-button:before, #article-page .back-to-overview-button:before, #author-page .back-to-overview-button:before { content:"\f104"; font-size: 21px; font-family:FontAwesome; padding-right:10px; } /* --- Page header --- */ #article-page #article-header { height: 520px; margin-bottom: 15px; position: relative; } #article-page #article-header, #article-page #article-gallery { overflow: hidden; } #article-page #article-header .header-element { display: inline-block; float: left; } #article-page #article-header .header-element > a, #article-page #article-header .header-element > div, #article-page #article-header .header-element > a > div, #article-page #article-header .header-element iframe { width: 100%; height: 100%; } #article-page #article-header .header-element > a { display: inline-block; text-decoration: none; margin: 0px; padding: 0px; cursor: url(../img/hs/zoomin.cur), pointer !important; } #article-page #article-header .header-element .header-image { /*background-size: cover; background-position: center top;*/ background-image: none !important; } #article-page #article-header .header-element .header-image img { /*display: none; visibility: hidden; height: 0px;*/ object-fit: cover; width: 100%; height: 100%; } #article-page #article-header #header-navigation, #article-page #article-footer #gallery-navigation { z-index: 2; display: none; position: absolute; bottom: 0px; right: 2px; text-align: right; height: 42px; width: 82px; } #article-page #article-header #header-navigation > div, #article-page #article-footer #gallery-navigation > div { display: none; background: #FFFFFF; width: 40px; height: 40px; margin: 0px; padding: 0px; float: left; cursor: pointer; } #article-page #article-header #header-navigation .nav-icon, #article-page #article-footer #gallery-navigation .nav-icon { background: #EA0075 url(/img/magazine/arrows.png) no-repeat -6px center; width: 26px; height: 26px; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; margin: 7px 0px 0px 7px; } #article-page #article-header #header-navigation .navigation-left, #article-page #article-footer #gallery-navigation .navigation-left { margin-right: 2px; } #article-page #article-header #header-navigation .navigation-left .nav-icon, #article-page #article-footer #gallery-navigation .navigation-left .nav-icon { background-position: -6px center; -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); } /* --- Page main --- */ #article-main { margin-top: 30px; margin-bottom: 10px; } #article-main #main-header { display: inline-block; width: 100%; margin-top: 15px; } #article-main #main-header > div { display: inline-block; margin: 0px; float: left; vertical-align: top; } #article-main #main-header #article-title { width: 70%; } #article-main #main-header #article-author { width: 30%; min-width: 190px; text-align: right; font-size: 14px; float: right; } #article-main #main-header #article-author a { text-decoration: none; } #article-main #main-header #article-author #author-create-info, #article-main #main-header #article-author #author-photo { display: inline-block; vertical-align: top; } #article-main #main-header #article-author #author-create-info { font: 400 16px/120% 'Montserrat',Arial, Helvetica, sans-serif; color:#393E43; margin-top:20px; } #article-main #main-header #article-author #author-create-info #article-date { font-size:13px; color: #6C7680; } #article-main #main-header #article-author #author-create-info #author-name, #article-main #main-header #article-author #author-create-info #article-date { height: 20px; padding-right: 5px; } #article-main #main-header #article-author #author-photo { height: 50px; width: 50px; margin-top: 5px; /*background-size: cover; background-repeat: no-repeat; background-position: center center;*/ background-image: none; } #article-main #main-header #article-author #author-photo > img { /*display: none;*/ object-fit: cover; width: 100%; height: 100%; } /* --- Page main content --- */ #article-main #main-content { margin: 30px 0px; } #article-main #main-content #article-text { font: 400 15px/160% 'Montserrat',Arial, Helvetica, sans-serif; color: #3D3E3F; } #article-main #main-content #article-text a { color: #2BB8E6; } #article-main #main-content #article-text a.article-content-image { margin: 0px; padding: 0px; display: inline-block; text-decoration: none; } #article-main #main-content #article-text h2, #author-page #author-comment h2 { margin: 20px 0px 10px 0px; text-transform: none; } #article-main #main-content #article-text ul, #author-page #author-comment ul { display: table; } #article-main #main-content #article-text ul > li, #author-page #author-comment ul > li { margin-left: 20px; padding-left: 10px; } #article-main #main-content #article-buttons { text-align: right; min-height: 30px; float:right; } #article-main #main-content #article-buttons > .article-button { margin-left: 20px; text-decoration: none; display: inline-block; } #article-main #main-content #article-buttons > .article-button:first-child { margin-left: 0px; } #article-main #main-footer { width: 100%; display: inline-block; } #article-main #main-footer #article-social-media-buttons .social-button { cursor: pointer; display: inline-block; padding-bottom: 10px; } #article-main #main-footer #article-social-media-buttons .social-button .social-gray { display: none; } #article-main #main-footer #article-social-media-buttons .social-button .social-original { display: inline-block; overflow: hidden; } #article-main #main-footer #article-social-media-buttons .social-button.gray .social-gray { display: inline-block; } #article-main #main-footer #article-social-media-buttons .social-button.gray .social-original { display: none; } #article-main #main-footer #article-social-media-buttons .social-button .social-gray, #article-main #main-footer #article-social-media-buttons .social-button .social-original, #article-main #main-footer #article-social-media-buttons .social-button .social-original > div, #article-main #main-footer #article-social-media-buttons .social-button .social-original > iframe { height: 20px! important; } #article-main #main-footer .social-de .social-button:nth-child(1) .social-gray, #article-main #main-footer .social-de .social-button:nth-child(1) .social-original > iframe { width: 82px !important; } #article-main #main-footer .social-en .social-button:nth-child(1) .social-gray, #article-main #main-footer .social-en .social-button:nth-child(1) .social-original > iframe { width: 49px !important; } #article-main #main-footer .social-de .social-button:nth-child(2) .social-gray, #article-main #main-footer .social-de .social-button:nth-child(2) .social-original > iframe { width: 58px !important; } #article-main #main-footer .social-en .social-button:nth-child(2) .social-gray, #article-main #main-footer .social-en .social-button:nth-child(2) .social-original > iframe { width: 57px !important; } #article-main #main-footer .social-de .social-button:nth-child(3) .social-gray, #article-main #main-footer .social-de .social-button:nth-child(3) .social-original > div, #article-main #main-footer .social-de .social-button:nth-child(3) .social-original > div > iframe { width: 32px !important; } #article-main #main-footer .social-en .social-button:nth-child(3) .social-gray, #article-main #main-footer .social-en .social-button:nth-child(3) .social-original > div, #article-main #main-footer .social-en .social-button:nth-child(3) .social-original > div > iframe { width: 32px !important; } #article-main #main-footer #article-social-media-buttons .social-button:nth-child(4) .social-gray, #article-main #main-footer #article-social-media-buttons .social-button:nth-child(4) .social-original > div, #article-main #main-footer #article-social-media-buttons .social-button:nth-child(4) .social-original > div > iframe { width: 58px !important; } #article-main #main-footer .social-de .social-button:nth-child(5) .social-gray, #article-main #main-footer .social-de .social-button:nth-child(5) .social-original > iframe { width: 70px !important; } #article-main #main-footer .social-en .social-button:nth-child(5) .social-gray, #article-main #main-footer .social-en .social-button:nth-child(5) .social-original > iframe { width: 59px !important; } #article-main #main-footer #article-social-media-buttons .social-button:nth-child(6) .social-gray, #article-main #main-footer #article-social-media-buttons .social-button:nth-child(6) .social-original > a { width: 40px !important; } #article-main #main-footer #article-social-media-buttons #privacy-switch { background: transparent url(/img/magazine/privacy_switch.png) no-repeat center -12px; width: 24px; height: 12px; cursor: pointer; } #article-main #main-footer #article-social-media-buttons #privacy-switch.disable { background-position: center 0px; } #article-page #article-footer { margin-bottom: 30px; display: inline-block; width: 100%; } #article-page #article-footer h2 { font-size: 18px; font: 700 20px/120% 'Montserrat', Arial, Helvetica, sans-serif; color: #2BB8E6; font-weight: 600; margin: 30px 0px 10px 0px; text-transform: none; } #article-page #article-footer #article-gallery a.gallery-element { width: 23.5%; margin: 2% 2% 0% 0%; text-decoration: none; display: inline-block; float: left; } #article-page #article-footer #article-gallery a.gallery-element.iv { cursor: url(../img/hs/zoomin.cur), pointer !important; } #article-page #article-footer #article-gallery a.gallery-element:nth-child(4n) { margin-right: 0px; } #article-page #article-footer #article-gallery a.gallery-element div { margin: 0px; padding: 0px; width: 100%; height: inherit; background-size: cover; background-position: center center; } #article-page #article-footer #article-gallery a.gallery-element img { width: 100%; height: 100%; -webkit-filter: saturate(0); -moz-filter: saturate(0); -o-filter: saturate(0); filter: saturate(0); -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } #article-page #article-footer #article-gallery a.gallery-element img:hover { -webkit-filter: saturate(100%); -moz-filter: saturate(100%); -o-filter: saturate(100%); filter: saturate(100%); } /* --- Article documents --- */ #article-page #article-footer #article-documents > div { display: inline-block; width: 100%; } #article-page #article-footer #article-documents .document { display: table-row; text-decoration: none; color: inherit !important; } #article-page #article-footer #article-documents .document:hover { cursor: pointer; text-decoration: none; color: #999999 !important; } #article-page #article-footer #article-documents .document > div { display: table-cell; } /* --- Documents icons --- */ #article-documents .document .document-icon { min-width: 25px; width: 32px; height: 32px; background: transparent url("/img/common/file_types/default.png") no-repeat left center; } #article-documents .document .document-icon.jpg { background-image: url("/img/common/file_types/jpg.png"); } #article-documents .document .document-icon.jpeg { background-image: url("/img/common/file_types/jpeg.png"); } #article-documents .document .document-icon.gif { background-image: url("/img/common/file_types/gif.png"); } #article-documents .document .document-icon.bmp { background-image: url("/img/common/file_types/bmp.png"); } #article-documents .document .document-icon.zip { background-image: url("/img/common/file_types/zip.png"); } #article-documents .document .document-icon.rar { background-image: url("/img/common/file_types/rar.png"); } #article-documents .document .document-icon.pdf { background-image: url("/img/common/file_types/pdf.png"); } #article-documents .document .document-icon.rtf { background-image: url("/img/common/file_types/rtf.png"); } #article-documents .document .document-icon.txt { background-image: url("/img/common/file_types/txt.png"); } #article-documents .document .document-icon.doc { background-image: url("/img/common/file_types/doc.png"); } #article-documents .document .document-icon.docx { background-image: url("/img/common/file_types/docx.png"); } #article-documents .document .document-icon.xls { background-image: url("/img/common/file_types/xls.png"); } #article-documents .document .document-icon.xlsx { background-image: url("/img/common/file_types/xlsx.png"); } #article-documents .document .document-icon.ppt { background-image: url("/img/common/file_types/ppt.png"); } #article-documents .document .document-icon.pptx { background-image: url("/img/common/file_types/pptx.png"); } #article-documents .document .document-icon.psd { background-image: url("/img/common/file_types/psd.png"); } #article-documents .document .document-icon.dwg { background-image: url("/img/common/file_types/dwg.png"); } #article-documents .document .document-icon.avi { background-image: url("/img/common/file_types/avi.png"); } #article-documents .document .document-icon.mov { background-image: url("/img/common/file_types/mov.png"); } #article-documents .document .document-icon.mp4 { background-image: url("/img/common/file_types/mp4.png"); } #article-documents .document .document-icon.mpeg { background-image: url("/img/common/file_types/mpeg.png"); } #article-documents .document .document-icon.wmv { background-image: url("/img/common/file_types/wmv.png"); } #article-documents .document .document-icon.mp3 { background-image: url("/img/common/file_types/mp3.png"); } #article-documents .document .document-icon.wma { background-image: url("/img/common/file_types/wma.png"); } #article-documents .document .document-name, #article-documents .document .document-type, #article-documents .document .document-size { padding-top: 5px; vertical-align: top; } #article-documents .document .document-icon, #article-documents .document .document-name, #article-documents .document .document-type { padding-right: 10px; } #article-footer #article-social-media-comments { padding-top: 35px; } #article-rating #rating-stars { unicode-bidi: bidi-override; color: #E4E4E4; font-size: 30px; height: 30px; width: 130px; margin: 0px; position: relative; padding: 0px; text-shadow: 0px 1px 0 #A2A2A2; white-space: nowrap; } #article-rating #rating-stars > div { height: inherit; position: absolute; display: block; padding: 0px; margin: 0px; top: 0px; left: 0px; } #article-rating #rating-stars #rating-stars-top { color: #F9C500; z-index: 1; overflow: hidden; } #article-rating #rating-stars #rating-stars-bottom { z-index: 0; } #article-rating #rating-stars > div span { height: 30px; width: 26px; display: inline-block; } #article-rating #rating-stars > div span:before { content: '★'; } #article-rating #rating-stars #rating-stars-bottom span { float: right; -webkit-transition: color 0.3s ease; -moz-transition: color 0.3s ease; -ms-transition: color 0.3s ease; -o-transition: color 0.3s ease; transition: color 0.3s ease; } #article-rating #rating-stars:not(.disabled):hover #rating-stars-bottom { z-index: 2; } #article-rating #rating-stars:not(.disabled) #rating-stars-bottom span:hover, #article-rating #rating-stars:not(.disabled) #rating-stars-bottom span:hover ~ span { color: #EA0075; cursor: pointer; } /*---------------------------------------------- Author Page --------------------------------------------*/ #author-page { background: #FFFFFF; padding: 90px 0px; } #author-personal-data, #author-comment { display: block !important; } #author-personal-data { padding: 20px 0px 40px 0px; } #author-personal-data a { text-decoration: none; display: inline-block; vertical-align: top; width: 35%; height: 300px; } #author-personal-data a #author-photo { width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; cursor: url(../img/hs/zoomin.cur), pointer !important; background-position: center center; } #author-personal-data a #author-photo img { display: none; } #author-personal-data a #author-photo, #author-personal-data #author-infos { display: inline-block; vertical-align: top; } #author-personal-data #author-infos { width: 64%; padding-left:60px; font: 400 15px/160% 'Montserrat',Arial, Helvetica, sans-serif; color: #3D3E3F; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } #author-personal-data #author-infos h1 { margin-top: 0px; line-height: 1em; letter-spacing: 1px; font-size:40px; padding-bottom: 30px; } #author-personal-data #author-infos .author-info-row { margin: 0px; display: inline-block; width: 100%; } #author-personal-data #author-infos .author-info-row.info-section { margin-top: 20px; } #author-personal-data #author-infos .author-info-row .author-info-label, #author-personal-data #author-infos .author-info-row .author-info-content { font-size: 14px; display: inline-block; float: left; width: 50%; } #author-personal-data #author-infos .author-info-row .author-info-label { color: #39261E; } #author-personal-data #author-infos .author-info-row .author-info-content { color: #7D726A; } #author-personal-data.without-comment { border-bottom: none; } #author-comment { padding: 10px 0px 20px 0px; font-family: 'Verdana', sans-serif; font-size: 15px; color: #4C3326; } #author-comment.without-comment { display: none !important; } /*----------------------------------- Page not found & no search results ---------------------------------*/ .page-not-found, .no-search-results { background: #FFFFFF; padding: 25px; color: #444444 !important; } .page-not-found .pnf-main-title, .page-not-found .pnf-advice-title { margin-bottom: 15px; } .page-not-found .pnf-advice-title { font-weight: bold; } .no-results { color: #988B91; } .no-search-results { margin-top: 10px; } .page-not-found .pnf-main-title, .no-search-results .nsr-title { font-weight: bold !important; font-size: 15px !important; font-family: inherit !important; color: inherit !important; margin-bottom: 10px; text-transform: none !important; } .no-search-results .nsr-content, .page-not-found .pnf-content { font-weight: normal; font-size: 13px; } .no-search-results .nsr-content .filter-reset, .page-not-found .pnf-content .pnf-link { color: #E4001E; text-decoration: underline; } .no-search-results .nsr-content .filter-reset:hover, .page-not-found .pnf-content .pnf-link:hover { color: #FF7586; cursor: pointer; } /*---------------------------------------------- RESPONSIVE ---------------------------------------------*/ /* --- Home #1 --- */ @media only screen and (max-width: 900px) { #article-list .article-entry .ae-image { height: 400px }; #article-list .article-entry:hover .ae-infos { max-height: 400px; } #article-list .article-entry .ae-infos .ae-infos-texts { max-height: 197px; } #article-list .article-entry:hover .ae-infos-content .ae-short-text { max-height: 110px; } #article-main #main-header #article-title { width: 100%; } #author-page #author-personal-data a { height: 200px; } #article-list .article-entry .ae-infos-content .ae-infos-texts .ae-title { font-size: 30px; } #article-list .article-entry:nth-child(4n) .ae-infos .ae-infos-texts, #article-list .article-entry:nth-child(4n+2) .ae-infos .ae-infos-texts { max-height: 236px; } #article-list .article-entry .ae-infos-content .ae-infos-texts .ae-title, #article-list .article-entry .ae-infos-content .ae-short-text, #article-list .article-entry .ae-infos-content .ae-infos-button { padding-left:30px; padding-right:30px; } } /* --- Tablet (level #1) --- */ @media only screen and (max-width: 800px) { #article-filter { text-align: center; } #article-filter .filter-select, #article-filter .filter-input-text { width: 98%; } #article-filter .filter-input-text input { padding-left: 1%; } #article-filter .filter-select { margin: 0px 0px 10px 0px; } #article-filter .filter-select-text { padding: 7px 4px !important; } #article-filter .filter-input-text { margin: 0px; } #article-page #article-header { height: 250px; } #article-page .article-button, #article-page .back-button, #article-page .back-to-overview-button { padding: 10px 15px; } #article-page .back-button, #article-page .back-to-overview-button { background-position: -29px center; } #article-main, #article-footer #article-gallery, #article-footer #article-documents, #article-footer #article-rating, #article-footer #article-social-media-comments, #author-page #author-personal-data, #author-page #author-comment { margin-right: 50px !important; margin-left: 50px !important; } #article-main h1, #author-page h1 { font-size: 30px; } #article-main h2, #author-page h2 { font-size: 16px; } #article-main #main-content ul { display: block; } #article-footer #article-gallery a.gallery-element { width: 32.5% !important; margin: 1% 1% 0% 0% !important; } #article-footer #article-gallery a.gallery-element:nth-child(2n) { margin-right: 1% !important; } #article-footer #article-gallery a.gallery-element:nth-child(3n) { margin-right: 0px !important; } #author-page #author-personal-data h1, #author-personal-data #author-infos .author-info-row { padding-left: 25px; } } /* --- Tablet, Article (level #2) @media only screen and (max-width: 600px) { #article-footer #article-gallery a.gallery-element { width: 49.5% !important; } #article-footer #article-gallery a.gallery-element:nth-child(3n) { margin-right: 1% !important; } #article-footer #article-gallery a.gallery-element:nth-child(2n) { margin-right: 0px !important; } #article-main #main-content .article-button { min-width: 50%; } #author-page #author-personal-data a, #author-personal-data #author-infos { width: 100%; } #author-personal-data #author-infos { margin-top: 30px; } #author-page #author-personal-data h1, #author-personal-data #author-infos .author-info-row { padding-left: 0px; } } --- */ /* --- Phone (level #2) --- */ @media only screen and (max-width: 600px) { #article-filter .filter-select, #article-filter .filter-input-text { width: 97%; } #article-header #header-navigation, #article-footer #gallery-navigation { display: block !important; } #article-header .header-element, #article-footer #article-gallery a.gallery-element { width: 100% !important; height: 100% !important; position: absolute; top: 0px; left: 0px; opacity: 0.0; filter: alpha(opacity=0); z-index: 0; } #article-header .header-element.slider-current, #article-footer #article-gallery a.gallery-element.slider-current { opacity: 1.0; filter: alpha(opacity=100); z-index: 1; } #article-main, #article-footer #article-documents, #article-footer #article-rating, #article-footer #article-social-media-comments, #author-page #author-personal-data, #author-page #author-comment { margin: 0px 20px !important; } #article-footer #article-gallery { height: 250px; width: 100%; margin: 30px 0px 0px 0px !important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border: 20px solid #FFFFFF; border-top: 0px; border-bottom: 0px; } #article-footer #article-gallery a.gallery-element { margin: 0px !important; } #article-main #main-content img { width: 100%; height: auto; margin-left: 0px; margin-right: 0px; } #article-main #main-content .article-button { width: 100%; margin-left: 0px !important; margin-right: 0px; padding-left: 0px; padding-right: 0px; } #article-documents { line-height: 1em; } #article-documents .document { display: inline-block; width: 100%; } #article-documents .document > div { display: inline-block; float: left; } #article-documents .document .document-icon { min-width: initial; width: 20px; height: 35px; background-size: contain; margin-right: 5px; } } /* --- Home #2 --- */ @media only screen and (max-width: 600px) { #article-list { background: #3D3E40; } #article-list .article-entry.simple .ae-content:not(.fixed) .ae-image, #article-list .article-entry .ae-infos { display: none; } #article-list .article-entry .ae-image, #article-list .article-entry:hover .ae-image { height: 220px; -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; transition: none; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } #article-list .article-entry .ae-content { display: block; } #article-list .article-entry .ae-content .ae-phone-header { display: inline-block; width: 100%; background: rgba(61,62,64,0.8); z-index:100; position: relative; color: #fff; font-size: 17px; } #article-list .article-entry.big .ae-content .ae-phone-header:not(.highlight) { background: rgba(0,137,184,0.85); color:#fff; } #article-list .article-entry .ae-content.fixed .ae-image, #article-list .article-entry .ae-image { top: -54px; z-index: 1; } #article-list .article-entry .ae-date { display:none; } } #article-list .article-entry:nth-child(4n+1) .ae-infos .ae-infos-bg { background: rgba(0,137,184,0.85); } #article-list .article-entry:nth-child(4n+1) .ae-infos-content .ae-infos-texts .ae-title { padding-top: 29px; } #article-list .article-entry:nth-child(4n) .ae-infos .ae-infos-bg { background: #3D3E40; } #article-list .article-entry:nth-child(4n) .ae-infos-texts .ae-title { padding-top: 95px; } #article-list .article-entry:nth-child(4n) .ae-infos .ae-infos-content { height:500px; } #article-list .article-entry:nth-child(4n+3) .ae-infos .ae-infos-bg { background: none; } #article-list .article-entry:nth-child(4n+3) .ae-image { margin: 0 -10px; min-width: 900px; -webkit-filter: blur(10px) brightness(65%); -moz-filter: blur(10px) brightness(65%); -o-filter: blur(10px) brightness(65%); filter: blur(10px) brightness(65%); } #article-list .article-entry:nth-child(4n+2) .ae-infos .ae-infos-bg { background: #0089B8; } #article-list .article-entry:nth-child(4n+2) .ae-infos-texts .ae-title { padding-top: 95px; } #article-list .article-entry:nth-child(4n+2) .ae-infos .ae-infos-content { height: 500px; } #article-list .article-entry:nth-child(4n+2) .ae-infos-content .ae-short-text, #article-list .article-entry:nth-child(4n) .ae-infos-content .ae-short-text { padding-top:10px; } #article-list .article-entry .ae-infos-content .ae-short-text p { margin:0; padding:0; } #article-list .article-entry .ae-infos.highlight { height:100%; background:url(../img/bgs/highlight_bg.png) #2BB9E8; } #article-list .article-entry .ae-infos.highlight .ae-short-text { display:none; } #article-list .article-entry .ae-infos.highlight .ae-infos-content { margin: 100px auto 0 auto; width: 288px; height:288px; background:url(../img/bgs/highlight_inner_bg.png) no-repeat center top / 278px 279px; } #article-list .article-entry .ae-infos.highlight .ae-infos-content .ae-title { text-align:right; padding: 0 20px; } #article-list .article-entry .ae-infos.highlight .ae-infos-content .ae-title { font: 300 27px/120% 'Raleway', Arial, Helvetica, sans-serif; text-transform:none; padding-top:77px; display:flex; } #article-list .article-entry .ae-infos.highlight .ae-infos-content .ae-title::first-line { font: 700 34px/120% 'Montserrat',Arial, Helvetica, sans-serif; text-transform:uppercase; } #article-list .article-entry .ae-infos.highlight .ae-infos-bg { background:none; } #article-gallery .desc { font: 400 12px/120% 'Montserrat',Arial, Helvetica, sans-serif; color: #393E43; } #article-main ol, #article-main ul { display:table; } #article-gallery a span { color:#666666; } @media only screen and (max-width: 900px) { #article-list .article-entry:nth-child(4n+2) .ae-infos .ae-infos-content, #article-list .article-entry:nth-child(4n) .ae-infos .ae-infos-content { height:400px; } #article-list .article-entry:nth-child(4n+2) .ae-infos-texts .ae-title, #article-list .article-entry:nth-child(4n) .ae-infos-texts .ae-title { padding-top:85px; } } @media only screen and (max-width: 600px) { #article-gallery a span { display:none; } }