/*------------------------------------------ System style mods-------------------------------------------*/ /*.highslide-html {z-index: 10 !important;}*/ /*--------------------------------------------- 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:nth-of-type(1) {display: none;} #article-filter .filter-select:nth-of-type(2), #article-filter .filter-input-text {display: inline-block; width: 49.2%; margin: 0% 0.6% 0% 0%; text-align: left; position: relative; background-color: #FFFFFF !important; vertical-align: top;} #article-filter .filter-select {border: 1px solid #E0E3EB; height: 30px; background: url("/img/common/buttons/ndown.png") no-repeat right center; cursor: pointer;} #article-filter .filter-select-text {padding: 7px 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: #9BA4AC; font: normal 15px 'Arial', sans-serif;} /*ul#filter-category-list[select-value=""] {}*/ #article-filter ul.filter-select-list {display: none; width: 100%; margin: -1px 0px 0px -1px; padding: 0px; position: absolute; z-index: 1000; background-color: #FFFFFF; border: 1px solid #E0E3EB; 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-color: #B81F1F; color: #FFFFFF; cursor: pointer;} #article-filter .filter-input-text {border: 1px solid #E0E3EB; height: 30px; color: #9BA4AC; margin-right: 0%;} #article-filter .filter-input-text input {width: 98%; height: 28px; padding-left: 2%; border: none;} #article-filter .filter-input-text #filter-keywords-remove {width: 26px; height: 28px; background: #FFFFFF url("/img/common/buttons/nclose.png") no-repeat center center; cursor: pointer; position: absolute; right: 1px; top: 1px;} /* --- Filter placeholder --- */ ::-webkit-input-placeholder {color: #9BA4AC;} /* WebKit browsers */ :-moz-placeholder {color: #9BA4AC; opacity: 1;} /* Mozilla Firefox 4 to 18 */ ::-moz-placeholder {color: #9BA4AC; opacity: 1;} /* Mozilla Firefox 19+ */ :-ms-input-placeholder {color: #9BA4AC;} /* Internet Explorer 10+ */ /* --- Article list --- */ #article-list {width: 100% !important; z-index: 1; min-height: 300px;} #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-family: 'Open Sans', sans-serif; font-weight: 600; color: #DB2B2B; font-size: 14px; background: #E7ECED; margin: 0px; padding: 0px;} #article-list .article-entry .ae-content .ae-phone-header.highlight {background: #B81F1F; color: #FFFFFF !important; text-shadow: 1px 1px 2px #444444;} /*#article-list .article-entry.big .ae-content .ae-phone-header:not(.highlight) {color: #71831D;}*/ #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 {padding: 10px 15px; width: 70%; max-height: 50px; overflow: hidden;} #article-list .article-entry .ae-content .ae-phone-header .ae-header-icon {background: #DB2B2B url(/img/magazine/arrows.png) no-repeat -6px center; width: 26px; height: 26px; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%;} #article-list .article-entry .ae-content .ae-phone-header.highlight .ae-header-icon {background: #FFFFFF url(/img/magazine/arrows.png) no-repeat 10px center;} #article-list .article-entry img {display: none; visibility: hidden; height: 0px;} #article-list .article-entry .ae-image {height: 330px; position: relative; background-size: cover; background-position: center center; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;} #article-list .article-entry:hover .ae-image {position: relative; background-size: cover; background-position: center center; -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -ms-transform:scale(1.2); -o-transform:scale(1.2);} #article-list .article-entry .ae-date {background: #FFFFFF; color: #6B6662; font: normal 12px 'Verdana', sans-serif; opacity: 0.7; border: 1px solid #CACEDB; padding: 3px 5px; position: absolute; right: 4px; top: 4px;} #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: 261px; overflow: hidden;} #article-list .article-entry .ae-infos .ae-infos-bg {background: #E7ECED; position: absolute; width: 100%; height: 100%;} #article-list .article-entry .ae-infos.highlight .ae-infos-bg {background: #B81F1F;} #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 20px 12px 20px; font-weight: 600; text-transform: uppercase; color: #DB2B2B;} #article-list .article-entry.simple .ae-infos-content .ae-infos-texts .ae-title {font-size: 17px;} #article-list .article-entry.big .ae-infos-content .ae-infos-texts .ae-title {font-size: 20px; color: #DB2B2B;} #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 20px; color: #9BA4AC; font-size: 14px; font-family: 'Verdana', sans-serif; max-height: 0px; -webkit-transition: max-height 0.3s ease-in-out; -moz-transition: max-height 0.3s ease-in-out; -ms-transition: max-height 0.3s ease-in-out; -o-transition: max-height 0.3s ease-in-out; transition: max-height 0.3s ease-in-out;} #article-list .article-entry:hover .ae-infos-content .ae-short-text {max-height: 210px;} #article-list .article-entry .ae-infos-content .ae-infos-button {text-align: center; max-height: 0px; -webkit-transition: max-height 0.3s ease-in-out; -moz-transition: max-height 0.3s ease-in-out; -ms-transition: max-height 0.3s ease-in-out; -o-transition: max-height 0.3s ease-in-out; transition: max-height 0.3s ease-in-out;} #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; font-family: 'Open Sans', sans-serif; font-weight: 600; font-size: 13px; text-align: center; border:none; background: #DB2B2B; color: #FFFFFF; padding: 11px 16px; margin: 16px 0px 15px 0px; text-transform: uppercase; filter: alpha(opacity=0); opacity: 0.0; -webkit-transition: opacity 0.2s ease-out; -moz-transition: opacity 0.2s ease-out; -ms-transition: opacity 0.2s ease-out; -o-transition: opacity 0.2s ease-out; transition: opacity 0.2s ease-out;} #article-list .article-entry .ae-infos.highlight .ae-infos-button > button {background: #FFFFFF; color: #DB2B2B;} #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: #7D726A !important; 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: #B81F1F; color: #FFFFFF !important; border: 1px solid #B81F1F;} .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-social-media-comments, #author-page #author-personal-data, #author-page #author-comment {position: relative;} #article-page #article-footer #article-gallery {display: inline-block; margin-top: 25px; width: 100%;} /* --- Buttons --- */ #article-page .article-button, #article-page .back-button, #article-page .back-to-overview-button, #author-page .article-button, #author-page .back-button, #author-page .back-to-overview-button {text-decoration: none; font-weight: 600; font-size: 13px; text-align: center; border:none; text-transform: uppercase; background-color: #DB2B2B; color: #FFFFFF; padding: 11px 16px; margin: 16px 0px 15px 0px;} #article-page .back-button, #author-page .back-button {padding: 17px 16px 16px 16px;} #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: -30px center; display: none;} #article-page .article-button:hover, #article-page .back-button:hover, #article-page .back-to-overview-button:hover, #author-page .article-button:hover, #author-page .back-button:hover, #author-page .back-to-overview-button:hover {cursor: pointer; background-color: #B81F1F;} /* --- Page header --- */ #article-page #article-header {height: 350px; 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 center;} #article-page #article-header .header-element .header-image img {display: none; visibility: hidden; height: 0px;} #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: #DB2B2B 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, #article-main #main-footer, #article-footer #article-documents {padding-bottom: 30px; border-bottom: 1px solid #E9EAED;} #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 #author-name {color: #DB2B2B; font-weight: 700;} #article-main #main-header #article-author #author-create-info #article-date {color: #7D726A; font-weight: 600;} #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;} #article-main #main-header #article-author #author-photo > img {display: none;} #article-main h1, #author-page #author-personal-data h1 {padding-left: 0px; padding-right: 0px;} /* --- Page main content --- */ #article-main #main-content {margin-top: 30px;} /*#article-main #main-content #article-text {font-family: 'Verdana', sans-serif; font-size: 15px; color: #4C3326;}*/ #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 {font-family: 'Open Sans', sans-serif; font-weight: 600; color: #71831D; font-size: 18px; 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;*/} #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 {color: #444444; font-size: 18px; font-family: 'Open Sans', sans-serif; font-weight: 600; margin: 30px 0px 10px 0px; text-transform: none;}*/ #article-page #article-footer h2 {color: #DB2B2B; margin: 50px 0px 20px 0px; padding-left: 0px; padding-right: 0px; line-height: 1em;} #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%;} /* --- 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: #DB2B2B !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;} /*---------------------------------------------- Author Page --------------------------------------------*/ #author-page {background: #FFFFFF; padding: 20px 0px;} #author-personal-data, #author-comment {display: block !important;} #author-personal-data {border-bottom: 1px solid #B4ACA7; 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%;} #author-personal-data #author-infos h1 {margin-top: 0px; line-height: 1em; padding-left: 50px; letter-spacing: 1px; font-size: 32px;} #author-personal-data #author-infos .author-info-row {margin: 0px; font-family: 'Open Sans', sans-serif; font-weight: 600; padding-left: 50px; 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: #DB2B2B;} #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; display: inline-block !important; width: auto !important;} .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; padding-left: 0px !important; padding-right: 0px !important; letter-spacing: 2px !important;} .no-search-results .nsr-content, .page-not-found .pnf-content {font-weight: normal;} .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 ---------------------------------------------*/ /* --- Tablet (level #1) --- */ @media only screen and (max-width: 950px) { #article-list .article-entry .ae-image {height: 230px}; #article-list .article-entry:hover .ae-infos {max-height: 230px;} #article-list .article-entry .ae-infos .ae-infos-texts {max-height: 161px;} #article-list .article-entry:hover .ae-infos-content .ae-short-text {max-height: 110px;} #article-main #main-header #article-title, #article-main #main-header #article-author {width: 100%;} #author-page #author-personal-data a {height: 200px;} #article-filter {text-align: center;} #article-filter .filter-select, #article-filter .filter-input-text {width: 98% !important; margin: 0px 0px 15px 0px !important;} #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-filter .filter-input-text input {padding-left: 1%;} #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-footer h2 {font-size: 22px;} #article-main #main-content ul {display: block;} #article-footer #article-gallery a.gallery-element {width: 49.5% !important; margin: 1% 1% 0% 0% !important;} #article-footer #article-gallery a.gallery-element:nth-child(2n) {margin-right: 0% !important;} #author-page #author-personal-data h1, #author-personal-data #author-infos .author-info-row {padding-left: 25px;} } /* --- Phone (level #2) --- */ @media only screen and (max-width: 630px) { #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%;} #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;} #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-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;} #article-footer #article-gallery a.gallery-element {margin: 0px !important;} #article-footer h2 {font-size: 18px;} #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;} .page-not-found .pnf-main-title, .no-search-results .nsr-title {letter-spacing: 5px !important;} }