/* AUTHOR */


@font-face { font-family: FontAwesome; src: url(/fonts/font-awesome/fonts/fontawesome-webfont.eot?v=4.3.0); src: url(/fonts/font-awesome/fonts/fontawesome-webfont.eot?#iefix&v=4.3.0) format("embedded-opentype") , url(/fonts/font-awesome/fonts/fontawesome-webfont.woff2?v=4.3.0) format("woff2") , url(/fonts/font-awesome/fonts/fontawesome-webfont.woff?v=4.3.0) format("woff") , url(/fonts/font-awesome/fonts/fontawesome-webfont.ttf?v=4.3.0) format("truetype") , url(/fonts/font-awesome/fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular) format("svg"); font-weight: 400; font-style: normal }
@font-face { font-family: "Open Sans Condensed"; src: url(/fonts/open-sans/OpenSans-CondBold-webfont.eot); src: url(/fonts/open-sans/OpenSans-CondBold-webfont.eot?#iefix) format("embedded-opentype") , url(/fonts/open-sans/OpenSans-CondBold-webfont.woff) format("woff") , url(/fonts/open-sans/OpenSans-CondBold-webfont.ttf) format("truetype") , url(/fonts/open-sans/OpenSans-CondBold-webfont.svg#OpenSansCondensedBold) format("svg"); font-weight: 700; font-style: normal }
.fa {display: inline-block; font: 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0)}
.fa-lg {font-size: 1.33333em; line-height: 0.75em; vertical-align: -15%}
.fa-2x {font-size: 2em}
.fa-3x {font-size: 3em}
.fa-4x {font-size: 4em}
.fa-5x {font-size: 5em}
.fa-fw {width: 1.28571em; text-align: center}
.fa-ul {padding-left: 0; margin-left: 2.14286em; list-style-type: none}
.fa-ul > li {position: relative}
.fa-li {position: absolute; left: -2.14286em; width: 2.14286em; top: 0.142857em; text-align: center}
.fa-li.fa-lg {left: -1.85714em}
.fa-border {padding: 0.2em 0.25em 0.15em; border: solid 0.08em #eeeeee; border-radius: 0.1em}
.pull-right {float: right}
.pull-left {float: left}
.fa.pull-left {margin-right: 0.3em}
.fa.pull-right {margin-left: 0.3em}
.fa-spin {-webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear}
.fa-pulse {-webkit-animation: fa-spin 1s infinite steps(8); animation: fa-spin 1s infinite steps(8)}
.fa-rotate-90 {-webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg)}
.fa-rotate-180 {-webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg)}
.fa-rotate-270 {-webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg)}
.fa-flip-horizontal {-webkit-transform: scale(-1, 1); -ms-transform: scale(-1, 1); transform: scale(-1, 1)}
.fa-flip-vertical {-webkit-transform: scale(1, -1); -ms-transform: scale(1, -1); transform: scale(1, -1)}
:root .fa-flip-horizontal, :root .fa-flip-vertical, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-rotate-90 {-webkit-filter: none; filter: none}
.fa-stack {position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: middle}
.fa-stack-1x, .fa-stack-2x {position: absolute; left: 0; width: 100%; text-align: center}
.fa-stack-1x {line-height: inherit}
.fa-stack-2x {font-size: 2em}
.fa-inverse {color: #ffffff}
.fa-glass:before {content: ""}
.fa-music:before {content: ""}
.fa-search:before {content: ""}
.fa-envelope-o:before {content: ""}
.fa-heart:before {content: ""}
.fa-star:before {content: ""}
.fa-star-o:before {content: ""}
.fa-user:before {content: ""}
.fa-film:before {content: ""}
.fa-th-large:before {content: ""}
.fa-th:before {content: ""}
.fa-th-list:before {content: ""}
.fa-check:before {content: ""}
.fa-close:before, .fa-remove:before, .fa-times:before {content: ""}
.fa-search-plus:before {content: ""}
.fa-search-minus:before {content: ""}
.fa-power-off:before {content: ""}
.fa-signal:before {content: ""}
.fa-cog:before, .fa-gear:before {content: ""}
.fa-trash-o:before {content: ""}
.fa-home:before {content: ""}
.fa-file-o:before {content: ""}
.fa-clock-o:before {content: ""}
.fa-road:before {content: ""}
.fa-download:before {content: ""}
.fa-arrow-circle-o-down:before {content: ""}
.fa-arrow-circle-o-up:before {content: ""}
.fa-inbox:before {content: ""}
.fa-play-circle-o:before {content: ""}
.fa-repeat:before, .fa-rotate-right:before {content: ""}
.fa-refresh:before {content: ""}
.fa-list-alt:before {content: ""}
.fa-lock:before {content: ""}
.fa-flag:before {content: ""}
.fa-headphones:before {content: ""}
.fa-volume-off:before {content: ""}
.fa-volume-down:before {content: ""}
.fa-volume-up:before {content: ""}
.fa-qrcode:before {content: ""}
.fa-barcode:before {content: ""}
.fa-tag:before {content: ""}
.fa-tags:before {content: ""}
.fa-book:before {content: ""}
.fa-bookmark:before {content: ""}
.fa-print:before {content: ""}
.fa-camera:before {content: ""}
.fa-font:before {content: ""}
.fa-bold:before {content: ""}
.fa-italic:before {content: ""}
.fa-text-height:before {content: ""}
.fa-text-width:before {content: ""}
.fa-align-left:before {content: ""}
.fa-align-center:before {content: ""}
.fa-align-right:before {content: ""}
.fa-align-justify:before {content: ""}
.fa-list:before {content: ""}
.fa-dedent:before, .fa-outdent:before {content: ""}
.fa-indent:before {content: ""}
.fa-video-camera:before {content: ""}
.fa-image:before, .fa-photo:before, .fa-picture-o:before {content: ""}
.fa-pencil:before {content: ""}
.fa-map-marker:before {content: ""}
.fa-adjust:before {content: ""}
.fa-tint:before {content: ""}
.fa-edit:before, .fa-pencil-square-o:before {content: ""}
.fa-share-square-o:before {content: ""}
.fa-check-square-o:before {content: ""}
.fa-arrows:before {content: ""}
.fa-step-backward:before {content: ""}
.fa-fast-backward:before {content: ""}
.fa-backward:before {content: ""}
.fa-play:before {content: ""}
.fa-pause:before {content: ""}
.fa-stop:before {content: ""}
.fa-forward:before {content: ""}
.fa-fast-forward:before {content: ""}
.fa-step-forward:before {content: ""}
.fa-eject:before {content: ""}
.fa-chevron-left:before {content: ""}
.fa-chevron-right:before {content: ""}
.fa-plus-circle:before {content: ""}
.fa-minus-circle:before {content: ""}
.fa-times-circle:before {content: ""}
.fa-check-circle:before {content: ""}
.fa-question-circle:before {content: ""}
.fa-info-circle:before {content: ""}
.fa-crosshairs:before {content: ""}
.fa-times-circle-o:before {content: ""}
.fa-check-circle-o:before {content: ""}
.fa-ban:before {content: ""}
.fa-arrow-left:before {content: ""}
.fa-arrow-right:before {content: ""}
.fa-arrow-up:before {content: ""}
.fa-arrow-down:before {content: ""}
.fa-mail-forward:before, .fa-share:before {content: ""}
.fa-expand:before {content: ""}
.fa-compress:before {content: ""}
.fa-plus:before {content: ""}
.fa-minus:before {content: ""}
.fa-asterisk:before {content: ""}
.fa-exclamation-circle:before {content: ""}
.fa-gift:before {content: ""}
.fa-leaf:before {content: ""}
.fa-fire:before {content: ""}
.fa-eye:before {content: ""}
.fa-eye-slash:before {content: ""}
.fa-exclamation-triangle:before, .fa-warning:before {content: ""}
.fa-plane:before {content: ""}
.fa-calendar:before {content: ""}
.fa-random:before {content: ""}
.fa-comment:before {content: ""}
.fa-magnet:before {content: ""}
.fa-chevron-up:before {content: ""}
.fa-chevron-down:before {content: ""}
.fa-retweet:before {content: ""}
.fa-shopping-cart:before {content: ""}
.fa-folder:before {content: ""}
.fa-folder-open:before {content: ""}
.fa-arrows-v:before {content: ""}
.fa-arrows-h:before {content: ""}
.fa-bar-chart-o:before, .fa-bar-chart:before {content: ""}
.fa-twitter-square:before {content: ""}
.fa-facebook-square:before {content: ""}
.fa-camera-retro:before {content: ""}
.fa-key:before {content: ""}
.fa-cogs:before, .fa-gears:before {content: ""}
.fa-comments:before {content: ""}
.fa-thumbs-o-up:before {content: ""}
.fa-thumbs-o-down:before {content: ""}
.fa-star-half:before {content: ""}
.fa-heart-o:before {content: ""}
.fa-sign-out:before {content: ""}
.fa-linkedin-square:before {content: ""}
.fa-thumb-tack:before {content: ""}
.fa-external-link:before {content: ""}
.fa-sign-in:before {content: ""}
.fa-trophy:before {content: ""}
.fa-github-square:before {content: ""}
.fa-upload:before {content: ""}
.fa-lemon-o:before {content: ""}
.fa-phone:before {content: ""}
.fa-square-o:before {content: ""}
.fa-bookmark-o:before {content: ""}
.fa-phone-square:before {content: ""}
.fa-twitter:before {content: ""}
.fa-facebook-f:before, .fa-facebook:before {content: ""}
.fa-github:before {content: ""}
.fa-unlock:before {content: ""}
.fa-credit-card:before {content: ""}
.fa-rss:before {content: ""}
.fa-hdd-o:before {content: ""}
.fa-bullhorn:before {content: ""}
.fa-bell:before {content: ""}
.fa-certificate:before {content: ""}
.fa-hand-o-right:before {content: ""}
.fa-hand-o-left:before {content: ""}
.fa-hand-o-up:before {content: ""}
.fa-hand-o-down:before {content: ""}
.fa-arrow-circle-left:before {content: ""}
.fa-arrow-circle-right:before {content: ""}
.fa-arrow-circle-up:before {content: ""}
.fa-arrow-circle-down:before {content: ""}
.fa-globe:before {content: ""}
.fa-wrench:before {content: ""}
.fa-tasks:before {content: ""}
.fa-filter:before {content: ""}
.fa-briefcase:before {content: ""}
.fa-arrows-alt:before {content: ""}
.fa-group:before, .fa-users:before {content: ""}
.fa-chain:before, .fa-link:before {content: ""}
.fa-cloud:before {content: ""}
.fa-flask:before {content: ""}
.fa-cut:before, .fa-scissors:before {content: ""}
.fa-copy:before, .fa-files-o:before {content: ""}
.fa-paperclip:before {content: ""}
.fa-floppy-o:before, .fa-save:before {content: ""}
.fa-square:before {content: ""}
.fa-bars:before, .fa-navicon:before, .fa-reorder:before {content: ""}
.fa-list-ul:before {content: ""}
.fa-list-ol:before {content: ""}
.fa-strikethrough:before {content: ""}
.fa-underline:before {content: ""}
.fa-table:before {content: ""}
.fa-magic:before {content: ""}
.fa-truck:before {content: ""}
.fa-pinterest:before {content: ""}
.fa-pinterest-square:before {content: ""}
.fa-google-plus-square:before {content: ""}
.fa-google-plus:before {content: ""}
.fa-money:before {content: ""}
.fa-caret-down:before {content: ""}
.fa-caret-up:before {content: ""}
.fa-caret-left:before {content: ""}
.fa-caret-right:before {content: ""}
.fa-columns:before {content: ""}
.fa-sort:before, .fa-unsorted:before {content: ""}
.fa-sort-desc:before, .fa-sort-down:before {content: ""}
.fa-sort-asc:before, .fa-sort-up:before {content: ""}
.fa-envelope:before {content: ""}
.fa-linkedin:before {content: ""}
.fa-rotate-left:before, .fa-undo:before {content: ""}
.fa-gavel:before, .fa-legal:before {content: ""}
.fa-dashboard:before, .fa-tachometer:before {content: ""}
.fa-comment-o:before {content: ""}
.fa-comments-o:before {content: ""}
.fa-bolt:before, .fa-flash:before {content: ""}
.fa-sitemap:before {content: ""}
.fa-umbrella:before {content: ""}
.fa-clipboard:before, .fa-paste:before {content: ""}
.fa-lightbulb-o:before {content: ""}
.fa-exchange:before {content: ""}
.fa-cloud-download:before {content: ""}
.fa-cloud-upload:before {content: ""}
.fa-user-md:before {content: ""}
.fa-stethoscope:before {content: ""}
.fa-suitcase:before {content: ""}
.fa-bell-o:before {content: ""}
.fa-coffee:before {content: ""}
.fa-cutlery:before {content: ""}
.fa-file-text-o:before {content: ""}
.fa-building-o:before {content: ""}
.fa-hospital-o:before {content: ""}
.fa-ambulance:before {content: ""}
.fa-medkit:before {content: ""}
.fa-fighter-jet:before {content: ""}
.fa-beer:before {content: ""}
.fa-h-square:before {content: ""}
.fa-plus-square:before {content: ""}
.fa-angle-double-left:before {content: ""}
.fa-angle-double-right:before {content: ""}
.fa-angle-double-up:before {content: ""}
.fa-angle-double-down:before {content: ""}
.fa-angle-left:before {content: ""}
.fa-angle-right:before {content: ""}
.fa-angle-up:before {content: ""}
.fa-angle-down:before {content: ""}
.fa-desktop:before {content: ""}
.fa-laptop:before {content: ""}
.fa-tablet:before {content: ""}
.fa-mobile-phone:before, .fa-mobile:before {content: ""}
.fa-circle-o:before {content: ""}
.fa-quote-left:before {content: ""}
.fa-quote-right:before {content: ""}
.fa-spinner:before {content: ""}
.fa-circle:before {content: ""}
.fa-mail-reply:before, .fa-reply:before {content: ""}
.fa-github-alt:before {content: ""}
.fa-folder-o:before {content: ""}
.fa-folder-open-o:before {content: ""}
.fa-smile-o:before {content: ""}
.fa-frown-o:before {content: ""}
.fa-meh-o:before {content: ""}
.fa-gamepad:before {content: ""}
.fa-keyboard-o:before {content: ""}
.fa-flag-o:before {content: ""}
.fa-flag-checkered:before {content: ""}
.fa-terminal:before {content: ""}
.fa-code:before {content: ""}
.fa-mail-reply-all:before, .fa-reply-all:before {content: ""}
.fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before {content: ""}
.fa-location-arrow:before {content: ""}
.fa-crop:before {content: ""}
.fa-code-fork:before {content: ""}
.fa-chain-broken:before, .fa-unlink:before {content: ""}
.fa-question:before {content: ""}
.fa-info:before {content: ""}
.fa-exclamation:before {content: ""}
.fa-superscript:before {content: ""}
.fa-subscript:before {content: ""}
.fa-eraser:before {content: ""}
.fa-puzzle-piece:before {content: ""}
.fa-microphone:before {content: ""}
.fa-microphone-slash:before {content: ""}
.fa-shield:before {content: ""}
.fa-calendar-o:before {content: ""}
.fa-fire-extinguisher:before {content: ""}
.fa-rocket:before {content: ""}
.fa-maxcdn:before {content: ""}
.fa-chevron-circle-left:before {content: ""}
.fa-chevron-circle-right:before {content: ""}
.fa-chevron-circle-up:before {content: ""}
.fa-chevron-circle-down:before {content: ""}
.fa-html5:before {content: ""}
.fa-css3:before {content: ""}
.fa-anchor:before {content: ""}
.fa-unlock-alt:before {content: ""}
.fa-bullseye:before {content: ""}
.fa-ellipsis-h:before {content: ""}
.fa-ellipsis-v:before {content: ""}
.fa-rss-square:before {content: ""}
.fa-play-circle:before {content: ""}
.fa-ticket:before {content: ""}
.fa-minus-square:before {content: ""}
.fa-minus-square-o:before {content: ""}
.fa-level-up:before {content: ""}
.fa-level-down:before {content: ""}
.fa-check-square:before {content: ""}
.fa-pencil-square:before {content: ""}
.fa-external-link-square:before {content: ""}
.fa-share-square:before {content: ""}
.fa-compass:before {content: ""}
.fa-caret-square-o-down:before, .fa-toggle-down:before {content: ""}
.fa-caret-square-o-up:before, .fa-toggle-up:before {content: ""}
.fa-caret-square-o-right:before, .fa-toggle-right:before {content: ""}
.fa-eur:before, .fa-euro:before {content: ""}
.fa-gbp:before {content: ""}
.fa-dollar:before, .fa-usd:before {content: ""}
.fa-inr:before, .fa-rupee:before {content: ""}
.fa-cny:before, .fa-jpy:before, .fa-rmb:before, .fa-yen:before {content: ""}
.fa-rouble:before, .fa-rub:before, .fa-ruble:before {content: ""}
.fa-krw:before, .fa-won:before {content: ""}
.fa-bitcoin:before, .fa-btc:before {content: ""}
.fa-file:before {content: ""}
.fa-file-text:before {content: ""}
.fa-sort-alpha-asc:before {content: ""}
.fa-sort-alpha-desc:before {content: ""}
.fa-sort-amount-asc:before {content: ""}
.fa-sort-amount-desc:before {content: ""}
.fa-sort-numeric-asc:before {content: ""}
.fa-sort-numeric-desc:before {content: ""}
.fa-thumbs-up:before {content: ""}
.fa-thumbs-down:before {content: ""}
.fa-youtube-square:before {content: ""}
.fa-youtube:before {content: ""}
.fa-xing:before {content: ""}
.fa-xing-square:before {content: ""}
.fa-youtube-play:before {content: ""}
.fa-dropbox:before {content: ""}
.fa-stack-overflow:before {content: ""}
.fa-instagram:before {content: ""}
.fa-flickr:before {content: ""}
.fa-adn:before {content: ""}
.fa-bitbucket:before {content: ""}
.fa-bitbucket-square:before {content: ""}
.fa-tumblr:before {content: ""}
.fa-tumblr-square:before {content: ""}
.fa-long-arrow-down:before {content: ""}
.fa-long-arrow-up:before {content: ""}
.fa-long-arrow-left:before {content: ""}
.fa-long-arrow-right:before {content: ""}
.fa-apple:before {content: ""}
.fa-windows:before {content: ""}
.fa-android:before {content: ""}
.fa-linux:before {content: ""}
.fa-dribbble:before {content: ""}
.fa-skype:before {content: ""}
.fa-foursquare:before {content: ""}
.fa-trello:before {content: ""}
.fa-female:before {content: ""}
.fa-male:before {content: ""}
.fa-gittip:before, .fa-gratipay:before {content: ""}
.fa-sun-o:before {content: ""}
.fa-moon-o:before {content: ""}
.fa-archive:before {content: ""}
.fa-bug:before {content: ""}
.fa-vk:before {content: ""}
.fa-weibo:before {content: ""}
.fa-renren:before {content: ""}
.fa-pagelines:before {content: ""}
.fa-stack-exchange:before {content: ""}
.fa-arrow-circle-o-right:before {content: ""}
.fa-arrow-circle-o-left:before {content: ""}
.fa-caret-square-o-left:before, .fa-toggle-left:before {content: ""}
.fa-dot-circle-o:before {content: ""}
.fa-wheelchair:before {content: ""}
.fa-vimeo-square:before {content: ""}
.fa-try:before, .fa-turkish-lira:before {content: ""}
.fa-plus-square-o:before {content: ""}
.fa-space-shuttle:before {content: ""}
.fa-slack:before {content: ""}
.fa-envelope-square:before {content: ""}
.fa-wordpress:before {content: ""}
.fa-openid:before {content: ""}
.fa-bank:before, .fa-institution:before, .fa-university:before {content: ""}
.fa-graduation-cap:before, .fa-mortar-board:before {content: ""}
.fa-yahoo:before {content: ""}
.fa-google:before {content: ""}
.fa-reddit:before {content: ""}
.fa-reddit-square:before {content: ""}
.fa-stumbleupon-circle:before {content: ""}
.fa-stumbleupon:before {content: ""}
.fa-delicious:before {content: ""}
.fa-digg:before {content: ""}
.fa-pied-piper:before {content: ""}
.fa-pied-piper-alt:before {content: ""}
.fa-drupal:before {content: ""}
.fa-joomla:before {content: ""}
.fa-language:before {content: ""}
.fa-fax:before {content: ""}
.fa-building:before {content: ""}
.fa-child:before {content: ""}
.fa-paw:before {content: ""}
.fa-spoon:before {content: ""}
.fa-cube:before {content: ""}
.fa-cubes:before {content: ""}
.fa-behance:before {content: ""}
.fa-behance-square:before {content: ""}
.fa-steam:before {content: ""}
.fa-steam-square:before {content: ""}
.fa-recycle:before {content: ""}
.fa-automobile:before, .fa-car:before {content: ""}
.fa-cab:before, .fa-taxi:before {content: ""}
.fa-tree:before {content: ""}
.fa-spotify:before {content: ""}
.fa-deviantart:before {content: ""}
.fa-soundcloud:before {content: ""}
.fa-database:before {content: ""}
.fa-file-pdf-o:before {content: ""}
.fa-file-word-o:before {content: ""}
.fa-file-excel-o:before {content: ""}
.fa-file-powerpoint-o:before {content: ""}
.fa-file-image-o:before, .fa-file-photo-o:before, .fa-file-picture-o:before {content: ""}
.fa-file-archive-o:before, .fa-file-zip-o:before {content: ""}
.fa-file-audio-o:before, .fa-file-sound-o:before {content: ""}
.fa-file-movie-o:before, .fa-file-video-o:before {content: ""}
.fa-file-code-o:before {content: ""}
.fa-vine:before {content: ""}
.fa-codepen:before {content: ""}
.fa-jsfiddle:before {content: ""}
.fa-life-bouy:before, .fa-life-buoy:before, .fa-life-ring:before, .fa-life-saver:before, .fa-support:before {content: ""}
.fa-circle-o-notch:before {content: ""}
.fa-ra:before, .fa-rebel:before {content: ""}
.fa-empire:before, .fa-ge:before {content: ""}
.fa-git-square:before {content: ""}
.fa-git:before {content: ""}
.fa-hacker-news:before {content: ""}
.fa-tencent-weibo:before {content: ""}
.fa-qq:before {content: ""}
.fa-wechat:before, .fa-weixin:before {content: ""}
.fa-paper-plane:before, .fa-send:before {content: ""}
.fa-paper-plane-o:before, .fa-send-o:before {content: ""}
.fa-history:before {content: ""}
.fa-circle-thin:before, .fa-genderless:before {content: ""}
.fa-header:before {content: ""}
.fa-paragraph:before {content: ""}
.fa-sliders:before {content: ""}
.fa-share-alt:before {content: ""}
.fa-share-alt-square:before {content: ""}
.fa-bomb:before {content: ""}
.fa-futbol-o:before, .fa-soccer-ball-o:before {content: ""}
.fa-tty:before {content: ""}
.fa-binoculars:before {content: ""}
.fa-plug:before {content: ""}
.fa-slideshare:before {content: ""}
.fa-twitch:before {content: ""}
.fa-yelp:before {content: ""}
.fa-newspaper-o:before {content: ""}
.fa-wifi:before {content: ""}
.fa-calculator:before {content: ""}
.fa-paypal:before {content: ""}
.fa-google-wallet:before {content: ""}
.fa-cc-visa:before {content: ""}
.fa-cc-mastercard:before {content: ""}
.fa-cc-discover:before {content: ""}
.fa-cc-amex:before {content: ""}
.fa-cc-paypal:before {content: ""}
.fa-cc-stripe:before {content: ""}
.fa-bell-slash:before {content: ""}
.fa-bell-slash-o:before {content: ""}
.fa-trash:before {content: ""}
.fa-copyright:before {content: ""}
.fa-at:before {content: ""}
.fa-eyedropper:before {content: ""}
.fa-paint-brush:before {content: ""}
.fa-birthday-cake:before {content: ""}
.fa-area-chart:before {content: ""}
.fa-pie-chart:before {content: ""}
.fa-line-chart:before {content: ""}
.fa-lastfm:before {content: ""}
.fa-lastfm-square:before {content: ""}
.fa-toggle-off:before {content: ""}
.fa-toggle-on:before {content: ""}
.fa-bicycle:before {content: ""}
.fa-bus:before {content: ""}
.fa-ioxhost:before {content: ""}
.fa-angellist:before {content: ""}
.fa-cc:before {content: ""}
.fa-ils:before, .fa-shekel:before, .fa-sheqel:before {content: ""}
.fa-meanpath:before {content: ""}
.fa-buysellads:before {content: ""}
.fa-connectdevelop:before {content: ""}
.fa-dashcube:before {content: ""}
.fa-forumbee:before {content: ""}
.fa-leanpub:before {content: ""}
.fa-sellsy:before {content: ""}
.fa-shirtsinbulk:before {content: ""}
.fa-simplybuilt:before {content: ""}
.fa-skyatlas:before {content: ""}
.fa-cart-plus:before {content: ""}
.fa-cart-arrow-down:before {content: ""}
.fa-diamond:before {content: ""}
.fa-ship:before {content: ""}
.fa-user-secret:before {content: ""}
.fa-motorcycle:before {content: ""}
.fa-street-view:before {content: ""}
.fa-heartbeat:before {content: ""}
.fa-venus:before {content: ""}
.fa-mars:before {content: ""}
.fa-mercury:before {content: ""}
.fa-transgender:before {content: ""}
.fa-transgender-alt:before {content: ""}
.fa-venus-double:before {content: ""}
.fa-mars-double:before {content: ""}
.fa-venus-mars:before {content: ""}
.fa-mars-stroke:before {content: ""}
.fa-mars-stroke-v:before {content: ""}
.fa-mars-stroke-h:before {content: ""}
.fa-neuter:before {content: ""}
.fa-facebook-official:before {content: ""}
.fa-pinterest-p:before {content: ""}
.fa-whatsapp:before {content: ""}
.fa-server:before {content: ""}
.fa-user-plus:before {content: ""}
.fa-user-times:before {content: ""}
.fa-bed:before, .fa-hotel:before {content: ""}
.fa-viacoin:before {content: ""}
.fa-train:before {content: ""}
.fa-subway:before {content: ""}
.fa-medium:before {content: ""}
.app.android p {line-height: 1.5; font-size: 110%}
.app.ios h1, .app.ios h2, .app.ios h3, .app.ios h4, .app.ios h5 {font-family: HelveticaNeue-CondensedBold}
.app article {max-width: inherit}
.app article h1 {}
.app article h2 {}
.app article .toc dl dt {}
.app article .toc dl dd {}
.app article .author, .app article time {line-height: 1.6}
.app article li, .app article p {line-height: 1.4}
.app article ol li, .app article ul li {}
.app article ol {list-style-type: decimal; list-style-position: inside}
.app article ul {list-style-type: disc; list-style-position: inside}
.app article figcaption p, .app article figcaption p.caption, .app article span.bildunterschrift {line-height: 1.125}
.app article .meinung_links, .app article .meinung_rechts {}
.app article .bild_links, .app article .bild_rechts, .app article .bild_zentriert {line-height: 1.4; margin: 10px 0}
.app article .bild_links img, .app article .bild_rechts img, .app article .bild_zentriert img {width: inherit; max-width: 100%; height: auto}
.app article .bild_links .source, .app article .bild_rechts .source, .app article .bild_zentriert .source {font-size: inherit}
.app article .bild_links .bildunterschrift, .app article .bild_links .source, .app article .bild_rechts .bildunterschrift, .app article .bild_rechts .source, .app article .bild_zentriert .bildunterschrift, .app article .bild_zentriert .source {margin: inherit}
.app article figure img {width: inherit; max-width: 100%; height: auto}
.app article figure figcaption {margin: 0}
.app article table#datenblatt tr td, .app article table#datenblatt tr th, .app article table#preisliste tr td, .app article table#preisliste tr th {}
.app article .player .video_titel {}
.app article .bilderstrecke_vorschau {margin: 20px 0}
.app article .bilderstrecke_vorschau * {box-sizing: border-box; -webkit-box-sizing: border-box}
.app article .bilderstrecke_vorschau .bilder a img {max-width: 100%; height: auto}
.app article .bilderstrecke_vorschau figure {border-bottom-width: 0}
.app article .bilderstrecke_vorschau .bilder a, .app article .bilderstrecke_vorschau figure img {display: inline-block !important; max-width: 32%; height: auto}
.app article .bilderstrecke_vorschau header {}
.app article .bilderstrecke_vorschau figure figcaption, .app article .bilderstrecke_vorschau h4, .app article .bilderstrecke_vorschau header, .app article .bilderstrecke_vorschau > p {margin: 0 0 14px}
.app article .portrait .tabellen .figcaption {line-height: 1}
.app #zsdb-article-videos, .app #zsdb_article_sections {display: none}
html {-webkit-text-size-adjust: none}
body, html {zoom: 1; margin: 0; padding: 0; font-family: Roboto,"Droid Sans",Helvetica,Arial,Verdana,sans-serif; background-color: #ffffff}
ol, ul {list-style-type: none; padding: 0; margin: 0}
.clear {clear: both}
a {text-decoration: none; color: #1982d1}
a:visited, a:visited h2 {color: #787878}
a img {border-width: 0}
.toc dl {padding: 0}
.toc dl dt {font: 700 20px/1 "Open Sans Condensed",sans-serif; color: #000000; margin-bottom: 10px}
.toc dl dd {padding: 0; margin: 0; font: 700 14px/20px "Open Sans Condensed",sans-serif; color: #999999}
article {padding: 16px; max-width: 600px; margin: 0 auto}
article .author, article time {color: #444444; font-size: 12px; line-height: 26px !important; float: left; margin-right: 10px}
article .author {font-weight: 700; color: #000000}
article .comments {position: relative; top: 5px}
article h1 {font: 700 1.25em/1.2 "Open Sans Condensed",sans-serif; margin: 1em 0 0.7em; clear: both}
article h2 {font: 700 1em/1.2 "Open Sans Condensed",sans-serif; color: #787878; margin: 0 0 1em; clear: both}
article h5 {font-size: 1em; margin: 1em 0 0.8em}
article h1 + p, article h2 + p {margin-top: 0}
article .zitat, article li, article p {line-height: 1.4}
article .zitat {font-style: italic}
article ol li, article ul li {}
article ol {list-style-type: decimal; list-style-position: inside}
article ul {list-style-type: disc; list-style-position: inside}
article p {margin: 0.8em 0}
article p.indent {padding: 0 16px}
article p:last-child {margin-bottom: 0}
article p.lead_text {font-weight: 700; color: #666666}
article p.zu {font-weight: 700}
article p:last-of-type > span:last-of-type {display: inline-block; margin-left: 5px}
article > img {max-width: 100%; margin: 0 -16px}
article .vimeo-video-container, article .yt-video-container {position: relative; padding-bottom: 56%; height: 0; margin-top: 30px}
article .vimeo-video-container iframe, article .yt-video-container iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%}
article .yt-video-container + br {display: none; line-height: 1px}
article .heisebox, article .heisebox_center, article .heisebox_left, article .heisebox_right {border: 1px solid #a8b2c0; clear: both; margin: 10px 0}
article .heisebox h4, article .heisebox_center h4, article .heisebox_left h4, article .heisebox_right h4 {background-color: #e2edfb; border-bottom: 1px solid #a8b2c0; color: #3d526d; margin: 0; padding: 5px 10px}
article .heisebox p, article .heisebox_center p, article .heisebox_left p, article .heisebox_right p {margin: 10px}
article .heisebox ul, article .heisebox_center ul, article .heisebox_left ul, article .heisebox_right ul {margin-left: 10px; margin-right: 10px}
article .rz-div {margin-left: -16px; border-left: 5px solid #0095db; padding-left: 11px; font-style: italic}
article .rz-div p:first-child::before {content: "„"}
article .rz-div p:last-child::after {content: "“"}
article .rz-autor {font-size: 70%; font-weight: 700; font-style: normal}
article .iv-frage {font-weight: 700; color: #555555; border-top: 2px solid #dddddd; margin-top: 8px}
article .iv-antwort {margin-left: 20px}
article .iv-name {color: #004a6b; font-weight: 700}
article pre {overflow-x: scroll}
article ul {margin: 16px 0; padding: 0 20px; list-style-type: disc}
article ul li {margin: 0 0 5px}
article .meinung_links, article .meinung_rechts {width: 190px; padding: 5px; font-size: 12px; line-height: 1.3; background-color: #efefef; border: 1px solid #cccccc}
article .meinung_links + p, article .meinung_rechts + p {clear: none}
article figure[style] {width: auto !important}
article .bild_links, article .bild_rechts, article .bild_zentriert, article .box_left, article .box_right, article .image_links, article .image_rechts {font-size: 12px; line-height: 18px; display: block; margin: 10px -16px}
article .bild_links img, article .bild_rechts img, article .bild_zentriert img, article .box_left img, article .box_right img, article .image_links img, article .image_rechts img {max-width: 100%; display: block; margin: 0 0 3px}
article .bild_links .bildunterschrift, article .bild_links .figcaption, article .bild_links .source, article .bild_rechts .bildunterschrift, article .bild_rechts .figcaption, article .bild_rechts .source, article .bild_zentriert .bildunterschrift, article .bild_zentriert .figcaption, article .bild_zentriert .source, article .box_left .bildunterschrift, article .box_left .figcaption, article .box_left .source, article .box_right .bildunterschrift, article .box_right .figcaption, article .box_right .source, article .image_links .bildunterschrift, article .image_links .figcaption, article .image_links .source, article .image_rechts .bildunterschrift, article .image_rechts .figcaption, article .image_rechts .source {display: block}
article .bild_links .bildunterschrift, article .bild_rechts .bildunterschrift, article .bild_zentriert .bildunterschrift, article .box_left .bildunterschrift, article .box_right .bildunterschrift, article .image_links .bildunterschrift, article .image_rechts .bildunterschrift {margin-top: 5px}
article .bild_links .source, article .bild_rechts .source, article .bild_zentriert .source, article .box_left .source, article .box_right .source, article .image_links .source, article .image_rechts .source {font-size: 11px; color: #999999}
article .bild_links .linkurl_grossbild, article .bild_rechts .linkurl_grossbild, article .bild_zentriert .linkurl_grossbild, article .box_left .linkurl_grossbild, article .box_right .linkurl_grossbild, article .image_links .linkurl_grossbild, article .image_rechts .linkurl_grossbild {display: none}
article .bild_links .bildunterschrift + br, article .bild_links > a[href*="view=zoom"] + br, article .bild_rechts .bildunterschrift + br, article .bild_rechts > a[href*="view=zoom"] + br, article .bild_zentriert .bildunterschrift + br, article .bild_zentriert > a[href*="view=zoom"] + br, article .box_left .bildunterschrift + br, article .box_left > a[href*="view=zoom"] + br, article .box_right .bildunterschrift + br, article .box_right > a[href*="view=zoom"] + br, article .image_links .bildunterschrift + br, article .image_links > a[href*="view=zoom"] + br, article .image_rechts .bildunterschrift + br, article .image_rechts > a[href*="view=zoom"] + br {display: none}
article .bild_links > a.grossbild, article .bild_links > a[href*="view=zoom"], article .bild_rechts > a.grossbild, article .bild_rechts > a[href*="view=zoom"], article .bild_zentriert > a.grossbild, article .bild_zentriert > a[href*="view=zoom"], article .box_left > a.grossbild, article .box_left > a[href*="view=zoom"], article .box_right > a.grossbild, article .box_right > a[href*="view=zoom"], article .image_links > a.grossbild, article .image_links > a[href*="view=zoom"], article .image_rechts > a.grossbild, article .image_rechts > a[href*="view=zoom"] {display: block; position: relative}
article .bild_links > a.grossbild::after, article .bild_links > a[href*="view=zoom"]::after, article .bild_rechts > a.grossbild::after, article .bild_rechts > a[href*="view=zoom"]::after, article .bild_zentriert > a.grossbild::after, article .bild_zentriert > a[href*="view=zoom"]::after, article .box_left > a.grossbild::after, article .box_left > a[href*="view=zoom"]::after, article .box_right > a.grossbild::after, article .box_right > a[href*="view=zoom"]::after, article .image_links > a.grossbild::after, article .image_links > a[href*="view=zoom"]::after, article .image_rechts > a.grossbild::after, article .image_rechts > a[href*="view=zoom"]::after {content: ""; display: block; position: absolute; bottom: 0; right: 0; width: 40px; height: 35px; border: 4px solid transparent; border-radius: 5px 0 0 0; box-shadow: -2px -2px 3px rgba(60, 60, 60, 0.3)}
article .bild_links .kasten_link, article .bild_rechts .kasten_link, article .bild_zentriert .kasten_link, article .box_left .kasten_link, article .box_right .kasten_link, article .image_links .kasten_link, article .image_rechts .kasten_link {margin: 0 16px}
article .meinung_rechts {float: right; margin: 10px 0 10px 10px}
article .meinung_links {float: left; margin: 10px 10px 10px 0}
article .kasten {background-color: #e3ebe3; padding: 16px; margin: 16px 0}
article .kasten h5:first-of-type {margin-top: 0}
article .kasten a {color: #000000}
article .kasten p span.kein_stil {margin-left: 0}
article .autorenkasten {margin: 20px -16px; padding: 20px; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; min-height: 56px}
article .autorenkasten h4 {display: inline-block; margin: 0 0 0 1ex}
article .autorenkasten img {float: left; clear: both; margin: 0 1em 0.5em 0}
article .autorenkasten p {margin: 1em 0 0; clear: none; font-size: 0.9em}
article .magazin .button {display: inline-block; padding: 0 1em; line-height: 2em; color: #ffffff; border: none; background-color: #333333; border-radius: 1em}
article .magazin.alle_rubriken {margin-bottom: 1em; overflow: auto}
article .magazin.rubriken {list-style-type: none; padding: 0}
article .magazin.rubriken li ul {list-style-type: none; padding: 0}
article .magazin.rubriken li ul li.first {margin-bottom: 1em}
article .magazin.rubriken li ul li .beschreibung {color: #000000}
article .magazin.rubriken li ul li .beschreibung.bilder:after, article .magazin.rubriken li ul li .beschreibung.video:after, article .magazin.rubriken li ul li .titel.bilder:after, article .magazin.rubriken li ul li .titel.video:after {font-family: FontAwesome; font-weight: 400; content: ""; margin-left: 0.5em; color: #999999}
article .magazin.rubriken li ul li .beschreibung.video:after, article .magazin.rubriken li ul li .titel.video:after {content: ""}
article .magazin.rubriken li ul li .beschreibung.video.bilder:after, article .magazin.rubriken li ul li .titel.video.bilder:after {content: "    "}
article .magazin.rubriken .seite {float: right}
article .magazin.themen h2 {margin: 1em 0 0 0}
article .magazin.seitentitel {padding: 1em 0 0.3em 0; font-size: 0.9em; border-bottom: 1px solid #999999}
article .magazin.rubrik {display: none}
article .magazin.titel {font-size: 1.25em; margin: 0 0 0.2em 0}
article .magazin.untertitel {margin: 0 0 0.5em 0; font-size: 1em}
article .magazin.zeige_bilderstrecke, article .magazin.zeige_video {display: none}
article .magazin.gratis_url a {display: block; font-weight: 700}
article .magazin.extras i {font-style: normal; font-size: 0.8em; color: #666666; display: block}
article .magazin.extras a {font-weight: 700}
article .magazin.extras a:before {font-family: FontAwesome; font-weight: 400; font-size: inherit; content: ""; margin-right: 0.5em}
article .magazin.produkt, article .magazin.schlagwort {color: #666666; font-size: 0.75em}
article .magazin.produkt span:last-of-type, article .magazin.schlagwort span:last-of-type {display: inline; margin: 0}
article .magazin.schlagwort {margin: 0 0 2em 0}
article .magazin.produkt {margin: 0}
article .magazin.artikel_bewerten fieldset {margin: 0; padding: 2%; border: 1px solid #999999}
article .magazin.artikel_bewerten fieldset legend {margin: 0.5em 0; padding: 0 0.5em; font-size: 0.8em; font-weight: 700}
article .magazin.artikel_bewerten fieldset .bewertung {margin: 0; padding: 0; list-style: none}
article .magazin.artikel_bewerten fieldset .bewertung li {float: left; font-size: 0.8em; margin-bottom: 0.5em}
article .magazin.artikel_bewerten fieldset .bewertung li label {padding: 0 0.5em 0 0.2em}
article .magazin.artikel_bewerten fieldset .kommentar {width: 97%; padding: 1%; margin: 0; border: 1px solid #cccccc; resize: none}
article .magazin.artikel_bewerten fieldset .absenden {margin: 0.5em 0}
article .magazin.artikel_bewerten .notify {color: #cc0000; font-weight: 700; margin: 0.5em 0}
article .magazin.artikel_bewerten .notify.error, article .magazin.artikel_bewerten .notify.warning {color: #cc0000}
article .magazin.artikel_bewerten .notify.message {color: #009900}
article .magazin.optionen {margin: 1em 0 0 0; padding: 0; list-style: none; overflow: auto}
article .magazin.optionen li {float: left}
article .magazin.optionen .button {width: 12em; margin: 0 1em 1em 0; text-align: center}
article .magazin.pdf_link {margin: 0.2em 0 0.5em 0; font-size: 0.9em}
article .magazin.pdf_link a {display: block}
article .magazin.pdf_link a:before {font-family: FontAwesome; font-weight: 400; font-size: inherit; content: ""; margin-right: 0.5em}
article .magazin.apps a {margin-right: 1em}
article div.img > a > img:first-child, article div.img > img:first-child {width: 532px; margin: 0 -16px; max-width: 100%}
article div.img img.pict-part, article div.img > a img + img {display: none}
article figure + p {margin-top: 16px}
article figure {margin: 0 -16px; padding: 0 0 6px; border-bottom: 1px solid #e8e8e8}
article figure img {width: 100%}
article figure figcaption {margin: 0 16px}
article figure figcaption .grossbild img {display: none}
article figure figcaption > .source {margin-left: 0 !important; margin-right: 0 !important}
article figure figcaption p {line-height: 1.4}
article figure figcaption p.source {color: #999999}
article figure.aufmacherbild {border-bottom-width: 0; padding: 0; margin: 0}
article figure.aufmacherbild figcaption {margin: 0}
article.tp div.fr {border: 1px solid #004a6b; border-radius: 5px 0 0 0; padding: 0 12px 12px; margin: 0.8em 0}
article.tp div.fr::after {content: "."; clear: both; display: block; visibility: hidden; height: 0; line-height: 0}
article.tp .img-inline {float: left; margin: 0 0.6em 0 0; padding: 0}
article.tp p.text span.tc {font-weight: 700; color: #004a6b}
article.tp .az-list > p.text {display: list-item; margin-left: 20px}
article.tp .rz-div p.rz-endtext::before {content: "„"}
article.tp .rz-div p.rz-endtext::after {content: "“"}
article.tp .hlit {font-weight: 700}
article.tp .lit-zahl {float: left; font-size: 0.85em}
article.tp .lit-text {padding-left: 1.9em; margin: 0 0 0.8em 10px}
article.tp .lit-text p {clear: none}
article.tp .blogimg_frame {margin: 30px 0 0}
article.tp .blogimg_frame .blogimg_img {height: auto !important}
article.tp .blogimg_frame .blogimg_img img {max-width: 100%}
article.tp .blogimg_frame .blogimg_bu {font-size: 12px}
article table {padding: 8px 0}
article dd {margin: 0 0 5px}
article table#datenblatt, article table#preisliste {border-collapse: collapse; width: 100%}
article table#datenblatt .modell th, article table#datenblatt tr td, article table#preisliste .modell th, article table#preisliste tr td {text-align: right}
article table#datenblatt tr .titel, article table#datenblatt tr th, article table#preisliste tr .titel, article table#preisliste tr th {text-align: left}
article table#datenblatt tr:nth-child, article table#preisliste tr:nth-child {background-color: #eeeeee}
article table#datenblatt tr td, article table#datenblatt tr th, article table#preisliste tr td, article table#preisliste tr th {padding: 4px 5px; font-size: 14px}
article .heise-table-wrap {max-width: 100%; height: auto; overflow: scroll; font-size: 0.85em}
article .heise-table-wrap .heise-table {width: 100%}
article .heise-table {border-collapse: collapse; margin-bottom: 1em; background-color: #f6f6f6}
article .heise-table td, article .heise-table th {border: 1px solid #ffffff}
article .heise-table tr:nth-child td, article .heise-table tr:nth-child th {background-color: #fcfcfc}
article tr .heise-table-title {background: #666666 !important; color: #ffffff; -webkit-font-smoothing: antialiased; text-align: center; width: auto}
article tr .heise-table-subtitle {background-color: #e8e8e8 !important}
article tr .heise-table-header {font-weight: 700; background-color: #d2d2c2 !important}
article tr .heise-table-emph {background-color: #d4e0f1 !important}
article .dossier {border: 1px dotted #c8c8c8; margin: 10px 0; padding: 14px}
article .dossier::after {content: "."; clear: both; display: block; visibility: hidden; font-size: 0; line-height: 0}
article .dossier h3 {margin-top: 0}
article .dossier h4 {margin: 10px 14px 0; color: #666666}
article .dossier ul {clear: both; padding: 0; margin: 0 -14px -14px; list-style-type: none}
article .dossier ul li {border-top: 1px dotted #c8c8c8; padding: 7px 14px; margin: 0}
article .dossier .video_thumbnail {line-height: 1.2}
article .dossier .anrissbild {display: inline; margin: 0; padding: 0}
article .dossier .anrissbild img {float: left; border: 1px solid #dddddd; width: auto; max-height: 120px; margin: 0 14px 14px 0}
article .dossier p {margin: -3px 0 14px; color: #333333}
article .dossier .anrissbild.klein {width: 130px}
article .dossier .video_thumbnail {position: relative; width: 120px; border: 1px solid #dddddd}
article .dossier .video_thumbnail img {display: block}
article .dossier .video_thumbnail .start_button {position: absolute; top: 19px; left: 45px}
article .player .video_titel {font-size: 12px; line-height: 1.2; margin: 6px 0}
article .bilderstrecke_vorschau {margin: 20px -16px; padding: 14px 0 0}
article .bilderstrecke_vorschau .bilder, article .bilderstrecke_vorschau figure, article .gallery .bilder, article .gallery figure {margin: 0}
article .bilderstrecke_vorschau .bilder a, article .bilderstrecke_vorschau figure img, article .gallery .bilder a, article .gallery figure img {display: none}
article .bilderstrecke_vorschau .bilder a:first-child, article .bilderstrecke_vorschau figure img:first-child, article .gallery .bilder a:first-child, article .gallery figure img:first-child {display: block}
article .bilderstrecke_vorschau .bilder a:first-child img, article .bilderstrecke_vorschau figure img, article .gallery .bilder a:first-child img, article .gallery figure img {width: 100%}
article .bilderstrecke_vorschau figure figcaption, article .bilderstrecke_vorschau h4, article .bilderstrecke_vorschau header, article .bilderstrecke_vorschau > p, article .gallery figure figcaption, article .gallery h4, article .gallery header, article .gallery > p {margin: 0 16px 14px; line-height: 1; font-size: 13px}
article .bilderstrecke_vorschau header, article .gallery header {font-size: 16px}
article .bilderstrecke_vorschau figure figcaption, article .gallery figure figcaption {margin-top: 5px}
article .gallery {margin: 1em 0}
article .gallery > a {color: #000000}
article .gallery figure {border-bottom-width: 0; margin: 0 -16px}
article .gallery h3 {margin: 0}
article address {font-style: normal; font-size: 15px; line-height: 1.4em; margin-top: 15px}
article address b {display: block}
article address dl {margin: 0}
article address dl dd, article address dl dt {float: left; margin: 0}
article address dl dt {clear: both; width: 4em}
article address .pf {display: block; margin: 5px 0}
article .verlagsinfo {font-style: normal; font-size: 15px; line-height: 1.4em}
article .verlagsinfo dt {font-weight: 700; margin-top: 14px}
article .verlagsinfo dd {margin: 0; min-width: 50%}
article .verlagsinfo .oneline {display: inline-block}
article .verlagsinfo .nomargin {margin: 0}
article .verantwortlich {margin-bottom: 14px}
article .verantwortlich p {margin: 0}
article .technik {margin-top: 16px}
.body_schlagseite {display: none}
.body_editorial .unterschrift img {display: block}
.body_vorschau .zt {font-weight: 700}
.verwendungshinweis {color: #999999; margin-top: 3em}
.verwendungshinweis.schlagseite i {display: block; padding-top: 1em; font-style: normal}
.download.app_button a, .download.frei a, .download.heft a, .download.kauf a {display: block; border-radius: 5px; color: #ffffff; padding: 10px 16px; font: 700 17px/1 "Open Sans Condensed",sans-serif; text-align: center; background: #7fba19; -webkit-font-smoothing: antialiased}
.download.app_button a {background: #1982d1}
#artikel_gekauft {border: 1px solid #7fba19; padding: 0.3em 1em; margin: 1em 0; background: #fafdf3}
#artikel_gekauft p {margin: 0.8em 0}
#artikel_kauf_hinweis h4 {margin-bottom: 0.2em}
#artikel_kauf_hinweis .preis {margin: 0}
#artikel_kauf_hinweis ul {list-style: none; padding: 0; margin: 1em 0; overflow: hidden}
#artikel_kauf_hinweis ul li {float: left; margin: 0 6% 0 0; width: 47%}
#artikel_kauf_hinweis ul li.paypal {margin-right: 0}
#artikel_kauf_hinweis ul li a {display: block; border-radius: 5px; color: #ffffff; padding: 10px 16px; font: 700 17px/1 "Open Sans Condensed",sans-serif; text-align: center; background: #7fba19; -webkit-font-smoothing: antialiased}
#artikel_kauf_hinweis .mwst, #artikel_kauf_hinweis .verbraucherinfo {clear: both; margin-top: 0}
#zsdb_article_sections .tabs {margin: 1em 0; overflow: auto}
#zsdb_article_sections .tabs b {width: 14em; display: block}
#zsdb_article_sections .tabs a {display: block; border-radius: 5px; color: #ffffff; padding: 10px 16px; font: 700 17px/1 "Open Sans Condensed",sans-serif; text-align: center; background: #7fba19; -webkit-font-smoothing: antialiased; float: left; width: 10em; border: 1px solid #888888; background: #888888; padding: 0.5em 1em; margin: 0.5em 1em 0.5em 0}
#zsdb_article_sections .tabs a.zsdb-article-comments {border-color: #1982d1; background: #1982d1}
#zsdb-article-bilder, #zsdb-article-links, #zsdb-article-videos {margin: 1.5em 0}
#zsdb-article-bilder h3, #zsdb-article-links h3, #zsdb-article-videos h3 {margin: 0.5em 0; font-weight: 400; border-bottom: 1px solid #cccccc; padding-bottom: 0.25em}
#zsdb-article-bilder .zsdb-article-extra.links, #zsdb-article-links .zsdb-article-extra.links, #zsdb-article-videos .zsdb-article-extra.links {margin-left: 0.5em}
#zsdb-article-bilder .zsdb-article-extra.links h4, #zsdb-article-links .zsdb-article-extra.links h4, #zsdb-article-videos .zsdb-article-extra.links h4 {margin: 1em 0 0.5em 0}
#zsdb-article-bilder .zsdb-article-extra.links ol, #zsdb-article-links .zsdb-article-extra.links ol, #zsdb-article-videos .zsdb-article-extra.links ol {list-style-type: disc; margin-left: 1em; padding-left: 1em}
#zsdb-article-bilder .zsdb-article-extra.links ol li, #zsdb-article-links .zsdb-article-extra.links ol li, #zsdb-article-videos .zsdb-article-extra.links ol li {margin: 0 0 0.5em 0}
#zsdb-article-bilder .zsdb-article-extra.links ol li a, #zsdb-article-links .zsdb-article-extra.links ol li a, #zsdb-article-videos .zsdb-article-extra.links ol li a {color: #333333}
#zsdb-article-bilder .zsdb-article-extra.links ol li a b, #zsdb-article-links .zsdb-article-extra.links ol li a b, #zsdb-article-videos .zsdb-article-extra.links ol li a b {color: #1982d1; font-weight: 400}
#zsdb-article-bilder .zsdb-article-extra.bilder figure, #zsdb-article-bilder .zsdb-article-extra.videos figure, #zsdb-article-links .zsdb-article-extra.bilder figure, #zsdb-article-links .zsdb-article-extra.videos figure, #zsdb-article-videos .zsdb-article-extra.bilder figure, #zsdb-article-videos .zsdb-article-extra.videos figure {border-bottom: none; margin: 0 0 1em 0}
#zsdb-article-bilder .zsdb-article-extra.bilder figcaption, #zsdb-article-bilder .zsdb-article-extra.videos figcaption, #zsdb-article-links .zsdb-article-extra.bilder figcaption, #zsdb-article-links .zsdb-article-extra.videos figcaption, #zsdb-article-videos .zsdb-article-extra.bilder figcaption, #zsdb-article-videos .zsdb-article-extra.videos figcaption {font-size: 80%; font-weight: 600; margin: 0}
article .portrait img {max-width: 100%}
article .portrait article {padding: 0}
article .portrait article .fadeout_p {position: relative}
article .portrait article .fadeout_p:after {content: ""; width: 100%; height: 60%; position: absolute; bottom: 0; left: 0; z-index: 480}
article .portrait article.article_leserbriefe .leserbrief h3, article .portrait article.article_leserbriefe .leserbrief h4 {margin-bottom: 0.2em}
article .portrait article.article_leserbriefe .leserbrief .leserbriefKontextUndContent > p {font-size: 80%; margin-top: 0}
article .portrait article.article_leserbriefe .leserbrief .leserbriefKontextUndContent .leser {text-align: right}
article .portrait article.article_leserbriefe .leserbrief .leserbriefKontextUndContent .redaktion {font-style: italic}
article .portrait article.article_leserbriefe .leserbrief .leserbriefKontextUndContent .kein_stil {margin: 0; display: inline}
article .portrait article.article_leserbriefe h2 {font-family: Roboto,"Droid Sans",Helvetica,Arial,sans-serif; margin: 1em 0; font-weight: 400}
article .portrait article.article_leserbriefe .servicebox_leserbriefe_ng h3 {margin-bottom: 0}
article .portrait article.article_leserbriefe .servicebox_leserbriefe_ng p {margin-top: 0}
article .portrait article.article_kurz_vorgestellt .kein_stil {margin: 0; display: inline}
article .portrait article.websites_aktuell h3 {margin-bottom: 0.2em}
article .portrait article.websites_aktuell p.tel {margin-top: 0}
article .portrait article.article_buchkritik .no_margin_top .author {float: none; margin: 0}
article .portrait article.article_buchkritik .no_margin_top h4 {margin: 0}
article .portrait article.article_buchkritik .no_margin_top h5 {margin-top: 0; color: #787878}
article .portrait article.article_buchkritik .caption_source {background: #746177; color: #ffffff; padding: 8px 16px; margin-top: 1em}
article .portrait #appInhalt #top-themen, article .portrait #appInhalt .highlightInfo {font-weight: 700}
article .portrait #appInhalt #untertitelToc table {width: 100%}
article .portrait #appInhalt #untertitelToc table td {width: 50%}
article .portrait #appInhalt #untertitelToc table td .pagenumber_big {display: block; text-align: right}
article .portrait #appInhalt .highlightBeschreibung .pagenumber_big, article .portrait #appInhalt .highlightTxt {}
article .portrait #appInhalt .spacer {display: none}
article .portrait #appInhalt #highlightToc {font-weight: 700}
article .portrait #appInhalt #highlightToc ul {list-style: none; margin: 0; padding: 0}
article .portrait #appInhalt #highlightToc ul li {clear: both; overflow: hidden}
article .portrait #appInhalt #highlightToc ul li p {float: left; margin: 0; padding: 0; clear: none; width: 50%}
article .portrait #appInhalt #highlightToc ul li p.button-p {text-align: right}
article .portrait #appInhalt #appToc ul {list-style: none; margin: 0; padding: 0}
article .portrait #appInhalt #appToc ul li {position: relative}
article .portrait #appInhalt #appToc ul li .pagenumber {position: absolute; right: 0; top: auto}
article .portrait #appInhalt #appToc ul li .pagenumber img {vertical-align: middle}
article .portrait #appInhalt #appToc ul li.rubrikname {font-weight: 700; margin-top: 2em}
article .portrait p.Initial span.kein_stil, article .portrait p.Normal span.Normal, article .portrait p.initial span.kein_stil {margin: 0; display: inline}
article .portrait .article_big_image, article .portrait .bilder, article .portrait .tabellen {margin: 0 -16px 16px}
article .portrait .article_big_image img, article .portrait .bilder img, article .portrait .tabellen img {width: 100%}
article .portrait .article_big_image .figcaption, article .portrait .bilder .figcaption, article .portrait .tabellen .figcaption {margin: 0 16px; color: #000000; font-size: 80%}
article .portrait .figcaption, article .portrait .play_text {font-size: 80%; font-weight: 600}
article .portrait article.article_spiele .no_margin_top h4, article .portrait article.article_spiele h4.no_margin_top, article .portrait h2.no_margin_top {color: #000000; padding-top: 1em}
article .portrait article.article_spiele .no_margin_top h4 {margin-bottom: 0.2em}
article .portrait article.article_spiele .no_margin_top h5 {margin-top: 0}
article .portrait .box_yellow, article .portrait .verzeichnis_kasten {background-color: #f2f3ef; padding: 0 1em; margin: 1em 0}
article .portrait .box_yellow h4.pen::before, article .portrait .verzeichnis_kasten h4.pen::before {content: ""; font-family: FontAwesome; font-size: 1.3em}
article .portrait .box_yellow h4.pen color, article .portrait .verzeichnis_kasten h4.pen color {display: none}
article .portrait .box_yellow .box_verzeichnis_headline, article .portrait .box_yellow h4, article .portrait .verzeichnis_kasten .box_verzeichnis_headline, article .portrait .verzeichnis_kasten h4 {padding: 0.6em 0 0 0}
article .portrait .box_yellow .kein_stil, article .portrait .verzeichnis_kasten .kein_stil {margin: 0; display: inline}
article .portrait .box_yellow ul, article .portrait .verzeichnis_kasten ul {list-style: none; margin: 0; padding: 0.5em 0 1em 0}
article .portrait .box_yellow ul a, article .portrait .verzeichnis_kasten ul a {display: block; width: 100%}
article .portrait .box_yellow ul a .nobr, article .portrait .verzeichnis_kasten ul a .nobr {float: right; text-align: right}
article .portrait .box_kids {background: #1d98a7; color: #ffffff; padding: 8px 16px; margin-top: 1em}
article .portrait .box_kids p {display: inline}
article .portrait .textkaesten, article .portrait .textkaesten.verzeichnis {display: none}
article .portrait.hotline_uebersicht h1 {}
article .portrait.hotline_uebersicht ul {margin: 0; padding: 0; list-style: none}
article .portrait.hotline_uebersicht ul li {border-bottom: 1px solid #dddddd; margin-bottom: 0.8em}
article .portrait.hotline_uebersicht ul li h3 {font-weight: 400}
article .portrait.hotline_uebersicht ul li .TypeSpecial {display: inline; margin-left: 0}
article .portrait.hotline_uebersicht ul li a {color: #000000; text-decoration: none}
article .portrait.hotline_uebersicht ul li .antwort {display: block; text-align: right; text-decoration: none; margin: 0.5em 0; font-style: normal; color: #1982d1}
article .portrait .faq_thema .zt {font-weight: 700}
article .portrait .question {overflow: auto}
article .portrait .question .icon_replace {background-image: url(http://www.heise.de/ct/zassets/ct/images/hotline_fragezeichen.png)}
article .portrait .answer {overflow: auto}
article .portrait .answer span:last-of-type {margin-left: 0}
article .portrait .answer .icon_replace {background-image: url(http://www.heise.de/ct/zassets/ct/images/hotline_ausrufezeichen.png)}
article .portrait .icon_replace {float: left; display: inline-block; height: 2.8em; width: 1.763em; padding: 0; background-size: contain; background-repeat: no-repeat; background-position: left 0.15em; margin: 0 0.7em 0 0; box-sizing: border-box}
article .image_editorial {display: none}
article .unterschrift {max-width: 100%}
article .unterschrift .unterschriftbild {max-width: 100%}
article .unterschrift .unterschriftbild img {max-width: 60%}
article .unterschrift .unterschriftname {text-align: center}
#app_stuff {max-width: 600px; margin: 0 auto}
#app_stuff .app_banner {background-color: #f1f1f3; background-position: -15px 10px; width: auto; height: auto; margin-bottom: 8px}
#app_stuff .app_banner .content {float: none; width: auto; margin-top: 270px; padding: 0 24px 16px 24px}
#app_stuff .badge, #app_stuff p.button {float: none; display: inline-block; background-color: transparent; padding: 8px}
#app_stuff .apklink, #app_stuff .faqlink {float: none; width: auto; margin: 8px; text-align: left}
#app_stuff .player {display: none}
#app_stuff #app_feedback {text-align: left; margin: 16px 8px}
#app_stuff #app_features {margin: 0 8px}
#app_stuff #app_features ul {overflow: hidden}
@media only screen and (min-width: 600px) { figure[style] {width: 100% !important} }
@media only screen and (min-width: 600px) { article .bild_links, article .bild_rechts, article .bild_zentriert, article .bilderstrecke_vorschau, article .box_left, article .box_right, article .image_links, article .image_rechts, article div.ad_container, article div.img > a > img:first-child, article div.img > img:first-child {margin-left: 0; margin-right: 0} }
@media only screen and (min-width: 600px) { article .bild_links .bildunterschrift, article .bild_links .figcaption, article .bild_links .source, article .bild_links figcaption, article .bild_links p, article .bild_rechts .bildunterschrift, article .bild_rechts .figcaption, article .bild_rechts .source, article .bild_rechts figcaption, article .bild_rechts p, article .bild_zentriert .bildunterschrift, article .bild_zentriert .figcaption, article .bild_zentriert .source, article .bild_zentriert figcaption, article .bild_zentriert p, article .bilderstrecke_vorschau .bildunterschrift, article .bilderstrecke_vorschau .figcaption, article .bilderstrecke_vorschau .source, article .bilderstrecke_vorschau figcaption, article .bilderstrecke_vorschau p, article .box_left .bildunterschrift, article .box_left .figcaption, article .box_left .source, article .box_left figcaption, article .box_left p, article .box_right .bildunterschrift, article .box_right .figcaption, article .box_right .source, article .box_right figcaption, article .box_right p, article .image_links .bildunterschrift, article .image_links .figcaption, article .image_links .source, article .image_links figcaption, article .image_links p, article .image_rechts .bildunterschrift, article .image_rechts .figcaption, article .image_rechts .source, article .image_rechts figcaption, article .image_rechts p, article div.ad_container .bildunterschrift, article div.ad_container .figcaption, article div.ad_container .source, article div.ad_container figcaption, article div.ad_container p, article div.img > a > img:first-child .bildunterschrift, article div.img > a > img:first-child .figcaption, article div.img > a > img:first-child .source, article div.img > a > img:first-child figcaption, article div.img > a > img:first-child p, article div.img > img:first-child .bildunterschrift, article div.img > img:first-child .figcaption, article div.img > img:first-child .source, article div.img > img:first-child figcaption, article div.img > img:first-child p {} }
@media only screen and (min-width: 600px) { article > img {width: auto; max-width: 100%; margin: 0} }
@media only screen and (min-width: 600px) { article .portrait .article_big_image, article .portrait .bilder, article .portrait .tabellen {margin: 0} }
@media only screen and (min-width: 600px) { article .portrait .article_big_image .figcaption, article .portrait .bilder .figcaption, article .portrait .tabellen .figcaption {margin-top: 3px; margin-right: 0; margin-left: 0} }
@media only screen and (min-width: 600px) { article p:last-of-type > span:last-of-type {margin-left: 0} }
@media only screen and (min-width: 600px) { article .gallery figure {margin: 0} }
@media only screen and (min-width: 600px) { article .gallery figure figcaption {margin: 3px 0 14px} }
.figcaption p, span.bildunterschrift {}
.article p:empty {background: #ff0000}
@media screen and (max-width: 640px) { img[alt="hide-on-mobile"] {display: none !important} }
@media screen and (min-width: 640px) { img[alt="hide-on-desktop"] {display: none !important} }
.bild_zentriert img[alt="hide-on-desktop"], .bild_zentriert img[alt="hide-on-mobile"] {margin: 0 auto}
.arabisch figure, .arabisch h1, .arabisch h2, .arabisch h3, .arabisch h4, .arabisch h5, .arabisch h6, .arabisch p {direction: rtl}
.clearfix:after {content: "."; display: block; visibility: hidden; height: 0; line-height: 0; clear: both}
div.bbcode_v1 p > span.h1, div.bbcode_v1 p > span > .h1 {font-size: 140%}
div.bbcode_v1 p > span.h1 .h1 {font-size: 100% !important}
div.bbcode_v1 p > span.h2, div.bbcode_v1 p > span > .h2 {font-size: 120%}
div.bbcode_v1 p > span.h2 .h2 {font-size: 100% !important}
div.bbcode_v1 span.bold {font-weight: 700}
div.bbcode_v1 span.underline {text-decoration: underline}
div.bbcode_v1 span.strikethrough {text-decoration: line-through}
div.bbcode_v1 span.italic {font-style: italic}
div.bbcode_v1 span.code {font-family: monospace}
div.bbcode_v1 span.pre {font-family: monospace; background-color: #ededed; display: inline-block; padding: 1px 3px}
div.bbcode_v1 q {border-left: 3px solid #213683; padding-left: 5px; display: inline-block}
div.bbcode_v1 blockquote {margin-left: 0; margin-right: 0; border-left: 3px solid #213683; padding-left: 5px}
.shariff::after, .shariff::before {content: " "; display: table}
.shariff::after {clear: both}
.shariff ul {padding: 0; margin: 0; list-style: none}
.shariff li {height: 35px; box-sizing: border-box; overflow: hidden}
.shariff li a {color: #ffffff; position: relative; display: block; height: 35px; text-decoration: none; box-sizing: border-box}
.shariff li .share_count, .shariff li .share_text {font-family: Arial,Helvetica,sans-serif; font-size: 12px; vertical-align: middle; line-height: 35px}
.shariff li .fa {width: 35px; line-height: 35px; text-align: center; vertical-align: middle}
.shariff li .share_count {padding: 0 8px; height: 33px; position: absolute; top: 1px; right: 1px}
.shariff .orientation-horizontal {}
.shariff .orientation-horizontal li {-webkit-box-flex: 1}
.shariff .orientation-horizontal .info {-webkit-box-flex: 0}
.shariff .orientation-horizontal {-webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap}
.shariff .orientation-horizontal li {float: left; -webkit-flex: none; -ms-flex: none; flex: none; width: 35px; margin-right: 3%; margin-bottom: 10px}
.shariff .orientation-horizontal li:last-child {margin-right: 0}
.shariff .orientation-horizontal li .share_text {display: block; text-indent: -9999px; padding-left: 3px}
.shariff .orientation-horizontal li .share_count {display: none}
.shariff .theme-grey .shariff-button a {background-color: #b0b0b0}
.shariff .theme-grey .shariff-button .share_count {background-color: #cccccc; color: #333333}
.shariff .theme-white .shariff-button {border: 1px solid #dddddd}
.shariff .theme-white .shariff-button a {background-color: #ffffff}
.shariff .theme-white .shariff-button a:hover {background-color: #eeeeee}
.shariff .theme-white .shariff-button .share_count {background-color: #ffffff; color: #999999}
.shariff .orientation-vertical {min-width: 110px}
.shariff .orientation-vertical li {display: block; width: 100%; margin: 5px 0}
.shariff .orientation-vertical li .share_count {width: 24px; text-align: right}
@media only screen and (min-width: 360px) { .shariff .orientation-horizontal li {margin-right: 1.8%; min-width: 80px; width: auto; -webkit-flex: 1; -ms-flex: 1; flex: 1} }
@media only screen and (min-width: 360px) { .shariff .orientation-horizontal li .share_count {display: block} }
@media only screen and (min-width: 360px) { .shariff .orientation-horizontal.col-1 li, .shariff .orientation-horizontal.col-2 li {min-width: 110px; max-width: 160px} }
@media only screen and (min-width: 360px) { .shariff .orientation-horizontal.col-1 li .share_text, .shariff .orientation-horizontal.col-2 li .share_text {text-indent: 0; display: inline} }
@media only screen and (min-width: 360px) { .shariff .orientation-horizontal.col-5 li, .shariff .orientation-horizontal.col-6 li {-webkit-flex: none; -ms-flex: none; flex: none} }
@media only screen and (min-width: 640px) { .shariff .orientation-horizontal.col-3 li {min-width: 110px; max-width: 160px} }
@media only screen and (min-width: 640px) { .shariff .orientation-horizontal.col-3 li .share_text {text-indent: 0; display: inline} }
@media only screen and (min-width: 768px) { .shariff .orientation-horizontal li {min-width: 110px; max-width: 160px} }
@media only screen and (min-width: 768px) { .shariff .orientation-horizontal li .share_text {text-indent: 0; display: inline} }
@media only screen and (min-width: 768px) { .shariff .orientation-horizontal.col-5 li, .shariff .orientation-horizontal.col-6 li {-webkit-flex: 1; -ms-flex: 1; flex: 1} }
@media only screen and (min-width: 1024px) { .shariff li {height: 30px} }
@media only screen and (min-width: 1024px) { .shariff li a {height: 30px} }
@media only screen and (min-width: 1024px) { .shariff li .fa {width: 30px; line-height: 30px} }
@media only screen and (min-width: 1024px) { .shariff li .share_count, .shariff li .share_text {line-height: 30px} }
@media only screen and (min-width: 1024px) { .shariff li .share_count {height: 28px} }
.shariff .twitter a {background-color: #55acee}
.shariff .twitter a:hover {background-color: #32bbf5}
.shariff .twitter .fa-twitter {font-size: 28px}
.shariff .twitter .share_count {color: #0174a4; background-color: #96d4ee}
.shariff .theme-white .twitter a {color: #55acee}
@media only screen and (min-width: 600px) { .shariff .twitter .fa-twitter {font-size: 24px} }
.shariff .facebook a {background-color: #3b5998}
.shariff .facebook a:hover {background-color: #4273c8}
.shariff .facebook .fa-facebook {font-size: 22px}
.shariff .facebook .share_count {color: #183a75; background-color: #99adcf}
.shariff .theme-white .facebook a {color: #3b5998}
@media only screen and (min-width: 600px) { .shariff .facebook .fa-facebook {font-size: 19px} }
.shariff .googleplus a {background-color: #d34836}
.shariff .googleplus a:hover {background-color: #f75b44}
.shariff .googleplus .fa-google-plus {font-size: 22px}
.shariff .googleplus .share_count {color: #a31601; background-color: #eda79d}
.shariff .theme-white .googleplus a {color: #d34836}
@media only screen and (min-width: 600px) { .shariff .googleplus .fa-google-plus {font-size: 19px; position: relative; top: 1px} }
.shariff .mail a {background-color: #999999}
.shariff .mail a:hover {background-color: #a8a8a8}
.shariff .mail .fa-envelope {font-size: 21px}
.shariff .theme-white .mail a {color: #999999}
@media only screen and (min-width: 600px) { .shariff .mail .fa-envelope {font-size: 18px} }
.shariff .pinterest a {background-color: #bd081c}
.shariff .pinterest a:hover {background-color: #d50920}
.shariff .pinterest .fa-pinterest-p {font-size: 22px}
.shariff .pinterest .share_count {color: #a31601; background-color: #eda79d}
.shariff .theme-white .pinterest a {color: #bd081c}
@media only screen and (min-width: 600px) { .shariff .pinterest .fa-pinterest-p {font-size: 19px; position: relative; top: 1px} }
.shariff .info {border: 1px solid #cccccc}
.shariff .info a {color: #666666; background-color: #ffffff}
.shariff .info a:hover {background-color: #efefef}
.shariff .info .fa-info {font-size: 20px; width: 33px}
.shariff .info .share_text {display: block !important; text-indent: -9999px !important}
.shariff .theme-grey .info a {background-color: #ffffff}
.shariff .theme-grey .info a:hover {background-color: #efefef}
.shariff .orientation-vertical .info {width: 35px; float: right}
@media only screen and (min-width: 360px) { .shariff .orientation-horizontal .info {-webkit-flex: none !important; -ms-flex: none !important; flex: none !important; width: 35px; min-width: 35px !important} }
@media only screen and (min-width: 1024px) { .shariff .info .fa-info {font-size: 16px; width: 23px} }
@media only screen and (min-width: 1024px) { .shariff .orientation-horizontal .info {width: 25px; min-width: 25px !important} }
@media only screen and (min-width: 1024px) { .shariff .orientation-vertical .info {width: 25px} }
.shariff .whatsapp a {background-color: #5cbe4a}
.shariff .whatsapp a:hover {background-color: #34af23}
.shariff .whatsapp .fa-whatsapp {font-size: 28px}
.shariff .theme-white .whatsapp a {color: #5cbe4a}
@media only screen and (min-width: 600px) { .shariff .whatsapp .fa-whatsapp {font-size: 22px} }
.shariff .xing a {background-color: #126567}
.shariff .xing a:hover {background-color: #29888a}
.shariff .xing .fa-xing {font-size: 22px}
.shariff .xing .share_count {color: #15686a; background-color: #4fa5a7}
.shariff .theme-white .xing a {color: #126567}
@media only screen and (min-width: 600px) { .shariff .xing .fa-xing {font-size: 19px} }
.heise-modal {z-index: 6.54321e+06; width: 100%; height: 100%; position: fixed; left: 0; top: 0; display: none}
.heise-modal button[data-role="close"] {position: absolute; width: 56px; height: 56px; top: 0; right: 0; padding: 5px 7px 7px 7px; border: 0; border-radius: 0; border-bottom-left-radius: 18px; background: #eeeeee; vertical-align: top; font-size: 30px; line-height: 16px; cursor: pointer; z-index: 7.65432e+06}
.heise-modal button[data-role="close"]:focus {outline: 0}
.heise-modal .centered {margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; display: block; width: 300px; height: 250px}
.heise-modal .centered img {display: block}
.heise-modal .wrapper-transparent {background: #000000; opacity: 0.7; position: absolute; top: 0; left: 0; width: 100%; height: 100%}
.btn-wrapper {padding: 10px; text-align: right}
.btn-wrapper button {height: 36px; width: 36px; padding: 5px 7px 7px 7px; border: 0; border-radius: 18px; vertical-align: top; font-size: 25px; line-height: 16px; background-color: #eeeeee; outline: 0}
.button, input[type="button"].button, input[type="submit"].button {color: #ffffff; background-color: #1982d1; -moz-appearance: none; -webkit-appearance: none; border: none; display: inline-block; padding: 10px 10px; border-radius: 5px}
.button:focus, input[type="button"].button:focus, input[type="submit"].button:focus {outline: 0; box-shadow: 0 0 2px rgba(0, 0, 0, 0.4)}
.button.secondary, input[type="button"].button.secondary, input[type="submit"].button.secondary {color: #ffffff; background-color: #9ba2ae}
.button.full, input[type="button"].button.full, input[type="submit"].button.full {display: block; margin: 0 auto}
.button::before, input[type="button"].button::before, input[type="submit"].button::before {font-family: FontAwesome; display: inline-block; padding: 0 5px}
.button.down::before, input[type="button"].button.down::before, input[type="submit"].button.down::before {content: ""}
.button.up::before, input[type="button"].button.up::before, input[type="submit"].button.up::before {content: ""}
@media only screen and (min-width: 768px) { .button.full {display: inline-block} }
.plista_widget_webApp {margin: 50px 0 0}
.plista_widget_webApp .itemTitle {color: #1982d1 !important; font-size: 19px !important; font-family: "Open Sans Condensed",sans-serif !important; padding: 7px 0}
.plista_widget_webApp .itemText {font-size: 14px !important; font-family: Roboto,"Droid Sans",Calibri,Helvetica,Arial,Verdana,sans-serif}
.plista_widget_webApp .plistaHl {border-top-width: 1px !important; font-size: 14px !important; background-image: none !important}
.plista_widget_webApp .plista_widget_imgwrapper {margin: 0 10px 10px 0 !important}
.plista_widget_webApp .plista_widget_imgwrapper img {max-width: 100px}
.plista_widget_webApp .itemLink, .plista_widget_webApp .itemLinkPET, .plista_widget_webApp .plistaHl {padding-left: 16px; padding-right: 16px}
body, html {font-family: Roboto,"Droid Sans",Calibri,Helvetica,Arial,Verdana,sans-serif}
.swipe {overflow: hidden; visibility: hidden; position: relative}
.swipe-wrap {overflow: hidden; position: relative}
.swipe-wrap > div {float: left; width: 100%; position: relative}
.ad_container {text-align: center; margin: 16px 0}
.ad_container .hinweis_anzeige {display: block; font-size: 11px; padding-bottom: 8px; color: #000000}
.ad_container.ad_bottom > div {border-top-width: 2px; max-width: 500px; margin: 0 auto}
body > .ad_container:first-of-type {margin: 0; border-top-width: 0; min-height: 50px}
article .ad_container {margin-left: -16px; margin-right: -16px; padding: 0 0 16px; border-top: 1px solid #dddddd; border-bottom: 1px solid #dddddd}
#page_nav, section.themenbereiche nav {-webkit-font-smoothing: antialiased}
#forum .posting, .sieben-tage, article, ol.article_list li a p {-webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto}
a.external > h2 > i, a.internal > h2 > i {color: #999999; display: inline-block}
#hinweis_desktop {background-color: #e9e9e9; position: relative; color: #000000; text-align: center}
#hinweis_desktop p {margin: 0 auto; text-align: left; padding: 0; width: 80%}
#hinweis_desktop #hinweis_desktop_off {margin: 0; cursor: pointer; display: inline-block; position: absolute; top: 0; right: 0}
header {padding: 0; position: relative}
header h1 {float: left; margin: 10px 0 9px 16px}
header h1 img {max-height: 37px; vertical-align: top}
header nav {width: 58px; float: right; height: 58px}
header nav .menu_toggle {-webkit-tap-highlight-color: transparent; -ms-touch-action: none; display: block; background: transparent url(http://m.heise.de/icons/mobi/menu_button.png) no-repeat 20px center scroll; background-size: 36px 12px; width: 58px; height: 58px; position: absolute; top: 0; right: 0; z-index: 15; text-indent: -9999em; border-left: 1px solid transparent}
header nav.expanded .menu_toggle {background-color: #424242; background-position: 2px center; border-left-color: #dddddd}
header nav ul {transition: height 1ms ease; visibility: hidden; position: absolute; top: 57px; left: 0; width: 100%; background-color: #424242; z-index: 11; padding: 0 16px; border-bottom: 1px solid #dddddd; border-top: 1px solid #dddddd; box-sizing: border-box}
header nav ul li {float: left; width: 47.5%; min-height: 45px; text-align: left; border-bottom: 1px solid #373737; border-top: 1px solid #5e5e5e}
header nav ul li:nth-child {clear: both; margin-right: 5%}
header nav ul li:nth-child, header nav ul li:nth-child {border-top-width: 0}
header nav ul li a {font: 700 15px/1 "Open Sans Condensed",sans-serif; color: #ffffff; display: block; padding: 15px 0}
header nav ul li a:visited {color: #ffffff}
header nav #menu:target, header nav.expanded #menu {visibility: visible}
header .suche {float: right; width: 58px; height: 58px}
header .suche a {-webkit-tap-highlight-color: transparent; -ms-touch-action: none; margin: 0; padding: 0; display: block; width: 58px; height: 58px; text-indent: -9999em; position: absolute; right: 58px; top: 0}
header .suche a::before {display: block; position: relative; top: 22px; left: 19px; content: ""; background: transparent url(http://m.heise.de/icons/mobi/channel_sprite.png?314159265359) no-repeat 0 -34px scroll; background-size: 130px 75px; width: 19px; height: 15px}
header .suche form {display: none; position: absolute; left: 0; top: 100%; width: 100%; background-color: #424242; z-index: 10}
header .suche form fieldset {border-width: 0; margin: 10px 16px; padding: 0; border: 2px solid #444444; text-align: left; height: 34px; -webkit-appearance: none}
header .suche form fieldset .search_text {border-radius: 3px 0 0 3px; border-width: 0; line-height: 1; font-size: 16px; padding: 7px 0 5px 10px; width: 60%; height: 34px; vertical-align: top; box-sizing: border-box; display: inline-block}
header .suche form fieldset .search_text:focus {outline: 1px; box-shadow: 0 0 4px #1982d1 inset}
header .suche form fieldset .search_reset, header .suche form fieldset .search_submit_button {display: inline-block; vertical-align: top; height: 34px; box-sizing: border-box; line-height: 34px; padding: 0 10px}
header .suche form fieldset .search_reset {border-radius: 0 3px 3px 0; border-width: 0; color: #c2c2c2; background-color: #444444; font-size: 16px; margin: 0 0 0 -4px; -webkit-appearance: none}
header .suche form fieldset .search_reset:focus {-webkit-appearance: none; outline: 0}
header .suche form fieldset .search_submit_button {float: right; background-color: #0b6bb4; color: #ffffff; border-radius: 3px; font-size: 16px; font-weight: 700; border-width: 0; margin: 0; -webkit-appearance: none}
header .suche.expanded {background-color: #424242; border-bottom-color: #f4f4f4}
header .suche.expanded a::before {background-position: 0 -19px}
header .suche form:target, header .suche.expanded form {display: block}
#page_nav {background-color: #393939; position: relative}
#page_nav ul li {float: left; border-bottom: 4px solid transparent; margin-bottom: -4px}
#page_nav ul li:first-child a {padding-left: 16px}
#page_nav ul li a {color: #ffffff; font: 700 15px/1 Helvetica,Arial,sans-serif; display: block; padding: 10px}
#page_nav ul li.active {position: relative}
#page_nav ul li.active::after {content: ""; background: transparent url(http://m.heise.de/icons/mobi/channel_sprite.png?314159265359) no-repeat 0 -11px scroll; background-size: 130px 75px; width: 13px; height: 7px; display: block; position: absolute; bottom: 0; left: 43%}
#page_nav form:target, #page_nav.expanded form {display: block}
#top_themen div section .comments, #top_themen div section time, .comment .comments, .comment time, article .comments, article time, section ol.article_list li .comments, section ol.article_list li time {font-size: 12px; line-height: 1.2}
#top_themen div section .comments, .comment .comments, article .comments, section ol.article_list li .comments {float: right; color: #444444; font-family: Roboto,"Droid Sans",Calibri,Helvetica,Arial,Verdana,sans-serif; font-weight: 400}
#top_themen div section .comments::before, .comment .comments::before, article .comments::before, section ol.article_list li .comments::before {content: ""; background: transparent url(http://m.heise.de/icons/mobi/channel_sprite.png?314159265359) no-repeat -19px -12px scroll; background-size: 130px 75px; width: 15px; height: 13px; float: left; margin: 2px 5px 0 0}
#top_themen div section .comments.link, .comment .comments.link, article .comments.link, section ol.article_list li .comments.link {color: #1982d1}
#top_themen div section .comments.link::before, .comment .comments.link::before, article .comments.link::before, section ol.article_list li .comments.link::before {content: ""; background: transparent url(http://m.heise.de/icons/mobi/channel_sprite.png?314159265359) no-repeat 0 -1px scroll; background-size: 130px 75px; width: 15px; height: 13px}
#top_themen div section .article_link, .comment .article_link, article .article_link, section ol.article_list li .article_link {display: block}
#top_themen div section a .entry_update, .sieben-tage li dl dd a .entry_update, section ol.article_list li a .entry_update {color: #888888; text-transform: uppercase; display: inline-block; padding: 0 5px; font-size: 80%}
#top_themen div section .entry_alert, .sieben-tage li dl dd .entry_alert, section ol.article_list li .entry_alert {display: inline-block; content: ""; background: transparent url(http://m.heise.de/icons/mobi/channel_sprite.png?314159265359) no-repeat -35px 0 scroll; background-size: 130px 75px; width: 11px; height: 16px; margin: 0 5px 0 0; text-indent: -9999em}
#top_themen div section time, section ol.article_list li time {color: #444444; float: left}
#top_themen div section a, section ol.article_list li a {display: block}
#top_themen div section .hl, #top_themen div section h2, section ol.article_list li .hl, section ol.article_list li h2 {clear: both; font-family: "Open Sans Condensed",sans-serif; font-weight: 700}
#top_themen div section > a > img, section ol.article_list li > a > img {float: left; width: 100px; max-width: 50%; margin: 2px 10px 10px 0}
@media only screen and (min-device-width: 768px) and (max-device-width: 1280px) and (orientation: landscape) { #top_themen div section > a > img, section ol.article_list li > a > img {float: left; width: auto; max-width: 50%} }
#top_themen div section p, section ol.article_list li p {margin: 0; font-size: 14px; line-height: 1.4; color: #000000}
#top_themen div section p.subtitle, section ol.article_list li p.subtitle {margin: -7px 0 9px; font-weight: 700}
#top_themen div section .additional_links, section ol.article_list li .additional_links {margin: 10px 0 0; clear: both}
#top_themen div section .additional_links li, section ol.article_list li .additional_links li {margin-bottom: 4px}
#top_themen div section .additional_links li a, section ol.article_list li .additional_links li a {font-size: 14px; line-height: 1.3; display: block; padding-left: 15px}
#top_themen div section .additional_links li a:visited, section ol.article_list li .additional_links li a:visited {color: #787878}
#top_themen div section .additional_links li a::before, section ol.article_list li .additional_links li a::before {content: ""; background: transparent url(http://m.heise.de/icons/mobi/channel_sprite.png?314159265359) no-repeat -40px -25px scroll; background-size: 130px 75px; width: 7px; height: 12px; float: left; margin: 3px 8px 0 -15px}
#top_article_list nav {background-image: none; background-color: transparent; padding: 0 16px}
#top_article_list nav .hl {color: #666666; margin: 5px 0 0; text-transform: uppercase; border-bottom: 3px solid #1982d1; font-family: "Open Sans Condensed",sans-serif}
#top_article_list .article_list > li:first-child {padding-top: 0}
#top_article_list .article_list > li:last-child {padding-bottom: 0}
#top_article_list .article_list > li .hl {font-size: 15px; padding: 3px 0 0}
#top_article_list .article_list > li h2 {font-size: 21px; line-height: 1.3; padding-top: 1px}
#top_article_list .article_list > li p.comment {padding: 0; margin: 10px 0 0}
#top_article_list .article_list > li p.comment a {font-size: 14px; font: 700 17px/1 "Open Sans Condensed",sans-serif}
#top_article_list .article_list > li p.comment a:visited {color: #787878}
#top_article_list .article_list > li p.comment a::before {content: ""; background: transparent url(http://m.heise.de/icons/mobi/channel_sprite.png?314159265359) no-repeat 0 -56px scroll; background-size: 130px 75px; width: 19px; height: 16px; float: left; margin: 1px 10px 0 0}
#top_article_list .article_list > li p.comment::before {margin-top: 0}
#hotline_hint {display: block; background-color: #3660a3; font-size: 20px; line-height: 47px; height: 47px; margin: 16px auto; padding: 0 40px 0 16px; color: #ffffff; text-align: center; border: 1px solid #324f8b; border-radius: 2px; position: relative; max-width: 232px}
#hotline_hint::after {content: ""; background: transparent url(http://m.heise.de/icons/mobi/channel_sprite.png?314159265359) no-repeat -87px 0 scroll; background-size: 130px 75px; width: 16px; height: 27px; position: absolute; right: 16px; top: 11px}
#recommendations {border-top: 1px solid #dddddd}
#recommendations header h2 {margin: 0; padding: 10px 16px 0 16px; font-size: 16px}
#recommendations .article_list {margin: 0}
#recommendations .article_list img {width: 75px !important}
section.themenbereiche a {color: #1982d1}
section.themenbereiche time {color: #444444}
section.themenbereiche nav {background-color: #6b6b6b; clear: both}
section.themenbereiche nav a, section.themenbereiche nav p.hl, section.themenbereiche nav span {color: #ffffff; margin: 0; float: left; width: 25%; text-align: center; font-size: 13px; line-height: 20px; padding: 6px 16px; box-sizing: border-box}
section.themenbereiche nav p.hl {font: 700 17px/1 "Open Sans Condensed",sans-serif; padding-left: 0; padding-right: 0; width: 100%}
section.themenbereiche nav .up {padding-right: 0; text-align: left}
section.themenbereiche nav .down::after, section.themenbereiche nav .up::before {content: ""; background: transparent url(http://m.heise.de/icons/mobi/channel_sprite.png?314159265359) no-repeat -20px -25px scroll; background-size: 130px 75px; width: 12px; height: 7px; float: left; margin: 6px 0 0 0}
section.themenbereiche nav .down {padding-left: 0; text-align: right}
section.themenbereiche nav .up::before {margin-right: 5px}
section.themenbereiche nav .down::after {background-position: -20px -32px; float: right; margin-left: 5px}
section.themenbereiche nav .down, section.themenbereiche nav .up {display: none}
section.themenbereiche nav .down.hide, section.themenbereiche nav .up.hide {visibility: hidden}
section.themenbereiche ol {padding: 0 16px}
section.themenbereiche ol > li {border-top: 1px solid #e8e8e8}
section.themenbereiche ol > li:first-child {border-width: 0}
section.themenbereiche ol > li h2 {margin: 0; font: 700 17px/1.2 "Open Sans Condensed",sans-serif; padding: 7px 0}
section.themenbereiche ol > li h2 a {display: block}
section.themenbereiche ol.alerts li h2 a::before {content: ""; background: transparent url(http://m.heise.de/icons/mobi/channel_sprite.png?314159265359) no-repeat -35px 0 scroll; background-size: 130px 75px; width: 11px; height: 16px; float: left; margin: 0 10px 5px 0}
section.themenbereiche ol.article_list {margin: 10px 0 20px}
section.themenbereiche ol.article_list > li {padding: 15px 0}
section.themenbereiche ol.article_list > li h2 {font-size: 19px}
section.themenbereiche ol.article_list > li h2 a {color: #1982d1}
.pagination_numbers.flex {-webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; border: none}
.pagination_numbers.flex select.pagina {width: 100%; height: 3.6em; box-sizing: border-box; -webkit-appearance: none !important; padding: 0.5em 3.7em 0.5em 0.5em; overflow: hidden; background-color: #ffffff; background-image: url(data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2032%2032%22%20enable-background=%22new%200%200%2032%2032%22%3E%3Cpath%20fill=%22%23565555%22%20d=%22M16%2019l7-7H9z%22/%3E%3Cpath%20fill=%22%23ddd%22%20d=%22M0%200h1v32H0z%22/%3E%3C/svg%3E); background-repeat: no-repeat; background-position: 100% center; border: 1px solid #dddddd; border-radius: 0; cursor: pointer; word-wrap: break-word}
.pagination_numbers.flex select.pagina:focus {outline: 0; box-shadow: inset #dddddd 0 0 0.3em}
.pagination_numbers.flex .next, .pagination_numbers.flex .prev {position: relative; top: 0; box-flex: 1; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0}
.pagination_numbers.flex .pagina {-webkit-flex-shrink: 2; -ms-flex-negative: 2; flex-shrink: 2}
.pagination_numbers {border-top: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; border-radius: 5px; margin: 16px 0; padding: 0; text-align: center}
.pagination_numbers .prev {float: left; border-radius: 3px 0 0 3px}
.pagination_numbers .next {float: right; text-align: right; border-radius: 0 3px 3px 0}
.pagination_numbers .next, .pagination_numbers .prev {width: 40px; height: 40px; background-color: #565555; text-indent: -9999em; font-size: 0; line-height: 0; position: relative; top: -1px}
.pagination_numbers .next::after, .pagination_numbers .prev::after {content: ""; background: transparent url(http://m.heise.de/icons/mobi/forum_sprite.png?0112358132134) no-repeat 0 0 scroll; background-size: 200px 120px; width: 40px; height: 40px; display: block}
.pagination_numbers span.next, .pagination_numbers span.prev {background-image: none; background-color: #dbdada}
.pagination_numbers span.next::after {background-position: 0 -40px}
.pagination_numbers a.prev::after {background-position: -40px 0}
.pagination_numbers a.next::after {background-position: -40px -40px}
.pagination_numbers ul.numbers {padding: 0; margin: 0 auto; display: inline-block; text-align: center; height: 38px}
.pagination_numbers ul.numbers li {display: inline-block}
.pagination_numbers ul.numbers li span {font-weight: 700; color: #000000 !important}
.pagination_numbers ul.numbers li a, .pagination_numbers ul.numbers li span {display: block; color: #999999; padding: 0 5px; margin: 0; font-size: 14px; line-height: 40px}
article p.comment {margin: 2em 0; clear: both; background-color: #1982d1; border-radius: 5px; -webkit-font-smoothing: antialiased}
article p.comment a {display: block; padding: 10px 16px; font: 700 17px/1 "Open Sans Condensed",sans-serif; color: #ffffff}
article p.comment::before {content: ""; background: transparent url(http://m.heise.de/icons/mobi/channel_sprite.png?314159265359) no-repeat -26px -56px scroll; background-size: 130px 75px; width: 19px; height: 16px; float: left; margin: 11px 10px 0 16px}
article .article_meta p.themen_label {margin: 0; float: left}
article .article_meta .themen {list-style-type: none; padding: 0 0 0 70px; margin: 0}
article .article_meta .themen li {display: inline-block; margin-right: 10px}
article .article_meta .themen li a {font-weight: 700}
article .article_meta .themen li:last-child {margin-right: 0}
#pagination {padding: 10px 16px 0; margin: 10px 0 15px; clear: both}
#pagination.article_view {margin: 0 0 11px}
#pagination a, #pagination span {width: 50%; font: 700 14px/1 "Open Sans Condensed",sans-serif}
#pagination span {color: #c6c6c6}
#pagination .next::after, #pagination .prev::before {content: ""; background: transparent url(http://m.heise.de/icons/mobi/channel_sprite.png?314159265359) no-repeat -31px -25px scroll; background-size: 130px 75px; width: 8px; height: 12px; margin-top: 1px}
#pagination .prev::before {margin-right: 5px; float: left}
#pagination .next::after {background-position: -39px -25px; margin-left: 5px; float: right}
#pagination .prev {float: left; text-align: left}
#pagination .next {float: right; text-align: right}
#slideshow .back_link, #zoom_img .back_link {color: #999999; font-size: 14px; line-height: 1}
#slideshow .back_link a, #zoom_img .back_link a {font: 700 17px/1.3 "Open Sans Condensed",sans-serif; display: block; margin: 5px 0 0}
#slideshow {padding: 16px}
#slideshow h1, #slideshow h2 {margin: 0; font: 700 14px/1 "Open Sans Condensed",sans-serif}
#slideshow h1 {color: #999999}
#slideshow h2 {font-size: 24px; color: #000000; margin: 7px 0 0}
#slideshow figure {display: block; margin: 12px -16px 0; padding: 0}
#slideshow figure img {width: 100%}
#slideshow figure figcaption {margin: 0 16px; padding: 0}
#slideshow figure figcaption p {font-size: 12px; line-height: 1.2; margin: 16px 0}
#slideshow figure figcaption p.source {margin-top: 0; text-align: right}
.sieben-tage {margin: 0}
.sieben-tage:last-of-type li:last-child {border-bottom-width: 0}
.sieben-tage li {border-bottom: 2px solid #000000; padding: 0 20px}
.sieben-tage li dl dt time {font-size: 14px; line-height: 1; color: #000000}
.sieben-tage li dl dd {padding: 0; margin: 0}
.sieben-tage li dl dd a {font: 700 17px/1.3 "Open Sans Condensed",sans-serif; padding: 10px 0; border-bottom: 1px solid #e8e8e8; display: block}
.sieben-tage li dl dd:last-child a {border-bottom-width: 0}
#forum p.back::before, #slideshow .back_link::before, #zoom_img .back_link::before {float: left; margin: 0 10px 10px 0; content: ""; background: transparent url(http://m.heise.de/icons/mobi/forum_sprite.png?0112358132134) no-repeat 0 0 scroll; background-size: 200px 120px; width: 40px; height: 40px}
#forum h1 {margin: 10px 0 9px 16px}
#forum p#no_threads_yet {padding: 0 16px; color: #999999; font-weight: 700}
#forum p.back {font-size: 14px; line-height: 1; color: #9a9999; padding: 16px 16px 16px 0; margin: 0}
#forum p.back::before {height: 20px; background-position: 0 -10px; position: relative; top: -2px}
#forum p.back a {font: 700 17px/1.3 "Open Sans Condensed",sans-serif; display: block; margin: 5px 0 0; padding-left: 50px}
#forum nav {padding: 16px; clear: both}
#forum nav.bottom {margin: 0; padding-bottom: 0}
#forum nav > a, #forum nav > span {position: relative; width: 30px; height: 30px; background-color: #565555; text-indent: -9999em; font-size: 0; line-height: 0; border-radius: 3px}
#forum nav > a::after, #forum nav > span::after {display: block; position: absolute; top: 0; left: 0; content: ""; background: transparent url(http://m.heise.de/icons/mobi/forum_sprite.png?0112358132134) no-repeat -4px -5px scroll; background-size: 200px 120px; width: 30px; height: 30px}
#forum nav > span.next::after {background-position: -6px -45px}
#forum nav > span.next, #forum nav > span.prev {background-color: #919191}
#forum nav > a.prev::after {background-position: -44px -5px}
#forum nav > a.next::after {background-position: -46px -45px}
#forum nav > a.thread::after {background-position: -80px 0}
#forum nav > a.create::after {background-position: -85px -45px}
#forum nav > a.reply::after {background-position: -125px -5px}
#forum nav > a.edit::after {background-position: -85px -45px}
#forum nav > .prev {margin-right: 4px}
#forum nav > .next {margin-right: 10px}
#forum nav > .next, #forum nav > .prev, #forum nav > .thread {float: left}
#forum nav > .create, #forum nav > .edit, #forum nav > .reply {float: right; margin-left: 5px}
#forum nav .thread_nav {margin-bottom: 15px; font: 700 12px/1 "Open Sans Condensed",sans-serif}
#forum nav .thread_nav .forum_up, #forum nav .thread_nav .thread_next, #forum nav .thread_nav .thread_prev, #forum nav .thread_nav .thread_up {position: relative; box-sizing: border-box; text-transform: uppercase}
#forum nav .thread_nav .forum_up span, #forum nav .thread_nav .thread_next::after, #forum nav .thread_nav .thread_prev::before, #forum nav .thread_nav .thread_up span {display: inline-block; content: ""; background: transparent url(http://m.heise.de/icons/mobi/forum_sprite.png?0112358132134) no-repeat 0 0 scroll; background-size: 200px 120px; width: 6px; height: 10px}
#forum nav .thread_nav .thread_next::after, #forum nav .thread_nav .thread_prev::before {position: absolute; top: 1px; left: 0}
#forum nav .thread_nav .forum_up span, #forum nav .thread_nav .thread_prev::before, #forum nav .thread_nav .thread_up span {background-position: -14px -83px}
#forum nav .thread_nav .thread_next, #forum nav .thread_nav .thread_prev {width: 30%; float: left; padding-left: 13px}
#forum nav .thread_nav .thread_next {float: right; text-align: right; padding-right: 13px}
#forum nav .thread_nav .thread_next::after {left: auto; right: 0; background-position: -57px -83px}
#forum nav .thread_nav .forum_up, #forum nav .thread_nav .thread_up {float: left; width: 40%; text-align: center}
#forum nav .thread_nav .forum_up span, #forum nav .thread_nav .thread_up span {position: relative; top: 1px; margin-right: 8px; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg)}
#forum nav .thread_nav .forum_up {width: 100%}
#forum nav .thread_nav > span {color: #cccccc}
#forum > ol {margin: 0; padding: 0 16px}
#forum > ol li {padding: 10px 0 13px; border-bottom: 1px solid #e8e8e8; position: relative}
#forum > ol li > a {display: block}
#forum > ol li .user, #forum > ol li time {padding: 8px 0 0; vertical-align: top}
#forum > ol li .user {margin: 0 15px 0 0; display: block}
#forum > ol li time {margin-right: 15px; display: inline-block}
#forum > ol li p {font: 700 17px/1.3 Roboto,"Droid Sans",Calibri,Helvetica,Arial,Verdana,sans-serif; margin: 0}
#forum > ol li .comments {position: absolute; right: 0; bottom: 10px; color: #999999; font-size: 40px; line-height: 1}
#forum > ol.replys {background-color: #434343; padding: 0; border-top: 1px solid #a0a0a0; margin-top: 24px}
#forum > ol.replys li {padding: 0; border-bottom-width: 0}
#forum > ol.replys li section > a {display: block}
#forum > ol.replys li .user {display: inline-block; max-width: 170px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden}
#forum > ol.replys li .reply {background-color: #ffffff; padding: 16px; border-bottom: 1px solid #a0a0a0}
#forum > ol.replys li .reply p {margin: 0}
#forum > ol.replys li .reply a {font-size: 14px; display: block; color: #1982d1}
#forum > ol.replys li .reply a:visited {color: #787878}
#forum > ol.replys li .reply.shown_posting {background-color: #e9e9e9}
#forum > ol.replys li .reply.shown_posting a:link, #forum > ol.replys li .reply.shown_posting a:visited {color: #333333; font-weight: 700}
#forum > ol.replys li ol.replys {padding: 0 0 0 10px}
#forum .posting .user, #forum .posting time, #forum ol li .user, #forum ol li time {font-size: 12px; line-height: 1.2; color: #444444}
#forum .posting .user, #forum ol li .user {color: #000000; font-weight: 700}
#forum .posting span.rating, #forum ol li span.rating {width: 30px; height: 11px; background-color: #cccccc; display: inline-block; margin: 9px 0 0; vertical-align: top}
#forum .posting span.rating .negative, #forum .posting span.rating .positive, #forum ol li span.rating .negative, #forum ol li span.rating .positive {width: 15px; height: 11px; float: left}
#forum .posting span.rating .negative span, #forum .posting span.rating .positive span, #forum ol li span.rating .negative span, #forum ol li span.rating .positive span {display: inline-block; height: 11px; vertical-align: top}
#forum .posting span.rating .negative span, #forum ol li span.rating .negative span {background-color: #ff0000}
#forum .posting span.rating .positive span, #forum ol li span.rating .positive span {background-color: #008000}
#forum .posting {padding: 0 16px}
#forum .posting h1 {font: 700 17px/1.3 "Open Sans Condensed",sans-serif; margin: 0 0 8px; color: #1982d1}
#forum .posting .user {margin: 8px 0 3px}
#forum .posting span.rating {margin-top: 5px !important}
#forum .posting div.posting_text {margin: 24px 0 16px; font-size: 14px; line-height: 1.3}
#forum .posting div.posting_text code {white-space: pre-wrap}
#forum .posting div.posting_text .legacy {word-wrap: break-word}
#forum .posting p {font: inherit; margin: 18px 0}
#forum .posting blockquote {margin-left: -16px; border-left: 5px solid #0095db; padding-left: 11px; font-style: italic}
#forum .posting blockquote p:first-child::before {content: "„"}
#forum .posting blockquote p:last-child::after {content: "“"}
#forum .posting blockquote blockquote {margin-left: 0}
#forum .posting section.rating a {width: 30px; height: 30px; border: 1px solid transparent; border-radius: 3px; text-indent: -9999em; font-size: 0; line-height: 0}
#forum .posting section.rating a.rating-plus.no-margin {margin-right: 0}
#forum .posting section.rating a.rating-minus-minus, #forum .posting section.rating a.rating-plus-plus {width: 60px}
#forum .posting section.rating a.rating-minus-minus, #forum .posting section.rating a.rating-plus {margin-right: 10px}
#forum .posting section.rating a.rating-minus, #forum .posting section.rating a.rating-minus-minus {float: left; background-color: #dc0000}
#forum .posting section.rating a.rating-plus, #forum .posting section.rating a.rating-plus-plus {float: right; background-color: #549d00}
#forum .posting section.rating a.rating-minus-minus::after, #forum .posting section.rating a.rating-minus-minus::before, #forum .posting section.rating a.rating-minus::before, #forum .posting section.rating a.rating-plus-plus::after, #forum .posting section.rating a.rating-plus-plus::before, #forum .posting section.rating a.rating-plus::before {display: block; content: ""; background: transparent url(http://m.heise.de/icons/mobi/forum_sprite.png?0112358132134) no-repeat 0 0 scroll; background-size: 200px 120px; width: 30px; height: 30px}
#forum .posting section.rating a.rating-minus-minus::after, #forum .posting section.rating a.rating-minus-minus::before, #forum .posting section.rating a.rating-minus::before {background-position: -150px -40px}
#forum .posting section.rating a.rating-plus-plus::after, #forum .posting section.rating a.rating-plus-plus::before, #forum .posting section.rating a.rating-plus::before {background-position: -120px -40px}
#forum .posting section.rating a.rating-minus-minus::before, #forum .posting section.rating a.rating-plus-plus::before {float: left}
#forum .posting section.rating a.rating-minus-minus::after, #forum .posting section.rating a.rating-plus-plus::after {float: right}
#forum .reply_links p {margin: 32px 16px 16px; font-size: 14px; font-style: italic}
#forum form {padding: 0 16px 16px}
#forum form input#email_notification + label {font-size: 13px; line-height: 1.3}
#forum form fieldset {padding: 0; margin: 18px 0 0; border-width: 0}
#forum form fieldset.text_inputs {margin: 24px 0 0}
#forum form fieldset.text_inputs input, #forum form fieldset.text_inputs label, #forum form fieldset.text_inputs textarea {display: block}
#forum form fieldset.text_inputs label {font-size: 15px; line-height: 1; font-weight: 700}
#forum form fieldset.text_inputs input, #forum form fieldset.text_inputs textarea {font: inherit; margin: 5px 0 30px; border: 1px solid #cbcbcb; border-radius: 3px; box-sizing: border-box; padding: 5px; width: 100%; box-shadow: inset 2px 2px 5px rgba(206, 208, 207, 0.3)}
#forum form fieldset.text_inputs #msg_body {height: 150px}
i.fa.fa-desktop::after {content: "Desktop-Version"; font-size: 0.6em; display: inline-block; padding-left: 0.6em}
#search_results {padding: 16px}
#search_results h1 {font: 700 18px/1.3 "Open Sans Condensed",sans-serif; margin: 0 0 16px}
#search_results form input[type="text"] {border: 1px solid #333333; line-height: 1; font-size: 16px; margin: 0; padding: 5px; -webkit-appearance: none; width: 70%; max-width: 200px}
#search_results form input[type="submit"] {height: 30px; line-height: 32px; padding: 0 10px; background-color: #0b6bb4; color: #ffffff; font-size: 14px; font-weight: 700; border-width: 0; margin: 0; border-radius: 0; -webkit-appearance: none}
#zoom_img {padding: 16px}
#zoom_img h1 {font: 700 1.25em/1.2 "Open Sans Condensed",sans-serif; margin: 0.5em 0}
#zoom_img > img {max-width: 100%}
#zoom_img .caption {font-size: 12px; line-height: 18px; margin: 6px 0}
#zoom_img .back_link {margin-top: 20px}
#userdb_sso {padding: 16px}
#userdb_sso .error {text-align: center; color: #bb0000; font-weight: 700}
#userdb_sso form {margin: 0 auto; width: 100%; max-width: 700px; text-align: center}
#userdb_sso form fieldset {border-width: 0; padding: 0; margin: 0 0 24px; text-align: left}
#userdb_sso form fieldset legend {font-size: 19px; line-height: 1; font-weight: 700; text-indent: 0; padding: 0 0 24px; text-align: center; margin: 0; display: block}
#userdb_sso form fieldset input {font: inherit; display: block; width: 100%; box-sizing: border-box; padding: 5px; border: 1px solid #cbcbcb; border-radius: 3px; box-shadow: inset 2px 2px 10px rgba(206, 208, 207, 0.5); margin-bottom: 12px}
#userdb_sso form > input {width: 100%; max-width: 220px; height: 40px; color: #ffffff; font-size: 19px; line-height: 35px; font-weight: 700; border: 1px solid #3c9215; border-radius: 3px; background-color: #44a917}
footer {background-color: #424242; margin-top: 20px}
footer::after {display: table; clear: both; content: ""}
footer .top_link {display: block; text-align: center; font: 700 15px/1 "Open Sans Condensed",sans-serif; padding: 15px 0; margin: 0 16px; color: #ffffff; border-bottom: 1px solid #373737}
footer .top_link::after {content: ""; background: transparent url(http://m.heise.de/icons/mobi/channel_sprite.png?314159265359) no-repeat -20px -25px scroll; background-size: 130px 75px; width: 12px; height: 7px; display: inline-block; margin: 0 0 1px 8px}
footer ul {border-top: 1px solid #5e5e5e; margin: 0 16px 0}
footer ul li {width: 47.5%; float: left; border-bottom: 1px solid #5e5e5e; position: relative}
footer ul li:nth-child {margin-right: 5%; clear: both}
footer ul li.rss_feed a {vertical-align: top}
footer ul li.rss_feed a::after {content: ""; background: transparent url(http://m.heise.de/icons/mobi/channel_sprite.png?314159265359) no-repeat -20px -40px scroll; background-size: 130px 75px; width: 15px; height: 15px; display: inline-block; margin: 0 0 0 8px; position: absolute}
footer ul li a {display: block; color: #ffffff; font: 700 15px/1 "Open Sans Condensed",sans-serif; padding: 13px 0; border-bottom: 1px solid #373737}
footer .copy {margin: 10px 16px 5px; color: #c6c6c6; font-size: 10px; text-align: center}
#themenseiten_intro {margin: 0 16px 16px}
#themenseiten_intro h1 {font: 700 1.25em/1.2 "Open Sans Condensed",sans-serif}
#themenseiten_intro h1 a {text-indent: -9999em; display: inline-block; background: transparent url(http://m.heise.de/icons/ho/heise_online_navi_sprite.gif) no-repeat -155px -35px scroll; width: 20px; height: 20px; overflow: hidden; margin: 0 0 0 10px; position: relative; top: 2px}
#themenseiten_intro #themenseiten_intro_content {position: relative; overflow: hidden}
#themenseiten_intro #themenseiten_intro_content.short {max-height: 110px}
#themenseiten_intro #themenseiten_intro_content.short::after {content: ""; width: 100%; height: 50px; display: block; position: absolute; top: 60px; left: 0; margin: 0; padding: 0}
#themenseiten_intro #themenseiten_intro_content img {float: right; margin: 0 0 15px 15px; max-width: 40%; height: auto}
#themenseiten_intro #themenseiten_intro_content p {font-size: 0.8em; line-height: 1.3; margin-top: 0}
#themenseiten_intro div.short + #themenseiten_expander > span.less {display: none}
#themenseiten_intro div:not + #themenseiten_expander > span.more {display: none}
#themenseiten_intro #themenseiten_expander {text-align: center; font-size: 14px; line-height: 1; cursor: pointer; padding: 0; margin: 16px 0 0}
article #clubmitgliedschaft {margin-bottom: 20px}
article #clubmitgliedschaft a {float: none; display: inline}
article #clubmitgliedschaft h2 {color: #000000; font: 700 19px "Open Sans Condensed",sans-serif; margin-bottom: 10px}
article #clubmitgliedschaft .mitglied_werden {background: #000000; color: #ffffff; padding: 10px 15px; text-decoration: none; margin: 0; letter-spacing: 0.06em; display: inline-block; border-radius: 5px; margin-bottom: 20px; box-shadow: 0 1px 50px #56aa01 inset , 0 0 10px 30px #5eba01 inset}
article #clubmitgliedschaft .pay {background: url(http://m.heise.de/foto/icons/2014/bezahl_methoden.png) no-repeat -32px -52px; height: 21px; width: 189px; display: block}
.foto_club_icon_big {margin-right: 20px; background: url(http://m.heise.de/foto/icons/2014/club_icon.png) no-repeat -10px -10px; height: 40px; display: inline-block; float: left; margin-right: 10px; padding-left: 50px}
.foto_club_icon_big span.club_link {font-weight: 200; color: #333333; margin-top: 10px; display: inline-block}
a .club_icon_small, h2 .club_icon_small {float: left; margin: 0 5px 0 0}
.foto_club_hinweis {background-color: #e2f5f8; padding: 10px}
.foto_club_hinweis .printshop_rabatt {display: inline-block; margin: 22px 48px 0 30px; float: left}
.foto_club_hinweis small {color: #888888; font-size: 0.7em; display: block; clear: both; text-align: center; padding-top: 5px}
.foto_club_hinweis .button {float: right; background-color: #58ae01; font-size: 14px}
.foto_club_hinweis a.video_tour {float: right; font-size: 16px; margin: 10px 0}
.foto_club_hinweis a.video_tour img, .foto_club_hinweis a.video_tour span {float: right}
.foto_club_hinweis a.video_tour span {margin-right: 20px; padding-top: 11px}
.foto_club_hinweis.clubbed_in {background-color: #bbd953}
.foto_club_hinweis.clubbed_in .user {display: inline-block; float: right; margin: 10px 0}
.foto_club_hinweis.clubbed_in .user .user_name, .foto_club_hinweis.clubbed_in .user .wellcome {float: left; margin-right: 10px}
.foto_club_hinweis.clubbed_in .user .profile_photo {height: 40px; width: 50px; float: left; text-align: center; line-height: 43px; margin-right: 5px}
.foto_club_hinweis.clubbed_in .user .profile_photo img {max-height: 40px; max-width: 50px}
.foto_club_hinweis.clubbed_in .user .user_name {margin-right: 0}
.foto_club_hinweis.clubbed_in .user .user_name, .foto_club_hinweis.clubbed_in .user .wellcome {padding-top: 10px}
.foto_club_hinweis.clubbed_in .printshop_rabatt {float: right; margin-right: 0}
.preisvergleich {padding: 8px 16px; max-width: 600px; margin: 0 auto !important}
.preisvergleich .preisvergleich_liste {margin: 0 auto}
.preisvergleich .preisvergleich_liste li {clear: both; margin-bottom: 8px}
@media only screen and (min-width: 600px) { .preisvergleich .preisvergleich_liste li {padding: 0 35px 0 70px} }
.preisvergleich .preisvergleich_liste .preisvergleich_produktbild {float: left; max-width: 60px; margin-right: 16px}
.preisvergleich .preisvergleich_liste .preisvergleich_produktbild img {max-width: 100%}
.preisvergleich .preisvergleich_liste .preisvergleich_produktname {display: block; text-align: left; vertical-align: middle}
.preisvergleich .preisvergleich_liste .preisvergleich_produktpreis {color: #cc0000; font-style: normal; font-weight: 400; white-space: nowrap}
.notify {background-color: #fcfff6; border-bottom: 1px solid #bbd953; padding: 0 3%}
.notify .title {font-weight: 200; font-size: 16px}
.notify .title span {font-weight: 400}
.notify p {width: 80%}
.uxss-check {margin-bottom: 80px}
.uxss-check h1 {font-size: 1.8em}
.uxss-check h2 {font-size: 1.8em; color: #000000; margin: 32px 0 20px}
.uxss-check .android-version {font-size: 1.2em; margin: 10px 0}
.uxss-check .info + .android-version {color: #329900}
.uxss-check .warn + .android-version {color: #cc0000}
.uxss-check .wasnun {list-style: none; margin: 0 0 40px; padding: 0}
.uxss-check .wasnun li {-webkit-align-items: center; -ms-flex-align: center; align-items: center}
.uxss-check .wasnun .fa {color: #cccccc; font-size: 65px; width: 65px; text-align: center; -webkit-flex: none; -ms-flex: none; flex: none}
.uxss-check .wasnun .li-content {padding: 5px 0 0 10px; font-size: 1.2em}
.uxss-check .artikel-link {background-color: #1983d1; border-radius: 6px}
.uxss-check .artikel-link a {-webkit-align-items: center; -ms-flex-align: center; align-items: center}
.uxss-check .artikel-link .fa {padding: 15px 6px 18px; font-size: 45px; width: 45px; text-align: center; color: #85c0ea; -webkit-flex: none; -ms-flex: none; flex: none}
.uxss-check .artikel-link .artikel-titel {font-size: 1.2em; color: #ffffff}
#uxssresult strong {font-size: 1.2em; font-weight: 400}
#uxssresult.result {-webkit-align-items: center; -ms-flex-align: center; align-items: center}
#uxssresult.result .fa {padding: 14px 6px; font-size: 65px; width: 65px; text-align: center; -webkit-flex: none; -ms-flex: none; flex: none}
#uxssresult.result.info {color: #000000; background-color: #fbfdf8; border: 2px solid #4fd02e}
#uxssresult.result.info .fa {color: #329900}
#uxssresult.result.warn {color: #cc0000; background-color: #fbfdf8; border: 2px solid #fd0000}
#uxssresult.result.warn .fa {color: #cc0000}
.shariff .orientation-horizontal {margin-bottom: 10px}
@media only screen and (min-width: 360px) { .shariff .orientation-horizontal.col-5 li {-webkit-flex: 1; -ms-flex: 1; flex: 1; min-width: 65px} }
@media only screen and (min-width: 360px) { .shariff .orientation-horizontal.col-5 li .share_count {padding: 0 3px} }
@media only screen and (min-width: 360px) { .shariff .orientation-horizontal.col-5 li.info {min-width: 25px} }
@media only screen and (min-width: 420px) { .shariff .orientation-horizontal.col-5 li {min-width: 80px} }
@media only screen and (min-width: 420px) { .shariff .orientation-horizontal.col-5 li .share_count {padding: 0 8px} }
@media only screen and (min-width: 480px) { #page_nav ul li.suche form fieldset .search_text {width: 75%} }
@media only screen and (min-width: 480px) { #top_article_list nav .hl {width: 100%} }
@media only screen and (min-width: 480px) { #top_article_list ol.article_list > li:nth-child {padding-top: 0} }
@media only screen and (min-width: 480px) { #top_article_list ol.article_list > li:nth-child, #top_themen div section:nth-child, section ol.article_list > li:nth-child {border-top-width: 0} }
@media only screen and (min-width: 480px) { #top_article_list ol.article_list > li > a > img.large, #top_themen div section > a > img.large, section ol.article_list > li > a > img.large {float: none; display: block; width: auto; max-width: 200px} }
@media only screen and (min-width: 480px) { section ol.article_list > li {float: left; width: 47.5%} }
@media only screen and (min-width: 480px) { section ol.article_list > li:nth-child {clear: both; margin-right: 5% !important} }
@media only screen and (min-width: 480px) { section.themenbereiche nav .down, section.themenbereiche nav .up {display: block; width: 30%} }
@media only screen and (min-width: 480px) { section.themenbereiche nav p.hl {width: 40%} }
@media only screen and (min-width: 480px) { .toc .toc_pagination ul li a, .toc .toc_pagination ul li span {margin: 0 3px} }
@media only screen and (min-width: 480px) { .uxss-check h2 {margin-top: 48px} }
@media only screen and (min-width: 480px) { .uxss-check .android-version {font-size: 1.5em; margin: 20px 0} }
@media only screen and (min-width: 480px) { .uxss-check .wasnun .fa {font-size: 75px; width: 75px} }
@media only screen and (min-width: 480px) { .uxss-check .wasnun .li-content {font-size: 1.5em} }
@media only screen and (min-width: 480px) { .uxss-check .artikel-link .fa {padding: 22px 15px 25px; font-size: 65px; width: 65px} }
@media only screen and (min-width: 480px) { .uxss-check .artikel-link .artikel-titel {font-size: 1.5em} }
@media only screen and (min-width: 480px) { #uxssresult strong {font-size: 1.5em} }
@media only screen and (min-width: 480px) { #uxssresult.result .fa {padding: 14px 20px; font-size: 85px; width: 20%} }
@media only screen and (min-width: 600px) { #page_nav ul li.suche form fieldset .search_text {width: 80%} }
@media only screen and (min-width: 768px) { #page_nav ul li.suche form fieldset .search_text {width: 85%} }
@media only screen and (min-width: 768px) { article .ad_container {margin-left: 0; margin-right: 0} }
@media only screen and (min-width: 768px) { .ad_container.ad_bottom > div {max-width: 100%; width: 100%} }
@media only screen and (min-width: 960px) { #page_nav ul li.suche form fieldset .search_text {width: 88%} }
@media only screen and (min-width: 1024px) { #page_nav ul li.suche form fieldset .search_text {width: 89%} }
.toc {display: block; margin-bottom: 16px}
.toc .next, .toc .prev {display: block}
.toc .next {float: right}
.toc .prev {float: left}
.stream_pagination {margin: 16px}
.message {margin: 0; padding: 0; display: inline-block; text-align: center}
.message.error {color: #dc0000}
.message.info {color: #549d00}
.mobi-desktop-menu {position: absolute; background: #424242; border: 3px solid #5e5e5e; width: 200px; bottom: 55px; padding: 10px 10px 20px 10px; color: #ffffff; display: none}
.mobi-desktop-menu header {display: block; margin: 0 0 20px 0; font-weight: 700; -webkit-font-smoothing: antialiased}
.mobi-desktop-menu input[type="radio"] {position: absolute; clip: rect(0, 0, 0, 0)}
.mobi-desktop-menu input[type="radio"] + label {display: block; padding: 0.5em 1em; background: #222222; border: none 0; text-align: center}
.mobi-desktop-menu input[type="radio"]:active + label, .mobi-desktop-menu input[type="radio"]:checked + label {background: #549d00}
.mobi-desktop-menu:after, .mobi-desktop-menu:before {top: 100%; left: 20%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none}
.mobi-desktop-menu:after {border-top-color: #424242; border-width: 20px; margin-left: -20px}
.mobi-desktop-menu:before {border-top-color: #5e5e5e; border-width: 24px; margin-left: -24px}