/*
Title: Screen Styles for macprime.ch v8
Author: Stefan Rechsteiner, stefanrechsteiner.com
Copyright: 2002-2014, melamedia - All rights resevered
Start: 2012-02-22
Update: 2014-10-10
#0064a1 = rgb(0,100,161);
*/
* {padding:0;margin:0;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative}
html {font-size:100%;overflow-y:scroll;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
body {font:normal 100%/1 "Lucida Grande","Lucida Sans Unicode","Lucida Sans",sans-serif;background:rgb(255,255,255);color:rgb(6,6,6)}
header,footer,section,aside,nav,article {display:block}
h1,h2,h3,h4,h5,h6 {font-size:1em;font-weight:normal;line-height:1.4}
img,a img {border:0}
img {-ms-interpolation-mode:bicubic}
ul, ol, dl {list-style:none}
fieldset {border:none}
cite {font-style: normal}
mark {background-color:rgba(255,206,64,1);color:black;padding:.25em}
a {color:rgb(0,100,161);text-decoration:none;-webkit-transition:.2s ease;transition:.2s ease}
.notouch .entryPageWrapper a:hover,
.notouch .wrapper a:hover,
.notouch .startPage.mainContent a:hover,
.notouch .colR a:hover,
.notouch #mainf a:hover {color:rgb(0,52,84)}
a:active,
a:click {outline:none}
hr {background-color:rgb(237,237,237);color:rgb(237,237,237);height:.125em;max-width:47em;border:none}
.hrpadding {margin:2em 0 3em;clear:both}
.tableRow {display:table;width:100%}
.tableCell {display:table-cell}
.floatRight {float:right}
.floatLeft {float:left}
.floatCenter {margin:0 auto}
.textRight {text-align:right}
.textCenter {text-align:center}
.textLeft {text-align:left}
.verticalTop {vertical-align:top}
.verticalBottom {vertical-align:bottom}
.block {display:block}
.noWrap {white-space:nowrap}
.noListStlye {list-style-type:none}
.clear {clear:both}
.clearBlock {clear:both;display:block;margin:.5em 0 1em}
.noscroll {overflow:hidden}
.paddingTop {padding-top:2em}
.marginTop {margin-top:3em}
.alert {color:rgb(161,0,0) !important}
.attention {color:rgb(161,100,0) !important}
.success {color:rgb(0,161,0) !important}
.unobtrusive {color:rgb(106,106,106) !important}
.mailBadge {font-size:.625em;position:absolute;top:-.25em;right:.5em;background:rgb(161,0,0);color:white;min-width:1em;text-align:center;padding:.5em;border-radius:2em;border:.25em solid white;z-index:1010;-webkit-box-shadow:0 0 .5em rgba(18,18,18,.75);box-shadow:0 0 .5em rgba(18,18,18,.75)}
.hiddendiv {display:none;white-space:pre-wrap;width:99%;min-height:4em;overflow:hidden;padding:0;word-wrap:break-word;font-size:1em}
.showScroll::-webkit-scrollbar {-webkit-appearance:none;width:11px;height:11px}
.showScroll::-webkit-scrollbar-thumb {border-radius:8px;border:2px solid white;background-color:rgba(0,0,0,.25)}
.wrap {width:95%;margin:0 auto}
.transition .wrap {-webkit-transition:.2s ease;transition:.2s ease/* ;-webkit-font-smoothing:antialiased */}
.elementWrap {max-width:47em}
.entryExpired {opacity:.25}
.iealert {padding:5em 1em;color:red;text-align:center;font-size:1.25em;line-height:1.825}
/* Header */
#mainh {background:rgba(38,38,38,.975);border-top:.313em solid rgb(0,100,161);margin:0 auto;z-index:1000;overflow:visible;/*;background:-webkit-gradient(linear,0% 0%,0% 100%,color-stop(0,rgb(57,57,57)),color-stop(0.3,rgb(42,42,42)),color-stop(0.8,rgb(12,12,12)));background:-webkit-linear-gradient(top,rgb(57,57,57)0%,rgb(42,42,42)30%,rgb(12,12,12)80%);background:linear-gradient(to bottom,rgb(57,57,57)0%,rgb(42,42,42)30%,rgb(12,12,12)80%);*/}
.wrap#mainnav {width:100%}
/* Logo */
#mainnavLogoLink {text-align:center;padding-bottom:.75em;/*margin:-.364em 0 0;padding:.5em 3% .25em;display:inline-block;border-top:.308em solid transparent*/}
#mainnavLogoLinkImg {width:auto;height:3.231em}
/* Main Navigation */
.mainnavWrap {text-align:center}
#mainnavContainer {display:none;text-align:left}
#mainnav:target #mainnavContainer {display:block}
.headerLink {display:block;color:rgb(162,162,162);padding:.75em 3%;font-size:.75em;border-bottom:.083em solid rgb(52,52,52);border-bottom:.083em solid rgba(52,52,52,.5);-webkit-transition:border-top-color .2s ease,background .2s ease;transition:border-top-color .2s ease,background .2s ease}
.mainnavLiLinkTitle {font-size:1.231em;font-weight:normal;padding:0 .5em .2em 0;color:rgb(232,232,232)}
/* Desktop Interaction with Navigation */
.nojs .headerLink:hover,
.notouch .headerLink:hover,
.nojs #mainnavProfil:hover,
.notouch #mainnavProfil:hover,
.nojs #mainnavLogin:hover,
.notouch #mainnavLogin:hover,
.nojs .headerLink.active,
.notouch .headerLink.active,
.touch #mainnavLogo:target .headerLink,
.touch .mainnavLi:target .headerLink {background:rgba(0,0,0,.25)}
/* Mobile Interaction with Navigation */
.headerLink {-webkit-tap-highlight-color:rgba(12,12,12,.5)}
/* Colabse MainNav TinyScreen */
.mainnavMore,
.mainnavLess,
#mainnavLive {color:rgb(232,232,232);display:block;position:absolute;top:0;left:0;background:rgba(57,57,57,.5);width:2.25em;padding:1.333em 0 1.25em;text-align:center;z-index:500;font-size:1em;box-shadow:-3px 0px 2px -2px rgba(0,0,0,.1)}
#mainnavLive {right:0;left:auto}
#mainnavLiveImg {height:.938em;width:.938em}
.mainnavLess {display:none;color:rgb(162,162,162)}
#mainnav:target .mainnavMore {display:none}
#mainnav:target .mainnavLess {display:block;z-index:1000;background:rgba(12,12,12,.25)}
#siteLive #mainnavLive {background:rgba(12,12,12,.25);color:rgb(162,162,162)}
/* Global Search */
#globalFind {margin:.75em 0;padding:0 3%}
#globalFindField {background:black;color:white;border:.1em solid rgb(29,29,29);padding:.4em 1em .4em 2em;font-size:.875em;border-radius:1em;outline:0;width:100%;margin:0 auto;}
#globalFind:before {content:'';position:absolute;top:50%;left:5%;display:block;width:1.25em;height:1.25em;background:transparent url(/_images/sprites/sprite.png) no-repeat 0 -221px;z-index:100;margin-top:-.5em;-webkit-transition:.2s ease;transition:.2s ease}
#globalFindField:focus {box-shadow:0 0 1em .2em rgb(0,100,161)}
/* Profil Avatar Mainnav */
#mainnavProfil {display:block;color:rgb(162,162,162);border-bottom:.068em solid rgba(52,52,52,.5)}
.mainnavProfilSpan {padding:.5em 3%;display:block;}
#mainnavProfil .mainnavLiLinkTitle {font-size:.875em}
#mainnavProfil .mainnavLiLinkDesc {font-size:.688em}
.mainnavLiMails {color:rgb(161,0,0)}
#mainnavAvatar {width:2.188em;height:2.188em;float:right}
.mainnavNoAvatar.noavatar {width:2.188em;height:2.188em;float:right;margin-right:0}
#mainnavLogin {display:block;padding:.75em 3%;color:rgb(232,232,232);font-size:.875em;border-bottom:.1em solid rgba(52,52,52,.5)}
/* General Layout */
#mainc .page {background:rgb(255,255,255);float:left;width:100%;margin:.375em 0 0;padding:.25em 0 26em}
.mozilla #mainc .page {padding-bottom:20.563em}
/* Breadcrumb */
.breadcrumb {overflow:hidden;font-size:.75em;line-height:1;margin:.5em 0 1.455em 0;border-bottom:.1em solid rgb(232,232,232);padding-bottom:.833em}
.breadcrumbLi {float:left}
.breadcrumbLink,
.breadcrumbActive {padding:.462em .769em .462em 1em;display:block}
.breadcrumbActive {color:rgb(128,128,128)}
.breadcrumbLink:before,
.breadcrumbLink:after {content:'';display:block;width:0;height:0;border-top:.333em solid transparent;border-bottom:.333em solid transparent;border-left:.333em solid white;position:absolute;top:50%;margin-top:-.333em;left:100%;z-index:2}
.breadcrumbLink:before {margin-left:.231em}
.breadcrumbLink:after {border-left-color:rgb(191,191,191)}
.breadcrumbLi:first-child .breadcrumbLink {padding-left:0}
.breadcrumbLi:last-child .breadcrumbLink:after,
.breadcrumbLi:last-child .breadcrumbLink:before {border:none}
.homeIcon {display:block;height:1.25em;width:1.25em;background:transparent url(/_images/sprites/sprite.png) no-repeat 0 -207px}
.mediumIcon {display:inline-block;height:2.5em;width:2.5em;margin:-.334em .5em 0 0;vertical-align:middle}
/* LogoBar */
#logobar {clear:both;background:rgb(237,237,237);min-height:5em;border-radius:.25em;margin:2.5em -1em 4em;padding:0;position:absolute;right:1em;left:1em;bottom:-4em}
#logobar.lofostory {margin: 2.5em auto 4em}
.touch #logobar {overflow:hidden}
.logobarH1 {clear:both;font-size:.75em;color:rgba(120,120,120,.5);margin:1.333em 1.333em .5em 1.333em}
.sponsors {margin-bottom:1em}
.logobarLi {float:left;display:table;width:50%;padding:0 .75% 0 0;height:3.125em;margin-bottom:.375em;color:rgba(0,0,0,.1)}
.logos1.logobarLi {width:100%}
.notouch .logobarLi {-webkit-transition:.2s ease;transition:.2s ease}
.notouch .logobarLi:hover {background:rgb(248,248,248)}
.sponsorLi:nth-child(2n) {padding:0 0 0 .75%}
.logobarClick {display:table-cell;height:100%;vertical-align:middle;text-align:center;padding:.813em .688em} /* padding:.813em */
.sponsorImg {max-height:2.75em;max-width:100%}
.affiliates {clear:both}
.affiliateLi {min-width:3.125em;width:20%;padding:0;margin:0}
.affiliateIcon {height:2.375em;width:2.375em;display:inline-block;background:transparent url(/_images/sprites/sprite.png) no-repeat 0 0}
.logobarInfoBox {opacity:0;visibility:hidden;position:absolute;bottom:78%;width:210px;text-align:center;line-height:1.2;left:50%;margin-left:-105px;padding:1.5em .5em;background:white;border-radius:.188em;border:.063em solid rgb(237,237,237);box-shadow:0 0 .25em rgba(0,0,0,.05);z-index:10;-webkit-transition:opacity .2s ease;transition:opacity .2s ease}
.sponsors .logobarInfoBox {width:186px;margin-left:-93px;bottom:90%}
.last.logobarInfoBox {left:100%;margin-left:-216px}
.first.logobarInfoBox {right:0%;margin-left:-25px}
.touch .logobarInfoBox {display:none}
.logobarInfoBox:before {content:'';position:absolute;z-index:1000;bottom:-.5em;left:50%;margin-left:-.5em;border-top:.5em solid white;border-left:.5em solid transparent;border-right:.5em solid transparent;border-bottom:0}
.last.logobarInfoBox:before {left:75%}
.first.logobarInfoBox:before {left:19%}
.logobarLi:hover .logobarInfoBox {opacity:1;visibility:visible}
.logobarInfoBox .prov {display:block;white-space:nowrap}
.logobarInfoBox strong {font-weight:bold;white-space:nowrap}
.logobarInfoBox .break {display:block;font-size:.75em;padding:1em 0}
.logobarInfoBox .eu {display:inline-block;font-size:.625em;padding:0}
/* Footer */
#mainf {clear:both;padding:2em 0 3em 5em;overflow:hidden;color:rgb(128,128,128)}
#mainf:before {content:'';display:block;width:3.8em;height:4.2em;background:transparent url(/_images/sprites/sprite.png) no-repeat 0 -238px;position:absolute;top:1.5em;left:0}
#mainf p {font-size:.75em;line-height:1.583}
#mainf .floatRight {text-align:left;float:none;margin-bottom:1em}
/* tiny Content */
.entryPageWrapper {float:none;width:auto;margin-bottom:4em}
#filter:target .colL {margin-top:3em;margin-bottom:4em}
.colR {float:none;width:100%}
/* onePage */
.onePager {overflow:hidden}
.onePage.entryPageWrapper {width:100% !important;float:none !important;min-height:30em}
.onePage h1 {font-size:2.25em;display:inline}
.onePage h2,
.onePage section h1 {font-size:1.125em !important;line-height:1.625;font-weight:bold}
.onePage p {font-size:.938em;line-height:1.625;max-width:42.813em;padding-bottom:.875em}
.onePage .clear {padding:6em 0 3em}
.onePage .rightImg {float:right;width:13em;padding-left:2em}
.onePage .leftImg {float:left;width:8.5em;padding-right:2em}
.onePage .fullWidthBalken {margin:0 0 3em;width:100%}
.onePage .paddingTop2 {padding-top:2em}
.onePage .paddingTop3 {padding-top:3.5em}
.onePage .downloadBadge {width:10em;margin:0 auto}
.onePage .logoSmall {max-width:100%;max-height:6em;float:left;margin:0 0 1em .5em}
/* Content */
.contentHeader {font-size:1.375em;line-height:1.375;margin:0 0 .5em;padding:0 0 .5em}
.contentHeader h1 {max-width:28.923em}
.contentHeader h2 {font-size:.727em;line-height:1.625}
.headerInfo {font-size:.538em;color:rgb(128,128,128);padding-top:.5em}
.articleTeaser {max-width:100%;margin:0 0 1.5em;display:block}
.articleImg {max-width:6.25em;max-height:6.25em;float:left;margin:.438em 1em 1.5em 0}
.articleImgMini {max-width:3.75em;max-height:3.75em;float:left;margin:.438em .75em .5em 0}
.articleImgTiny {max-width:6.25em;max-height:6.25em;margin:.25em .75em .75em 0;float:left}
.articleImgTag {height:1.75em;margin-right:.5em}
.appIcon.articleImg {border-radius:1.5em}
.miniIcon {max-width:1em;max-height:1em;margin:0 .25em 0 0}
.mainContent {margin-bottom:4em}
.mainContent p {font-size:.938em;line-height:1.625;max-width:42.813em;padding-bottom:.875em}
.promoText p,
.promoText ul,
.promoText ol {color:rgb(102,102,102)}
.promoText .normal,
.promoText strong {color:rgb(6,6,6)}
.mainContent .abstract,
.onePage .abstract {font-weight:bold;color:rgb(42,42,42)}
.mainContent .info {font-size:.75em;line-height:1.583;color:rgb(128,128,128);max-width:62.667em}
.mainContent .footnote,
.onePage .footnote {font-size:.75em;line-height:1.583;color:rgb(128,128,128);max-width:62.667em;padding-top:.5em}
.mainContent .footnote:before,
.onePage .footnote:before {content:'';position:absolute;top:0;left:0;width:3em;border-top:.083em solid rgb(237,237,237)}
.mainContent .clearInfo {font-size:.75em;line-height:1.583;color:rgb(128,128,128);clear:both;border-top:.063em solid rgb(237,237,237);max-width:62.667em}
.mainContent .clearInfoSpace {font-size:.75em;line-height:1.583;color:rgb(128,128,128);clear:both;border-top:.063em solid rgb(237,237,237);max-width:62.667em;margin-top:2em}
.mainContent ul,
.mainContent ol,
.mainContent dl {font-size:.938em;line-height:1.625;max-width:38em;padding-bottom:.875em;list-style-type:disc;margin-left:2em}
.mainContent ul.noBulletList {list-style-type:none;margin-left:0em}
.mainContent ul ul {padding-bottom:.438em}
.mainContent ol {list-style-type:decimal}
.mainContent dt {font-weight:bold}
.mainContent dd {margin-bottom:1em}
.mainContent h1 {font-size:1.25em;line-height:1.625}
.mainContent > section > h1 {margin:3em 0 0}
.mainContent h2 {font-size:1.25em;line-height:1.625;max-width:37.6em;margin-top:.75em;margin-bottom:.25em}
.mainContent h3 {font-size:1.063em;line-height:1.625}
.mainContent .einleitung {font-weight:bold}
.mainContent .einleitungSmall {font-size:.75em}
.mainContent .contentTitleLarge {font-size:1.812em}
.mainContent .contentTitle {font-size:1.5em}
.mainContent .subHeading {margin:0 0 1.25em 0 !important}
.smallContentList {}
.smallContentListImg {width:2em;float:left;margin-right:.5em}
.smallContentListImg .articleImgSmall {width:100%}
.smallContentListTxt {}
.smallContentListTitle {font-size:.875em !important;max-width:100%}
.contentListLink {display:block}
.notouch .contentListLink:hover,
.notouch .contentList:hover {background:rgba(237,237,237,.25)}
.contentListLink:first-of-type {margin-top:.438em}
.articleList.contentListLink:first-of-type {margin-top:0}
.contentList {max-width:47em;margin:0;/* .187em 0 .5em */padding:.75em 0;border-bottom:.063em solid rgb(237,237,237);clear:both;/* overflow:hidden; */display:table}
#dossiers .contentList {max-width:100%}
.contentListLink:first-of-type .contentList,
.contentListLink.first-of-type .contentList,
.colList > a:first-of-type .contentList {border-top:.063em solid rgb(237,237,237)}
.contentList[data-type$="marker_sticky_topic.gif"]:before {content:'';position:absolute;top:0;bottom:0;width:.25em;background:rgb(237,237,237)}
.noImg.contentList {display:block}
.colList .contentList {padding:.5em 0}
.contentListTxt {margin-left:7.375em;display:table-cell;width:100%;height:100%;vertical-align:middle;padding-right:1em}
.noImg .contentListTxt {margin-left:0;display:block}
.contentListImg {width:3em;height:100%;float:left;margin:.563em 1.125em .563em 0}
.contentList header {z-index:2}
.contentList h1 {font-size:1.25em;line-height:1.385;position:static}
.mainContent .contentListH2 {margin-top:6em}
.mainContent .contentListH2:first-of-type {margin-top:0}
.contentTag {font-weight:normal;background:hsla(203,100%,32%,.5);color:rgb(255,255,255);margin:0 .25em 0 0;padding:0 .5em;display:inline-block;text-shadow:0 0 .25em rgba(0,0,0,.33)}
.titleTag {padding:0 .125em;font-size:1em;margin-right:.5em}
.actionLink {padding-right:.5em}
.editLink {color:rgb(227,58,21);font-size:.75em;display:block;position:absolute;top:50%;right:0;width:40px;height:40px;margin-top:-20px;border-radius:25%;z-index:9}
.editText {visibility:hidden;opacity:0}
.editImg {position:absolute;top:50%;left:50%;width:24px;height:24px;margin:-12px 0 0 -12px}
.contentList .articleImgSmall {max-width:3em;max-height:3em}
.contentList .appIcon.articleImgSmall {border-radius:.5em}
.articleImgSmallList {max-width:2em;max-height:3em}
.articleImgMediumList {max-width:3em;max-height:4em}
.articleImgSmallTag {position:absolute;top:0;right:-1em;width:3em;height:3em;z-index:0}
.articleImgSmallAvatar {position:absolute;bottom:0;right:-.5em;margin-right:0 !important;width:3em !important;height:3em !important;z-index:0;border:.1em solid rgb(128,128,128);background:rgba(255,255,255,.5);-webkit-transform:rotate(-5deg);-moz-transform:rotate(-5deg);-ms-transform:rotate(-5deg);-o-transform:rotate(-5deg);transform:rotate(-5deg)}
.col .articleImgSmallAvatar {width:2.25em !important;height:2.25em !important}
.appIcon.articleImgSmallList {border-radius:.25em}
.colList .contentListImg {width:3.75em;height:auto}
.colList .contentList .articleImgSmall {max-width:4em;max-height:4em}
.colList .contentList .articleIconSmall {max-width:2em;max-height:2em;margin:.5em 1em .5em 0}
.contentList footer {color:rgb(102,102,102);font-size:.75em;margin-top:.25em;line-height:1.6;position:static;z-index:1}
.colList .contentList footer {font-size:.75em;line-height:1.8}
.colList .contentList .day {display:none}
.fixTag {/* font-size:.75em;position:absolute;top:-1.425em;right:0;line-height:1.6; */display:inline-block;margin:0 .25em 0 0;padding:0 .5em;background:rgb(237,237,237);background:-webkit-linear-gradient(rgb(237,237,237), rgb(212,212,212));background:linear-gradient(to bottom,rgb(237,237,237), rgb(212,212,212));color:rgb(102,102,102)}
.mainContent .listPro,
.mainContent .listCon {list-style-type:none}
.mainContent .listPro li:before,
.mainContent .listCon li:before {content:'+';top:-.063em;left:-1.5em;position:absolute;display:block;width:1em;height:1em;color:rgb(0,161,0)}
.mainContent .listCon li:before {content:'-';color:rgb(161,0,0)}
.mainContent .bannerImg {max-width:47em;display:inline-block;margin:2em 0}
.mainContent .bannerImg img {width:100%}
.contentWrap.list .contentList.last {border-bottom:none}
.news.contentTag {background:hsla(203,100%,32%,.5)}
.umfrage.contentTag {background:hsla(193,90%,42%,.5)}
.kolumne.contentTag {background:hsla(323,100%,32%,.5)}
.hintergrund.contentTag {background:hsla(283,100%,32%,.5)}
.applehistory.contentTag {background:hsla(323,100%,37%,.5)}
.review.contentTag {background:hsla(303,80%,52%,.5)}
.tipp.contentTag {background:hsla(0,100%,42%,.5)}
.wissen.contentTag {background:hsla(20,80%,52%,.5)}
.modell.contentTag {background:hsla(40,70%,62%,.5)}
.download.contentTag {background:hsla(139,63%,41%,.5)}
.jobs.contentTag {background:hsla(149,68%,46%,.5)}
.agenda.contentTag {background:hsla(139,53%,31%,.5)}
.index.contentTag {background:hsla(119,63%,51%,.5)}
.retail.contentTag {background:hsla(119,63%,51%,.5)}
.inserat.contentTag {background:hsla(99,63%,61%,.66)}
.inserat-biete.contentTag {background:hsla(99,84%,61%,.66)}
.inserat-suche.contentTag {background:hsla(99,100%,61%,.66)}
.aktion.contentTag {background:hsla(79,63%,71%,.66)}
.wettbewerb.contentTag {background:hsla(119,68%,76%,.66)}
.profil.contentTag {background:hsla(54,100%,62%,1)}
.is_topic {max-width:47em}
#related {margin-top:10em}
figure {max-width:47em;margin:1em 0 2.625em;text-align:center}
figure figcaption {color:rgb(102,102,102);font-size:.813em;line-height:1.625;clear:both;text-align:center}
figure figcaption strong {display:block}
.featureBadges {margin:.5em 0 5em}
figure.featureBadge {float:left;width:30%;margin:0 .5em .5em 0;text-align:left;border:.063em solid rgb(0,100,161);padding:.25em .25em .2em .25em;border-radius:.188em}
figure.neutrBadge {float:left;width:14%;margin:0 .5em .5em 0;text-align:left;border:.063em solid rgb(102,102,102);padding:.5em;border-radius:.188em}
figure.featureBadge img,
figure.neutrBadge img {width:100%}
figure.quote {text-align:left}
figure.image img,
figure.map iframe,
figure.map .embedMap,
figure.map .gmap-wrapper,
figure.video iframe,
figure.video video,
figure.embed iframe {box-shadow:0 0 .5em rgba(18,18,18,.5);max-width:100% !important;margin-bottom:1em}
figure.embed iframe {margin-right:auto !important;margin-left:auto !important}
figure.noBorderImage img {max-width:100% !important}
figure.noShadowImage img {box-shadow:0 0 0 transparent}
figure.graph .graph {width:42.813em;height:32.813em;margin:1em auto 0}
figure.map .embedMap {height:30em}
.detailMap {height:17.625em}
#bildergalerie {background:rgb(6,6,6)}
.currImg {max-width:100%;max-height:42em}
figure .bildergalerieCaption {position:absolute;right:0;bottom:0;left:0;background:rgba(6,6,6,.5);color:rgb(242,242,242);padding:1em;line-height:1.4;max-height:25%;overflow:scroll;z-index:20;text-align:left}
figure .bildergalerieCaption strong {display:block;padding-bottom:.5em}
.imagesLeft, .imagesRight, .imagesCount {position:absolute;top:0;z-index:10}
.imagesCount {right:0;left:0;background:rgba(6,6,6,.5);color:rgb(242,242,242);text-align:center;padding:.222em;font-size:.563em}
.imagesLeft {top:0;bottom:0;left:0;width:12.5%;height:100%}
.imagesRight {top:0;bottom:0;right:0;width:75%;height:100%}
.imagesLeft span, .imagesRight span {width:100%;line-height:0;font-size:0;color:transparent;position:absolute;top:50%;margin-top:-.5em}
.imagesRight span {text-align:right}
.imagesLeft:before,
.imagesRight:before {content:'<';position:absolute;left:.25em;color:rgb(242,242,242);font-size:3em;text-shadow:0 0 .1em rgb(102,102,102);top:50%;margin-top:-.6em}
.imagesRight:before {content:'>';left:auto;right:.25em}
/*figure.images {padding-top:3em}
figure.images img {box-shadow:0 0 .5em rgba(18,18,18,.5);display:block;margin:0 auto 1em;max-height:47em;max-width:100%}
figure.endlessGallery img {box-shadow:0 0 .5em rgba(18,18,18,.5);display:block;margin:0 auto 1em;max-height:36em;max-width:none}
figure.images .imagesLeft,
figure.images .imagesRight {position:absolute;top:0;bottom:0;left:0;width:12.5%;margin-top:3em}
figure.images .imagesRight {left:auto;right:0}
figure.images .imagesLeft:before,
figure.images .imagesRight:before {content:'<';color:rgb(249,249,249);font-size:3em;text-shadow:0 0 .1em rgb(102,102,102)}
figure.images .imagesRight:before {content:'>';position:absolute;right:0}
figure.images .imagesLeft span,
figure.images .imagesRight span {border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}
figure.images .imagesCount {position:absolute;top:1em;left:0;right:0;text-align:center;font-size:.875em;color:rgb(102,102,102)}*/
figure.configImg {overflow:hidden;border-bottom:.063em solid rgb(230,230,230)}
figure.configImg img {width:100%;display:inline}
figure.configImg figcaption {width:100%;display:inline-block;text-align:center;padding:1em;background:-webkit-linear-gradient(white,rgb(237,237,237));background:linear-gradient(to bottom,white,rgb(237,237,237))}
.endlessGallery {overflow:hidden;height:auto;padding-top:0}
.endlessGalleryScroll {overflow-x:scroll;-webkit-overflow-scrolling:touch;padding:1em 0;
background:
-webkit-linear-gradient(right, rgba(255,255,255,0), white 30%),
-webkit-linear-gradient(right, white 70%, rgba(255,255,255,0)) 100% 0,
-webkit-radial-gradient(0% 50%, farthest-side, rgba(0,0,0,.5), rgba(0,0,0,0)),
-webkit-radial-gradient(100% 50%, farthest-side, rgba(0,0,0,.5), rgba(0,0,0,0)) 100% 0%;
background:
linear-gradient(right, rgba(255,255,255,0), white 30%),
linear-gradient(right, white 70%, rgba(255,255,255,0)) 100% 0,
radial-gradient(0% 50%, farthest-side, rgba(0,0,0,.5), rgba(0,0,0,0)),
radial-gradient(100% 50%, farthest-side, rgba(0,0,0,.5), rgba(0,0,0,0)) 100% 0%;
background-repeat: no-repeat;
background-color: white;
background-size: .5em 100%, .5em 100%, .5em 100%, .5em 100%;
background-attachment: local, local, scroll, scroll;
}
.downloadsScroll {height:41em;padding:2em 0 1em}
.graphScroll {height:38em;padding:2em 0 1em}
.endlessGalleryContainer {white-space:nowrap}
.endlessGallery img {display:inline !important;margin:.5em 1em !important;width:auto;max-width:auto !important}
.is_topic > blockquote, figure.quote blockquote {font-family:'Lucida Bright',serif;color:rgb(102,102,102)}
figure.quote blockquote p:last-child {padding-bottom:.5em}
figure.quote figcaption {text-align:left}
figure.table {overflow:scroll;-webkit-overflow-scrolling:touch}
figure.table table {max-width:100%;margin:0 auto 1em}
table {border-spacing:0;border-collapse:collapse}
tr {border-bottom:.1em solid rgb(237,237,237)}
thead th {white-space:nowrap}
tbody th,
tfoot th {text-align:right}
table td,
table th {padding:.5em 1em;line-height:1.25}
td[scope] {font-weight:bold}
th {font-weigth:bold;color:rgb(42,42,42)}
tfoot tr {border-top:.1em solid rgb(237,237,237)}
tbody tr:hover td {background:rgba(237,237,237,.25)}
tr.tableBreak {border-bottom:.1em solid rgb(102,102,102)}
.fullTableContainer {max-width:47em;overflow:scroll;-webkit-overflow-scrolling:touch}
.fullTable,
.fullWidth {width:100%}
.colIcon {width:3em;padding-right:0}
.colIconLarge {width:4em;height:5em;padding-right:0}
.colActions {width:5em;font-size:.75em}
.txtSmall {font-size:.75em}
.poll {text-align:center}
.poll > img {margin:0 auto 3em;max-width:100%}
.mainContent .pollQuestion {padding-bottom:0;font-weight:bold;color:rgb(42,42,42)}
.mainContent .pollList {margin:0}
input[type="radio"]:checked + label,
input[type="checkbox"]:checked + label {font-weight:bold;color:rgb(42,42,42)}
.pollListLi {list-style-type:none;padding-left:.125em;line-height:1.6}
.pollListLiLabel {display:inline}
.formatTable {width:100%}
.addInfos {font-size:.75em;max-width:62.667em}
.addInfos thead {border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}
.formatTitle {text-align:left;font-size:1.125em;line-height:1.625;font-weight:bold;color:rgb(42,42,42);margin:1em auto}
.pollHead {border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}
.formatTable tr:nth-child(2n) {background-color:rgb(237,237,237)}
.pollVotes {color:rgb(102,102,102);font-size:.75em}
.pollPercent {border-right:.063em solid rgba(0,100,161,.25);border-left:.063em solid rgba(0,100,161,.25)}
#siteStart .pollPercent {width:30%}
tr:hover .pollPercent {border-color:rgba(0,100,161,.5)}
.pollPercentElement {background:rgba(0,100,161,.25);display:block;position:absolute;top:0;height:100%;margin-left:-1em}
.mozilla .pollPercentElement {position:relative}
tr:hover .pollPercentElement {background:rgba(0,100,161,.5)}
.myChoice {font-weight:bold}
.pollFoot {padding-top:2em;color:rgb(102,102,102);font-size:.75em}
.poll tfoot tr {border-bottom:none}
figure.mapLarge {width:100%;max-width:100%;margin:0 0 -1.1em 0;box-shadow:0 0 .5em rgba(18,18,18,.5)}
.retailBadges {clear:both;max-width:47em;margin:0 0 3em}
.retailBadge {max-width:32%}
.interview-einleitung {border:.063em solid rgb(237,237,237);background:rgb(242,242,242);margin-bottom:2em;padding:1em;max-width:47em}
.interview-einleitung p:last-of-type {padding-bottom:0}
.mainContent .interview-frage {font-weight:bold;padding-bottom:0}
.mainContent .interview-person {font-style:italic;color:rgb(102,102,102)}
#comments {margin:0;max-width:47em;clear:both}
#comments h1 {font-size:1.5em;margin-top:2em}
#comments article {margin:0 -.5em;padding:.5em .5em 1em;overflow:hidden}
#comments .avatar {width:3em;height:3em;float:left;margin:.313em .75em 0 0}
.noavatar {background:white url('/_images/design/transparent.png') repeat 0px 0px;width:3em;height:3em;float:left;margin-right:.75em}
#comments cite,
#comments time {font-size:.75em;display:inline;padding-bottom:.5rem;color:rgb(102,102,102)}
#comments cite {font-weight:bold;display:block;margin-top:.25em}
#comments time a {color:rgb(102,102,102)}
#comments time a:hover {text-decoration:underline}
#comments .commentQuote {font-size:.75em;float:right}
.touch #comments .commentQuote {display:inline;padding:0;box-shadow:none;text-shadow:none;background:transparent;border:none;color:rgb(102,102,102)}
.notouch #comments .commentQuote {opacity:0;-webkit-transition:.2s ease;transition:.2s ease}
.notouch #comments article:hover .commentQuote {opacity:1}
#comments .commentWrap {overflow:hidden}
#comments .commentWrap footer {margin-bottom:1em}
#comments blockquote {font-size:.875em}
#mainc .contentWrap #comments blockquote p {padding-bottom:.5rem}
#mainc .contentWrap #comments blockquote p:last-of-type {padding-bottom:0}
#comments blockquote blockquote {border-left:.25em solid rgb(242,242,242);font-size:1em;font-family:'Lucida Bright',serif;color:rgb(102,102,102);padding:0 .5em;margin:.5em 0 1em 0}
#siteProfile #comments blockquote {border-left:.25em solid rgb(242,242,242);font-size:1em;font-family:'Lucida Bright',serif;color:rgb(102,102,102);padding:0 .5em;margin:.5em 0 1em 0}
#comments .even {background:rgb(249,249,249);background:rgba(249,249,249,.8)}
.codeblock,
pre.code {overflow-x:scroll;overflow-y:hidden;-webkit-overflow-scrolling:touch;padding:1em 0;
background:
-webkit-linear-gradient(right, rgba(254,248,232,0), white 30%),
-webkit-linear-gradient(right, white 70%, rgba(254,248,232,0)) 100% 0,
-webkit-radial-gradient(0% 50%, farthest-side, rgba(0,0,0,.5), rgba(0,0,0,0)),
-webkit-radial-gradient(100% 50%, farthest-side, rgba(0,0,0,.5), rgba(0,0,0,0)) 100% 0%;
background:
linear-gradient(right, rgba(254,248,232,0), white 30%),
linear-gradient(right, white 70%, rgba(254,248,232,0)) 100% 0,
radial-gradient(0% 50%, farthest-side, rgba(0,0,0,.5), rgba(0,0,0,0)),
radial-gradient(100% 50%, farthest-side, rgba(0,0,0,.5), rgba(0,0,0,0)) 100% 0%;
background-repeat: no-repeat;
background-color: white;
background-size: .5em 100%, .5em 100%, .5em 100%, .5em 100%;
background-attachment: local, local, scroll, scroll;
}
span.code {font-family:monospace;display:inline-block;background:rgb(254,248,232);color:rgb(73,73,73);padding:0 .25em}
#comments form {max-width:47em;margin:.75em -.5em 0;padding:.75em .5em 1.25em}
#comments .formWrap {display:table;width:100%;margin-bottom:.5em}
#mainc .contentWrap #comments h2 {font-size:1.25em;margin-bottom:.5em}
#comments form img {max-width:3em;max-height:3em;float:left;margin:0 .75em 0 0;display:table-cell}
#comments form .textfield {display:table-cell;width:100%}
#comments form textarea {width:100%;max-width:100%;min-height:6em;font-size:1em;padding:.25em}
.notouch .actionLinks {opacity:0;-webkit-transition:.2s ease;transition:.2s ease}
.notouch .is_topic:hover .actionLinks,
.notouch #comments article:hover .actionLinks {opacity:1}
.inputText,
textarea,
select[multiple="multiple"] {border:.1em solid rgb(237,237,237);box-shadow:0 0 0.25em rgba(0,0,0,.05);-webkit-overflow-scrolling:touch;-webkit-transition:.2s ease;transition:.2s ease}
textarea {line-height:1.4}
.inputText:focus,
textarea:focus,
select[multiple="multiple"]:focus {border:.1em solid rgb(182,219,244);box-shadow:0 0 0.25em rgb(182,219,244);outline:none}
.menu {display:inline-block;background:-webkit-linear-gradient(rgb(249,249,249),rgb(195,195,195));padding:.25em .5em;line-height:1;margin:0 .125em;text-shadow:0 .067em 0 rgba(255,255,255,.75);font-size:.938em}
.menu.submenu {background:rgb(242,242,242);text-shadow:0 .067em 0 rgb(237,237,237)}
.key {display:inline-block;color:rgb(96,96,96);margin:0 .125em;padding:0 .25em;border:.125em solid rgb(237,237,237);border-radius:.25em;font-size:.938em;min-width:2em;text-align:center}
pre {margin-bottom:1em;padding:.25em .5em;line-height:1.625;font-size:1em;max-width:47em;overflow-x:scroll;-webkit-overflow-scrolling:touch}
.terminal {background:rgba(0,0,0,.85);color:rgb(244,244,244);margin-bottom:2.286em;max-width:57.846em;overflow-x:scroll;-webkit-overflow-scrolling:touch}
span.path,
span.terminal {font-family:monospace;font-size:1.231em;padding:0 .25em}
.hinweis {font-size:.875em;color:rgb(128,128,128);background:rgb(252,252,252);border:1px solid rgb(237,237,237);padding:1em;margin-bottom:2.286em;max-width:53.714em}
.favLink {font-size:.75em}
.favAction {padding-right:1em}
.favAdd {color:rgba(0,100,161,.33)}
.notouch .favAdd:hover {color:rgba(0,100,161,.75) !important}
.favDel {color:rgba(0,100,161,1)}
.favDeactivated {color:rgb(237,237,237)}
.numbBub {padding:.5em .75em;display:inline-block;background:rgba(0,123,177,1);color:rgb(255,255,255);border-radius:1em;font-size:.75em;box-shadow:0 .25em .25em rgba(0,0,0,.25)}
.betaV {font-size:.75em;color:rgb(102,102,102)}
.betaV td {padding:.667em 1.334em}
.currV {font-weight:bold}
.formatActContainer {margin-bottom:.5em}
.formatAct {margin:.1em 0;font-size:.625em;padding:.1em .75em;line-height:2;box-shadow:0 0 .3em rgba(0,0,0,.1);text-shadow:0 .1em .3em rgba(255,255,255,1);border-radius:.5em;background:#e1e1e1;background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgba(255,255,255,1)),to(rgba(225,225,225,1)));background:-webkit-linear-gradient(top,rgba(255,255,255,1),rgba(225,225,225,1));background:linear-gradient(to bottom,rgba(255,255,255,1),rgba(225,225,225,1));color:#333;border:solid 1px rgb(190,190,190);display:inline-block;cursor:pointer}
.formatAct[disabled=disabled] {opacity:.3}
.formatAct.active,
.formatAct:focus,
.formatAct:hover {background:#d0d0d0;background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgba(235,235,235,1)),to(rgba(208,208,208,1)));background:-webkit-linear-gradient(top,rgba(235,235,235,1),rgba(208,208,208,1));background:linear-gradient(to bottom,rgba(235,235,235,1),rgba(208,208,208,1))}
.formatAct:active {background:#b2b2b2;background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgba(205,205,205,1)),to(rgba(178,178,178,1)));background:-webkit-linear-gradient(top,rgba(205,205,205,1),rgba(178,178,178,1));background:linear-gradient(to bottom,rgba(205,205,205,1),rgba(178,178,178,1))}
#livePreview {border:.067em solid rgba(0,100,161,.5);padding:.5em;line-height:1.6}
.thema {position:relative;margin:2em 0 1em 0;background:rgb(237,237,237);padding:1em;font-size:.825em;max-width:56.969em}
.thema h1 {margin:0 !important;font-size:1.334em}
.socialPlugins {position:relative;margin:2em 0 1em 0;background:rgb(236,236,236);padding:1em;font-size:.825em;max-width:56.969em}
.socialPlugins .socialite {display:inline-block}
/* Content Footer */
.col p,
.col ul {line-height:1.625;color:rgb(102,102,102);font-size:.75em;padding-bottom:.154em}
.col p {display:table-row}
.col .vcard p {display:block;padding-bottom:.5em}
.col td {font-size:.75em}
.colLLabel {display:table-cell;text-align:right;padding-right:.462em}
.colLValue {display:table-cell}
a.colLValue {display:inline}
.colLAuthor .colLLabel,
.colLWebsite .colLLabel,
.colLPreis .colLLabel,
.colLUpdate .colLLabel,
.colLDateExp .colLLabel {padding-bottom:2em}
.colLSharing .colLLabel,
.colLRating .colLLabel,
.colLJoin .colLLabel,
.colLChapter .colLLabel {padding-top:2em}
.colLWeb .colLLabel {padding-bottom:1em}
.colLChapter a {display:block;padding-bottom:.75em}
.colL p {text-align:left}
#activeChapter {font-weight:bold}
.ratingBadge {width:18em;background:white;border:.125em solid rgb(237,237,237);border-radius:2em;padding:0 1em;vertical-align:top;max-width:100%}
.navButton {font-size:.75em;line-height:1.214;margin:.5em 1em .5em 0;padding:.5em 1em;border-radius:3px;color:rgb(255,255,255);border:none;text-align:left;cursor:pointer;display:inline-block;text-decoration:none;background:-webkit-linear-gradient(top,rgb(2,139,219),rgb(1,75,118));background:linear-gradient(to bottom,rgb(2,139,219),rgb(1,75,118))}
.navButton:hover {background:-webkit-linear-gradient(top,rgb(104,104,104),rgb(27,27,27));background:linear-gradient(to bottom,rgb(104,104,104),rgb(27,27,27))}
.colLfilter.colL strong {font-weight:normal;display:block;line-height:1.625;font-size:1em}
.colLfilter.colL ul {margin-bottom:2.250em;overflow:hidden;font-size:.938em;line-height:1}
.colLfilter.colL ul ul {margin-top:.5em;margin-bottom:0;display:block;float:left}
.colLfilter.colL li {float:none;display:inline-block;padding-top:.5em;padding-bottom:.5em;font-size:.875em}
.colLfilter.colL .tags {font-size:.75em}
.colLfilter.colL li li {font-size:.825em}
.colLfilter.colL li a {display:inline-block;padding-right:1em}
.colLfilter.colL li label {display:inline-block;padding-bottom:0;color:rgb(0,100,161);cursor:pointer}
.colLfilter.colL li input[type="checkbox"]:checked + label {font-weight:normal;color:rgb(128,128,128)}
.colLfilter.colL li input[type="checkbox"] {margin-left:-1.688em;margin-right:.5em}
.colLfilter.colL > a {font-size:.75em}
.colLfilter.colL a.active:before {content:'';position:absolute;top:0;left:-1.25em;display:block;height:1em;width:1em;background:transparent url(/_images/sprites/sprite.png) no-repeat 0 -194px}
.colLfilter.colL a.active {margin-left:1.286em}
.colLfilter.colL a.active,
.colLfilter.colL a:hover {color:rgb(128,128,128)}
.colLfilter.colL span {font-weight:bold;background:-webkit-linear-gradient(top,rgb(104,104,104),rgb(27,27,27));background:linear-gradient(to bottom,rgb(104,104,104),rgb(27,27,27))}
.colLfilter.colL:hover .navButton {color:rgb(255,255,255)}
.colLfilter.colL .desc {display:block;margin:-1em 0 1.5em;font-size:.688em;line-height:1.545}
.filterChildren {margin-left:1em}
.pagination {margin:1em -.5em !important;overflow:hidden;max-width:47em}
.mainContent .pagination {max-width:47em}
.pagination li {float:left;list-style-type:none}
.pagination li > a,
.pagination li > span {font-size:.875em;line-height:1.214;margin:.5em .25em;padding:.5em 1em;border-radius:3px;color:rgb(255,255,255);border:none;text-align:left;display:inline-block;text-decoration:none;background:-webkit-linear-gradient(top,rgb(2,139,219),rgb(1,75,118));background:linear-gradient(to bottom,rgb(2,139,219),rgb(1,75,118))}
.pagination li a span {display:none}
.pagination li .inactive {margin:0;padding:0;background:none;color:black}
.pagination li .current {font-weight:bold;background:-webkit-linear-gradient(top,rgb(104,104,104),rgb(27,27,27));background:linear-gradient(to bottom,rgb(104,104,104),rgb(27,27,27))}
.notouch .pagination li a:hover {color:rgb(255,255,255);background:-webkit-linear-gradient(top,rgb(104,104,104),rgb(27,27,27));background:linear-gradient(to bottom,rgb(104,104,104),rgb(27,27,27))}
.pagePagination {font-size:.5em}
.pageLeft {margin-right:1em}
.pageRight {margin-left:1em}
/* Colabse Filter TinyScreen */
.filinfexp {margin-bottom:-2em !important}
.filinfexpTitle {display:block;font-size:.875em;border-top:.125em solid rgb(237,237,237);border-bottom:.125em solid rgb(237,237,237);padding:.5em}
.colLfilter.colL .filinfexpTitle {font-size:.875em}
.filterLess.filinfexpTitle {background:rgba(237,237,237,.25);color:rgb(6,6,6)}
.filinfexpContent {opacity:0;visibility:hidden;height:0;background:rgb(237,237,237);padding:1em;margin:-.125em 0 1em}
#filter:target.filinfexp {margin-bottom:0 !important}
#filter:target .filinfexpContent {opacity:1;visibility:visible;height:auto}
.filterMore,
.filterLess {display:block !important}
.filterMore:before,
.filterLess:before {content:'☰';padding-right:.5em}
.filterLess {display:none !important}
.showFilter {display:inline}
.hideFilter {display:none}
#filter:target .filterMore {display:none !important}
#filter:target .filterLess {display:block !important}
/* Content Aside-Bar */
.col h1 {font-size:1.25em;padding-bottom:.667em}
.col .colList article h1 {font-size:1em;padding:0}
.col h2 {font-size:1em}
.col form {overflow:hidden}
.col form h2 {margin:0 0 .5em;color:rgb(255,255,255)}
.col .tableCell {vertical-align:top}
.col .avatar {width:4em}
.col .avatar img {width:3em;height:3em}
.col textarea {width:100%;height:4em;font-size:1em;padding:.25em;border:.1em solid rgb(182,219,244)}
.col textarea:focus {border:.1em solid rgb(0,0,0)}
.col button {font-size:1.125em;margin-top:.5em}
.col .gorgeousFooter {width:100%;line-height:3;font-size:.75em;overflow:hidden;background:-webkit-linear-gradient(top,rgb(2,139,219),rgb(1,75,118));background:linear-gradient(to bottom,rgb(2,139,219),rgb(1,75,118));border-radius:0 0 .25em .25em}
.col .more {display:block;text-align:center;color:rgb(255,255,255)}
.col .more:hover {background:-webkit-linear-gradient(top,rgb(104,104,104),rgb(27,27,27));background:linear-gradient(to bottom,rgb(104,104,104),rgb(27,27,27))}
.colLogin .label {display:block;margin-bottom:.25em}
.colLogin .inputText {font-size:1em;margin-bottom:1em;padding:.3em}
.colLogin .forgot {font-size:.75em}
.colLogin .navButton {display:block;font-size:1em}
.colLogin .descText {font-size:.75em;margin-top:1.5em}
.col > .box {margin-bottom:4em}
.containerOuter {clear:both;border-radius:100% / 3em;box-shadow:0 .5em .375em -.25em rgb(237,237,237)}
.mainContent .containerOuter {max-width:47em;margin:1em 0 2em}
.mainContent.startPage .containerOuter {margin-right:auto;margin-left:auto}
.container {text-align:center;padding:1em 0;border-radius:.188em;border:.063em solid rgb(237,237,237);background:white;overflow-x:scroll;-webkit-overflow-scrolling:touch}
.adtitle {font-size:.75em !important;color:rgb(102,102,102)}
.colSponsors img {max-width:100%;max-height:120px}
.colRectangle img {max-width:100%;max-height:300px;border:1px solid rgb(237,237,237)}
.linkButton {padding:.5em;background:rgb(178,178,178);background:rgba(178,178,178,.5);color:rgb(255,255,255);border-radius:.25em}
.linkButton:hover {background:rgba(178,178,178,1);color:rgb(250,250,250) !important}
.gorgeous {margin:.1em 0;font-size:1em;padding:.1em 1em;box-shadow:0 0 .3em rgba(0,0,0,.1);text-shadow:0 .1em .3em rgba(255,255,255,1);-moz-border-radius:1.5em;-webkit-border-radius:1.5em;-moz-border-radius:1.5em;border-radius:1.5em;background:#e1e1e1;background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgba(255,255,255,1)),to(rgba(225,225,225,1)));background:-webkit-linear-gradient(top,rgba(255,255,255,1),rgba(225,225,225,1));background:linear-gradient(to bottom,rgba(255,255,255,1),rgba(225,225,225,1));color:#333;border:solid 1px rgb(190,190,190);display:inline-block;cursor:pointer}
.mediumGorgeous.gorgeous {font-size:.875em}
.smallGorgeous.gorgeous {font-size:.75em}
form .gorgeous,
.formGorgeous {padding:.3em 1em}
.gorgeous[disabled=disabled] {opacity:.3}
.gorgeous.active,
.gorgeous:focus,
.gorgeous:hover {background:#d0d0d0;background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgba(235,235,235,1)),to(rgba(208,208,208,1)));background:-webkit-linear-gradient(top,rgba(235,235,235,1),rgba(208,208,208,1));background:linear-gradient(to bottom,rgba(235,235,235,1),rgba(208,208,208,1))}
.gorgeous:active {background:#b2b2b2;background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgba(205,205,205,1)),to(rgba(178,178,178,1)));background:-webkit-linear-gradient(top,rgba(205,205,205,1),rgba(178,178,178,1));background:linear-gradient(to bottom,rgba(205,205,205,1),rgba(178,178,178,1))}
.fastReplyButton {clear:both;margin-top:1.5em}
#breaking .notification {background:rgb(255,255,255);float:left;width:100%;margin:.375em 0 0;border-radius:.188em;/* box-shadow:0 0 .4em rgba(18,18,18,.5); */background-image:-webkit-repeating-linear-gradient(330deg, rgba(200,0,0,.175), rgba(200,0,0,.175) .15em, rgba(200,0,0,.15) .15em, rgba(200,0,0,.15) .3em);background-image:repeating-linear-gradient(330deg, rgba(200,0,0,.175), rgba(200,0,0,.175) .15em, rgba(200,0,0,.15) .15em, rgba(200,0,0,.15) .3em);font-weight:bold;font-size:1.25em;color:rgb(6,6,6)}
#breaking .notification span {display:block;z-index:2;padding:.5em .75em .5em 5.5em;background-image:-webkit-linear-gradient(315deg,transparent 0%, white 100%);background-image:linear-gradient(315deg,transparent 0%, white 100%)}
#breaking .notification span:before {content:'BREAKING ';position:absolute;top:0;left:0;padding:.929em;font-size:.7em;background:rgb(140,11,0);color:rgb(242,242,242)}
/* BREAKING
.notificationTitle {font-weight:bold;font-size:1.25em}
.notificationTitle a {color:rgb(6,6,6);text-shadow:0 0 .1em rgba(255,255,255,.5)}
.notification:hover .notificationTitle a:after {content:' Artikel lesen';color:rgb(0,100,161);font-size:0.7em;display:block;position:absolute;top:.286em;right:-8em}
.notificationClose {position:absolute;right:1em;top:1em;margin:-.625em -.5em 0 0;padding:1em;height:1em;width:1em;border-radius:2em;background:rgb(242,242,242);cursor:pointer;box-shadow:inset 0 0 .4em rgba(18,18,18,.5)}
.notificationClose span {position:absolute;top:50%;right:50%;margin:-.563em -.313em 0 0;color: white;text-shadow: 0em 0em 0.168em black;}
BREAKING: Apple Store Basel angekündigt
x*/
/* Form Accordeon */
.acc {max-width:47em;border-bottom:.068em solid rgb(237,237,237);}
.accContent {padding:1em .5em;margin-bottom:2em}
.accTitle {margin-top:.389em;padding:0 0 .5em;font-size:1.625em;line-height:1.625;color:rgb(102,102,102)}
.accTitleNumber {font-size:.75em;padding:.5em 1em;border:1px solid rgb(237,237,237);border-radius:2em;margin-right:1em;color:rgb(102,102,102);-webkit-transition:.2s ease;transition:.2s ease}
.active.acc .accTitle {color:rgb(6,6,6)}
.active.acc .accTitleNumber {background:rgba(237,237,237,.25);color:rgb(6,6,6)}
.previewScreenshot {max-width:18%;margin-bottom:2em}
.mainContent .formArtList {margin:0;list-style-type:none;width:100%;max-width:100%;text-align:center}
.form-art {cursor:pointer;float:left;margin:0 3% 3% 0;width:30%;padding:1%;border-radius:.188em;border:.063em solid rgb(237,237,237);/*box-shadow:0 0 .25em rgba(0,0,0,.05);*/-webkit-transition:.2s ease;transition:.2s ease}
.active.form-art {box-shadow:0 0 .25em rgba(0,0,0,.15);background:rgba(237,237,237,.5);opacity:1}
.inactive.form-art {opacity:.5}
.inactive.form-art .formArtImg {-webkit-filter:grayscale(1)}
.notouch .form-art:hover {border:.063em solid rgb(237,237,237);box-shadow:0 0 .25em rgba(0,0,0,.15)}
.notouch .inactive.form-art:hover {opacity:1}
.notouch .inactive.form-art:hover .formArtImg {-webkit-filter:grayscale(0)}
.formArtImg {width:100%}
.formArtDescSmall {display:block;color:rgb(102,102,102);font-size:.75em}
.mainContent .hiddenHint {font-size:.75em;background:rgb(255,235,145);border:1px solid rgb(247,203,0);opacity:0;visibility:hidden;height:0;-webkit-transition:.2s opacity ease;transition:.2s opacity ease}
.mainContent .shownHint {font-size:.75em;background:rgb(255,235,145);border:1px solid rgb(247,203,0);padding:1em;margin-bottom:2.667em;max-width:62.667em}
.submission,
#siteProfile .mainContent form,
#siteForum .mainContent form {max-width:47em}
.submission h2,
#siteForum .mainContent form h2,
#siteProfile .mainContent form h2 {margin-top:4em}
.submission .firstH2,
#siteForum .mainContent form .firstH2,
#siteProfile .mainContent form .firstH2 {margin-top:0;margin-bottom:1em}
#siteForum .mainContent form .nopaddH2,
#siteProfile .mainContent form .nopaddH2 {margin-top:1em}
form label {display:block;padding-bottom:.75em}
.checkboxLabel {display:inline-block}
.submissionLabel {padding-top:1.5em}
.submissionLabel:first-of-type {padding-top:.75em}
.submissionButton {margin-top:3em}
.inputText {font-size:1em;margin-bottom:1em;padding:.3em;width:50%}
.selectBox {font-size:1em;margin-bottom:1em;padding:.3em}
select[multiple="multiple"] {width:auto;max-width:47em}
.inputTextarea {font-size:1em;margin-bottom:1em;padding:.3em;width:100%}
.smallWidth.inputText {width:auto;display:inline}
.mediumWidth.inputText {width:25%}
.largeWidth.inputText {width:50%}
.fullWidth.inputText {width:100%}
.mediumWidth.inputTextarea {width:25%}
.fullWidth.inputTextarea {width:100%}
.mediumHeight.inputTextarea {height:8em}
.largeHeight.inputTextarea {height:22em}
.showHint {cursor:pointer;border-radius:1em;padding:.25em .75em;background:rgb(237,237,237);margin-left:1em;-webkit-transition:.2s ease;transition:.2s ease}
.showHint:hover {background:rgb(255,235,145)}
.showHint:hover ~ .hiddenHint {opacity:1;visibility:visible;height:auto;margin-bottom:1.25em;padding:1.25em;}
.catLabel {display:inline-block}
.currAtta {background:rgb(237,237,237);padding:.125em 1em;margin-bottom:1em}
.blockBox {background:rgb(237,237,237);padding:1em 1em 0;margin-bottom:1em}
.getData {margin-left:1em}
.wait {padding-left:1em;-webkit-animation:loading 1s linear infinite}
.phoneLink {color:inherit}
/* Start Page */
#featGallery {width:100%}
.featStory {background-position:center center;background-repeat:no-repeat;background-size:cover !important;-webkit-transition:.2s ease;transition:.2s ease;border-top:.25rem solid rgb(0,100,161);min-height:3.5em}
#featGallery a {position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.5);text-decoration:none;color:rgb(242,242,242);text-shadow:.063em .063em .063em rgb(6,6,6);line-height:1.4;-webkit-transition:.2s ease;transition:.2s ease}
#featGallery span {position:absolute;right:.75em;top:.25em;left:.4em;font-size:1em;-webkit-transition:.2s ease;transition:.2s ease}
#featGallery .featStory:hover {border-top-color:rgb(128,128,128)}
#featGallery .featStory:hover a {background-color:rgba(0,0,0,.8)}
.breaking:after {z-index:2;content:'Breaking';font-size:.75em;position:absolute;top:0;right:.5em;padding:.929em;font-size:.625em;background:rgba(140,11,0,.75);;color:rgb(242,242,242);text-transform:uppercase}
.newStory:before {z-index:1;content:'Neu';font-size:.75em;position:absolute;bottom:0;right:.5em;padding:.563em .75em;font-size:.625em;background:rgba(11,140,0,.75);;color:rgb(242,242,242);text-transform:uppercase}
.attachments {overflow-x:scroll;-webkit-overflow-scrolling:touch}
.startPage.contentListLink {margin:0 auto}
/* Profile */
.profileWrap {min-height:28em}
.profilePersonalBox {max-width:47em;margin-bottom:1.125em}
.profilePortraitImg {float:left;width:8em;margin:.325em 1em 1em 0}
.profilePortraitNoAvatar {float:left;width:8em;height:11.75em;margin:.325em 1em 1em 0;border:.25em solid rgb(255,255,255);background:white url('/_images/design/transparent.png') repeat 0px 0px}
.profileBioTxt {line-height:1.6;margin-bottom:2em;overflow:hidden;min-height:8em !important}
.profileBioTxt p {margin-bottom:.5em}
.profileBioTxt p:last-of-type {margin-bottom:0;padding-bottom:.25em}
.profileStats {clear:both;overflow:hidden;max-width:47em;margin-bottom:3em;border-top:.063em solid rgb(230,230,230);border-bottom:.063em solid rgb(230,230,230);background:-webkit-linear-gradient(white,rgb(237,237,237));background:linear-gradient(to bottom,white,rgb(237,237,237))}
.profileStatsLink {width:50%;float:left;display:inline-block;font-size:.75em;padding:1em;color:rgb(128,128,128);text-align:center;border-right:.083em solid rgba(237,237,237,.75);border-left:.083em solid rgba(255,255,255,.75)}
.threeBlocks.profileStatsLink {width:33.3%}
.firstLink.profileStatsLink {border-left:0}
.lastLink.profileStatsLink {border-right:0}
.profileStatsNumb {display:block;font-size:1.25rem;color:rgb(128,128,128);padding-bottom:.25em}
.profileAccountLi {margin:0 0 .75em}
.profileScroll {max-width:47em;margin:0;overflow-y:scroll;overflow-x:hidden;-webkit-overflow-scrolling:touch;
background:
-webkit-linear-gradient(white 30%, rgba(255,255,255,0)),
-webkit-linear-gradient(rgba(255,255,255,0), white 70%) 0 100%,
-webkit-radial-gradient(50% 0%, farthest-side, rgba(0,0,0,.5), rgba(0,0,0,0)),
-webkit-radial-gradient(50% 100%, farthest-side, rgba(0,0,0,.5), rgba(0,0,0,0)) 0% 100%;
background:
linear-gradient(white 30%, rgba(255,255,255,0)),
linear-gradient(rgba(255,255,255,0), white 70%) 0 100%,
radial-gradient(50% 0%, farthest-side, rgba(0,0,0,.5), rgba(0,0,0,0)),
radial-gradient(50% 100%, farthest-side, rgba(0,0,0,.5), rgba(0,0,0,0)) 0% 100%;
background-repeat: no-repeat;
background-color: white;
background-size: 100% 1.25em, 100% 1.25em, 100% .5em, 100% .5em;
background-attachment: local, local, scroll, scroll;
}
.profileLive {max-height:24em;margin-bottom:3em}
.publicProfile {padding-left:28px}
.publicProfile:before,
.publicProfile:after {content:'';position:absolute;top:34%}
span.publicProfile:before,
span.publicProfile:after {top:50%}
.submissionLabel.publicProfile:before,
.submissionLabel.publicProfile:after {top:62%}
.publicProfile:before {left:.188em;width:.875em;height:.875em;margin-top:-.5em;background:rgb(128,128,128);border-radius:.75em 0 .75em 0;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
.publicProfile:after {left:.375em;width:.25em;height:.25em;border:.125em solid #fff;margin-top:-.313em;border-radius:.375em}
.corpProfileHero {width:100%;margin-top:-1.188em}
.aktuellesModell .colIconLarge {background:-webkit-linear-gradient(right, rgb(242,242,242), rgb(255,255,255));background:linear-gradient(to left,rgb(242,242,242), rgb(255,255,255))}
.aktuellesModell td:nth-child(2) {background:rgb(242,242,242)}
#oldconfig {display:none;position:absolute;top:0;right:0;bottom:0;left:0;background:rgb(255,255,255);margin-top:-.938em;overflow-y:scroll;overflow-x:hidden;-webkit-overflow-scrolling:touch}
#oldconfig:target {display:block}
/* macprime.ch Index Box
.mpIndexBox {background:rgb(236,236,236);margin:3em 1em 4em;padding:.25em 1em;max-width:44.5em}
.mpIndexBox > h1 {font-size:.75em;margin:-1.25em 0 0 0 !important;background: white;border:.083em solid rgb(231,231,231);padding:0 .334em .125em}
.mpIndexBoxProfiles h1 {font-size:1.25em;margin-top:.35em;margin-bottom:0;padding-top:.188em}
.mpIndexBoxProfiles h2 {font-size:1.063em;margin-top:0}
.mpIndexBoxBio {clear:both;color:rgb(102,102,102);font-size:.875em !important}
.mpIndexBox .vcard {font-size:.75em}
.mpIndexBoxProfiles {border-top:.083em solid rgba(190,190,190,.5);padding-top:.5em}
.mpIndexBoxProfiles:first-of-type {border-top:none;padding-top:0}
.mpIndexBox .profilePortraitImg,
.mpIndexBox .profilePortraitNoAvatar {width:3.438em;height:3.438em}
.mpIndexBoxLinkMore {display:block;margin:-.75em 0 1.25em;font-size:.75em}*/
.containerIndex {max-height:17em;overflow:scroll;-webkit-overflow-scrolling:touch}
.mpIndexBox {max-width:32em;text-align:left;margin:0 auto;font-size:.75em}
.contentListIndex {border-width:.083em}
/* Graphs */
.morris-hover {position:absolute;z-index:99}
.morris-hover.morris-default-style {border-radius:10px;padding:6px;color:#666;background:rgba(255, 255, 255, .8);border:solid 2px rgba(230, 230, 230, .8);font-family:sans-serif;font-size:12px;text-align:center}
.morris-hover.morris-default-style .morris-hover-row-label {font-weight:bold;margin:.25em 0;font-size:1.2em}
.morris-hover.morris-default-style .morris-hover-point {white-space:nowrap;margin:.1em 0}
/* Tags */
.tagList {}
.tagListLi {list-style-type:none;margin:0;padding:0 1.75em .5em 0;float:left}
/* Share Buttons */
.shareButtons {margin:2em 0 0 !important;list-style-type:none;max-width:47em !important}
.shareButtons li {float:left;width:32.67%;margin:0 1% 1% 0;display:block;text-align:center;line-height:2.5}
.shareButtons li:nth-child(3n) {margin-right:0}
.shareButtons li a {display:block;color:rgb(242,242,242)}
.shareButtons li a:hover {color:rgb(255,255,255) !important}
.shareButtons li.email a {background-color:rgb(97,152,227)}
.shareButtons li.email a:hover {background-color:rgb(39,115,213)}
.shareButtons li.facebook a {background-color:rgb(48,97,153)}
.shareButtons li.facebook a:hover {background-color:rgb(36,72,114)}
.shareButtons li.tumblr a {background-color:rgb(50,80,109)}
.shareButtons li.tumblr a:hover {background-color:rgb(34,54,74)}
.shareButtons li.linkedin a {background-color:rgb(0,123,182)}
.shareButtons li.linkedin a:hover {background-color:rgb(0,89,131)}
.shareButtons li.twitter a {background-color:rgb(38,196,241)}
.shareButtons li.twitter a:hover {background-color:rgb(14,170,214)}
.shareButtons li.googleplus a {background-color:rgb(233,63,46)}
.shareButtons li.googleplus a:hover {background-color:rgb(206,38,22)}
.shareButtons li.reddit a {background-color:rgb(139,187,227)}
.shareButtons li.reddit a:hover {background-color:rgb(98,163,217)}
.shareButtons li.pinterest a {background-color:rgb(184,22,33)}
.shareButtons li.pinterest a:hover {background-color:rgb(138,17,25)}
.shareButtons li.app a {background-color:rgb(57,57,57)}
.shareButtons li.app a:hover {background-color:rgb(42,42,42)}
@-webkit-keyframes loading {
50% {text-shadow:0 0 .75em rgb(0,100,161);color:rgb(0,100,161)}
}
@media (min-width:767px) {
/* Header */
.wrap#mainnav {width:95%}
.mainnavWrap {text-align:left}
#mainnavContainer {display:block}
#mainc .page {padding-bottom:20em}
/* Logo & Navigation */
#mainnavLogoLink {margin-left:-1em;padding-right:1em;padding-bottom:1em}
.headerLink,
.mainnavLi {float:left}
.headerLink {margin:-.5em 0 0;border-top:.5em solid transparent;border-bottom:none;padding:1.125em 1.75em 1.125em 1em}
.chrome .headerLink {margin-top:-.667em;border-top-width:.667em}
.mozilla .headerLink {margin-top:-.667em;border-top-width:.667em}
.mainnavLiLinkTitle {font-size:1.8em;display:block;padding-right:0}
/*.last.headerLink {box-shadow:.083em 0 0 0 rgba(57,57,57,.3)}*/
.nojs .headerLink:hover,
.notouch .headerLink:hover,
.nojs #mainnavLogoLink:hover,
.notouch #mainnavLogoLink:hover,
.nojs #mainnavProfil:hover,
.notouch #mainnavProfil:hover,
.nojs #mainnavLive:hover,
.notouch #mainnavLive:hover,
.nojs #mainnavLogin:hover,
.notouch #mainnavLogin:hover,
.nojs .headerLink.active,
.notouch .headerLink.active,
#siteStart #mainnavLogoLink.headerLink,
#siteNews #mainnavNews .headerLink,
#siteMagazin #mainnavMagazin .headerLink,
#siteLexikon #mainnavLexikon .headerLink,
#siteForum #mainnavForum .headerLink,
#siteServices #mainnavServices .headerLink,
#siteProfile #mainnavProfil,
#siteLive #mainnavLive {background:rgb(0,0,0);border-top-color:rgb(128,128,128)}
.mailBadge {font-size:.75em;padding:.417em .5em;border:.167em solid white}
/* Start Page */
#featGallery {min-width:36em;max-width:62.5em;height:24em;background:black;border:.063em solid rgb(237,237,237);margin-bottom:3.25em}
#featGallery a {background:rgba(0,0,0,0) linear-gradient(to bottom,transparent 0%,transparent 40%, rgba(0,0,0,.9) 100%)}
#featGallery span {top:auto;bottom:.25em}
.featGalleryLeft {width:62%;height:100%;float:left}
.featGalleryRight {width:38%;float:right;height:100%}
.masterSlide {width:100%;height:62%;font-size:1.8em}
.halfSlide {border-left:.063em solid black}
.halfSlideLeft {border-right:.063em solid black;border-left:none}
.halfSlide.featStory {width:50%;height:38%;font-size:1.2em;float:left}
.flatSlide {width:100%;height:25%;float:left}
.breaking:after {top:0;right:auto;left:.5em}
.newStory:before {top:0;right:.5em;bottom:auto}
/* onePage */
.onePage {margin-top:-1em}
.onePageBlock {max-width:47em;margin:2em auto 5em}
.onePage h1 {font-size:3.2em;display:block}
.onePage h2,
.onePage section h1 {font-size:1.8em !important;font-weight:normal}
.onePage .rightImg {margin-right:-4em;width:20em}
.onePage .leftImg {margin-left:-4em;width:12.5em}
.onePage .fullWidthBalken {margin:1em -10% 3em;width:120%}
.onePage .logoSmall {max-width:33%;margin:0 0 1em 0}
figure.featureBadge {width:23%}
/* Colabse MainNavi TinyScreen */
.mainnavMore,
.mainnavLess,
#mainnav:target .mainnavLess {display:none}
.mailBadge {right:6em;left:auto}
.mainnavRight {float:right;min-width:13.875em;margin-right:4.25em}
#mainnavLive {background:transparent;margin-right:0;padding:.875em 1.063em .938em 1em;float:left;width:auto;border:none;display:inline-block;margin-top:-.313em;border-top:.313em solid transparent}
#mainnavLiveImg {width:2.188em;height:2.188em;float:right}
/* Search */
#globalFind {margin:1.063em 0 0;margin-bottom:none;padding:0;width:8.5em;float:right}
#globalFind:before {left:.5em;margin-top:-.625em}
/* Profil Avatar Mainnav */
#mainnavProfil {margin-left:1em;padding:.875em 1.063em .938em 1em;float:right;width:auto;border:none;display:inline-block;margin-top:-.313em;border-top:.313em solid transparent}
#mainnavLogin,
#mainnavProfil .mainnavLiLinkTitle,
#mainnavProfil .mainnavLiLinkDesc {display:none}
/* Breadcrumb */
.breadcrumb {margin:.5em 0 3.333em 0;line-height:1.231}
/* Logobar */
.touch #logobar {overflow:visible}
.logobarLi {width:100%;padding:0 .75% 0 0}
.logos2.logobarLi {width:50%}
.logos3.logobarLi {width:33.334%}
.logos4.logobarLi {width:50%}
.logos5.logobarLi {width:33.334%}
.logos6.logobarLi {width:33.334%}
.sponsorLi:nth-child(2n) {padding:0 .75% 0 0}
.affiliateLi {width:20%;padding:0}
.first.logobarInfoBox {right:auto;margin-left:-105px}
.first.logobarInfoBox:before {left:50%;margin-left:-.5em}
/* Footer */
#mainf .floatRight {text-align:right;float:right;margin-bottom:1em}
/* Content */
.contentHeader {font-size:1.625em;line-height:1.625;border-bottom:.04em solid rgb(237,237,237)}
.articleImg {max-width:10.5em;max-height:10.5em;margin-right:1.875em}
.mainContent ul,
.mainContent ol,
.mainContent dl {font-size:1em;padding-bottom:1.625em}
.mainContent ul ul {padding-bottom:.438em}
.contentList h1 {font-size:1.375em}
.contentListImg {width:5.25em;height:5.25em;margin-right:1.75em}
.contentList .articleImgSmall {max-width:5.25em;max-height:5.25em;margin-left:.5em}
.contentList .appIcon.articleImgSmall {border-radius:.75em}
.contentList footer {font-size:.875em}
/* .fixTag {top:-1.25em} */
#comments {padding:0/* 2em */}
#comments article {margin:0/* -1.5em*/;padding:.75em 1em 1.063em /* .75em 1.5em 1.063em */}
#comments cite,
#comments time {display:inline-block;margin-top:0}
#comments .avatar {margin-right:1em}
#comments .avatar,
.noavatar {width:6em;height:6em}
#comments form {max-width:47em;margin:.75em -1.5em 0;padding:.75em 1.5em 1.25em}
#comments form img {max-width:6em;max-height:6em;margin-right:1em}
#comments .commentWrap footer {margin-bottom:0}
/*figure.images .imagesLeft:before,
figure.images .imagesRight:before {font-size:4em}*/
.pagination li > a,
.pagination li > span {margin:.25em}
.pagination li a span {display:inline}
.colAd .container {padding:1em}
.corpProfileHero {margin-top:-2.563em}
.shareButtons li {width:15.83%;margin:0 1% 1% 0}
.shareButtons li:nth-child(3n) {margin-right:1%}
.shareButtons li:nth-child(6n) {margin-right:0}
}
/*@media (min-width:1640px) {
.headerLink {padding-left:5em}
.headerLink:before {content:'';display:block;position:absolute;top:50%;left:1em;width:3em;height:3em;margin-top:-1.5em;background:transparent url(/_images/sprites/sprite.png) no-repeat 0 0}
#mainnavLogoLink {padding-left:1em;padding-bottom:1em}
#mainnavLogoLink:before {display:none}
}*/
@media (min-width:1001px) and (max-width:1250px) {/* 1345px */
.headerLink {padding:1.688em 1em}
/*.chrome .headerLink {padding-bottom:1.385em}*/
#mainnavLogoLink {padding:1.167em 1em .833em}
.mainnavLiLinkTitle {padding-top:.375em;padding-right:0;font-size:1.25em}
.mainnavLiLinkDesc {display:none}
#mainf .floatRight {text-align:left;float:none;margin-bottom:1em}
.mailBadge {right:12.75em}
/* 2 col */
.entryPageWrapper {float:left;width:62%}
.colL {margin-bottom:1em;max-width:42.813em;padding-right:4em}
.mainContent {padding-right:4em}
.colR {float:left;width:38%;max-width:47em;padding-left:1em}
/* Start Page */
#siteStart .page {margin-top:1em}
.startPage.mainContent {width:62%;float:left;padding-right:1em;z-index:2}
.wrapper {width:38%;float:right;padding-left:1em}
.colLmain {width:100%;padding-right:4em}
.colRmain {width:100%}
/* Profile */
.profilePortraitImg {width:11.750em}
.profilePortraitNoAvatar {width:11.75em;height:11.75em}
.profileBioTxt {min-height:12em !important}
.profileScroll {max-height:16em}
.mozilla .profileScroll {max-height:none}
.profileConfig {width:50%;height:16em;float:left;margin-bottom:3em}
.mozilla .profileConfig {max-height:none;height:auto}
.profileiOS {float:right}
.showOldConfig {float:right}
#oldconfig {overflow-y:visible;overflow-x:visible;-webkit-overflow-scrolling:touch}
}
@media (min-width:768px) and (max-width:1000px) {
.headerLink {padding:2em .5em}
/*.chrome .headerLink {padding-bottom:1.846em}*/
#mainnavLogoLink {padding:1.167em 1em .833em}
.mainnavLiLinkTitle {padding-right:0;font-size:1em}
.mainnavLiLinkDesc {display:none}
#mainnavProfil {padding:.875em .5em .938em;margin-left:.25em}
#mainnavLive {padding:1.438em .5em 1.563em}
#mainnavLiveImg {width:1em;height:1em;}
#mainf .floatRight {text-align:left;float:none;margin-bottom:1em}
.mainnavRight {min-width:9.375em;margin-right:2em}
#globalFind {width:7em}
.mailBadge {right:2.25em;left:auto}
}
@media (min-width:1251px) { /* 1346px */
/* 3 col */
.entryPageWrapper {float:none;width:auto}
.colL {float:left;margin-top:0;margin-bottom:2em;width:25%;max-width:42.813em;position:absolute;top:.125em;padding-right:4em}
.contentWrap.list .colL {top:1.75em}
.mainContent {float:left;width:50%;margin-left:25%;padding-right:2em}
.colR {float:left;width:25%;padding-left:2em;margin-top:-1.438em}
.contentWrap .colR {margin-top:-3.313em}
#mainc .page {padding-bottom:10em}
.mainnavRight {min-width:12.875em}
#globalFind {width:7.5em}
/* Content */
.contentHeader {margin-top:1em;padding:0 25% .5em;font-size:1.625em;line-height:1.625;border-bottom:.04em solid rgb(237,237,237)}
.profileShort.contentHeader {margin-top:0;padding:0 0 .5em}
.singleHeader.contentHeader {padding:0 0 .5em}
.articleImg {max-width:10.5em;max-height:10.5em;margin-right:1.875em}
#siteProfile .mainContent {min-height:38em}
.mainContent p {font-size:1em;padding-bottom:1.125em;max-width:47em}
.mainContent ul,
.mainContent ol,
.mainContent dl {font-size:1em;padding-bottom:1.625em}
.mainContent ul ul {padding-bottom:.438em}
/* .fixTag {font-size:1em;top:-.875em} */
.contentListLink {max-width:47em}
.contentList footer {line-height:2}
#comments {padding:0/* 4em*/}
#comments .avatar {margin-right:1em}
#comments .avatar,
.noavatar {width:6em;height:6em}
#comments form {max-width:47em;margin:.75em -1.5em 0;padding:.75em 1.5em 1.25em}
#comments form img {max-width:6em;max-height:6em;margin-right:1em}
/*figure.images .imagesLeft:before,
figure.images .imagesRight:before {font-size:4em}*/
.filinfexpTitle {display:none}
.filinfexpContent {opacity:1;visibility:visible;height:auto;background:transparent;padding:0;margin:0}
.colLfilter.colL strong {font-size:1.125em}
.colLfilter.colL ul {font-size:1em}
.colLfilter.colL li {display:list-item}
.colLfilter.colL a.active {margin-left:0}
.pagination li > a,
.pagination li > span {margin:.25em}
.pagination li a span {display:inline}
/* Colabse Filter TinyScreen */
.filterMore,
.filterLess,
#filter:target .filterLess {display:none !important}
.showFilter {display:none}
.hideFilter {display:inline}
/* Logobar */
.logobarLi {border-right:.083em solid rgb(230,230,230);border-left:.083em solid rgb(241,241,241)}
.logobarLi:first-child {border-left:none;border-radius:.25em 0 0 .25em}
.logobarLi:last-child {box-shadow:.083em 0 0 0 rgb(241,241,241)}
.affiliateLi:first-child {border-left:.083em solid rgb(241,241,241);box-shadow:-.083em 0 0 0 rgb(230,230,230)}
.affiliateLi:last-child {border-right:none;box-shadow:none;border-radius:0 .25em .25em 0}
.affiliate {padding:.813em 0}
.logobarH1 {border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}
.sponsors {float:left;width:75%;min-width:75%;margin:0}
.mozilla .sponsors {display:table}
.mozilla .sponsorLi {display:table-cell;vertical-align:middle}
.logobarLi {width:100%;padding:0 .813em 0 0;margin:0;height:6em}
.logos2.logobarLi {width:25%}
.logos3.logobarLi {width:33.334%}
.logos4.logobarLi {width:25%}
.logos5.logobarLi {width:20%}
.logos6.logobarLi {width:16.667%}
.sponsorLi:nth-child(2n) {padding:0 .813em 0 0}
.sponsorImg {max-height:4.25em}
.mozilla .sponsorImg {width:100%}
.mozilla .logobarClick {height:5em}
.affiliates {position:absolute;right:0;width:25%;padding-left:2em}
.affiliateLi {width:20%;padding:0}
.last.logobarInfoBox:before {left:90%}
.colLfilter.colL ul {overflow:visible;margin-left:1.286em}
.colLfilter.colL ul ul {margin-left:1em;display:block;float:none}
/* Start Page */
#siteStart .page {margin-top:2em;min-height:200em}
.colLmain {width:25%;float:left;padding-right:4em}
.startPage.mainContent {width:50%;float:left;margin-left:25%;padding-right:2em;z-index:2}
.colRmain {width:25%;float:right;padding-left:2em}
.wrapper {position:absolute;width:100%;top:4px;padding-left:0}
/* Profile */
figure.configImg {border-bottom:none;box-shadow:0 0 .5em rgba(0,0,0,.3);background:-webkit-linear-gradient(white,rgb(237,237,237));background:linear-gradient(to bottom,white,rgb(237,237,237))}
figure.configImg img {float:left;width:66%;box-shadow:none}
figure.configImg figcaption {float:right;width:33%;display:inline;text-align:left;clear:none;background:none}
.profilePortraitImg {width:11.750em}
.profilePortraitNoAvatar {width:11.75em;height:11.75em}
.profileBioTxt {min-height:12em !important}
.profileScroll {max-height:16em}
.mozilla .profileScroll {max-height:none;overflow:hidden}
.mozilla .profilePersonalBox .profileScroll {overflow-y:scroll}
.mozilla .profileScroll .fullTableContainer {overflow:hidden}
.profileConfig {width:50%;height:16em;float:left;margin-bottom:3em}
.mozilla .profileConfig {max-height:none;height:auto}
.profileiOS {float:right}
.showOldConfig {float:right}
#oldconfig {overflow-y:visible;overflow-x:visible;-webkit-overflow-scrolling:touch}
}
@media (min-width:1444px) {
.headerLink {padding-right:5.167em}
#featGallery {height:32em}
}
@media (min-width:1520px) {
.mainnavRight {min-width:16.875em}
#globalFind {width:11.5em}
}
@media (min-width:1680px) {
.colList .contentList .day {display:inline}
.ratingBadge {width:auto;border:.125em solid rgb(237,237,237);border-radius:2em;background:transparent;padding:0 2em;max-width:80%}
.contentList h1 {font-size:1.5em}
.contentListImg {width:6.75em;height:6.75em}
.contentList .articleImgSmall {max-width:6.75em;max-height:6.75em}
.contentList .appIcon.articleImgSmall {border-radius:1em}
.col h1 {font-size:1.5em}
.col .colList article h1 {font-size:1.125em}
.col h2 {font-size:1.25em}
.col td {font-size:1em}
}
@media (min-width:2222px) {
.wrap {width:80%}
.wrap#mainnav {width:80%}
.last.logobarInfoBox {left:50%;margin-left:-105px}
.last.logobarInfoBox:before {left:50%}
.mainnavRight {min-width:21.375em}
#globalFind {width:16em}
}
/* vertical media queries */
@media (min-height:47.5em) and (min-width:767px) {
#mainh {position:fixed;right:0;left:0}
#mainc {top:4.25em}
#breaking {top:4.5em}
#mainf {top:4.25em}
#mainf:before {top:1.063em}
}
/* GENERAL OVERWRITES */
.visuallyhidden {border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}
.hidden {display:none}
.clearfix:before,.clearfix:after {content:'';display: table;}
.clearfix:after {clear:both}
#fb_xdm_frame_http,
#fb_xdm_frame_https {border:none}
/* Sprite */
.affiliate-apple {background-position:0 0}
.affiliate-ios {background-position:0 -39px}
.affiliate-itunes {background-position:0 -78px}
.affiliate-mas {background-position:0 -117px}
.affiliate-mp {background-position:0 -156px}
/* Retina Display */
@media (-webkit-min-device-pixel-ratio: 2) {
#globalFind:before {background-image:url(/_images/sprites/sprite-2x.png);background-size:55px 303px}
#mainf:before {background-image:url(/_images/sprites/sprite-2x.png);background-size:55px 303px}
.affiliateIcon {background-image:url(/_images/sprites/sprite-2x.png);background-size:55px 303px}
.homeIcon {background-image:url(/_images/sprites/sprite-2x.png);background-size:55px 303px}
}