section:not(.noStory)#content {
 margin: 0 !important;
}

/*section#pageTools {display: none}*/

section.story-container.noNav > div.tabs, .story.noNav > nav {
    display: none;
}

.story {
 position: relative;
}

figure.semiTransparent{opacity:0.5}

.story > nav {
 position: fixed;
 background: #e5effa;
 background: rgba(229,239,250,.85);
 padding: 15px 5px 0 2px;
 top: 155px;
 right: 0;
 transition: width 0.5s;
 text-align: right;
 box-sizing: border-box;
 overflow: hidden;
 z-index: 2;
 width: 44px;
 height: 100%;
 visibility: hidden;
}
.story > nav.expanded {
 min-width: 200px;
}

.story > nav.visible {
 visibility: visible;
}

.story a.nav-toggle {
 background: url(/litdhtml5css/img/storyNavToggle.png) no-repeat;
 width: 32px;
 height: 23px;
 display: inline-block;
}

.story > a.nav-toggle {display: none}

.story > nav > a.overview {
 position: absolute;
 top: 17px;
 left: 14px;
 background: url(/litdhtml5css/img/icon-revert.png) no-repeat 0 1px;
 padding-left: 20px;
 white-space: nowrap;
 opacity: 0;
 pointer-events: none;
 transition: opacity 0.5s;
}

.story > nav.expanded > a.overview {
 opacity: 1;
 pointer-events: auto;
}

.story > nav > div.shareBox {
 position: absolute;
 bottom: 10px;
 right: 3%;
 width: 94%;
 border-top: 1px solid #aaa;
 padding-top: 8px;
 white-space: nowrap;
 opacity: 0;
 pointer-events: none;
 transition: opacity 0.5s;
}

.story > nav.expanded > div.shareBox {
 opacity: 1;
 pointer-events: auto;
}

.story > nav > div.shareBox > a {
 background-color: transparent;
}

.story > nav > ul {
 position: absolute;
 right: 10px;
 top: 45px;
}

@media screen and (min-width: 768px){
 .noStory {
  width: 93.4% !important;
  float: none;
  background: #fff;
  padding: 25px 30px;
 }
 .noStory.stageBleed {
  margin-top: -60px;
  margin: -60px 3.3% 0;
  box-sizing: border-box; z-index: 1
 }
}

@media screen and (min-width: 720px){
 .story > nav > ul {
  height: auto !important;
 }
}

.story > nav > ul > li {
 white-space: nowrap;
 margin-bottom: 10px;
 font-family: imago-pro-roche-n5,imago-pro-roche,arial-rfb,sans-serif;
 font-style: normal;
}

.story > nav > ul > li.hidden {
 display: none;
}

.story > nav > ul > li > a {
 background: url(/litdhtml5css/img/stageScrollerNav.png) no-repeat center right;
 padding-right: 28px;
 color: transparent;
 transition: color 0.5s;
 text-decoration: none;
}

.story > nav.expanded > ul > li > a {
 color: #666;
}

.story > nav > ul > li.active > a {
 background-image: url(/litdhtml5css/img/stageScrollerNavActive.png);
}

.story > nav.expanded > ul > li.active > a {
 color: #333;
 font-weight: 500;
}

.story p {
 font-size: 22px;
 line-height: 30px;
 font-style: italic;
 font-weight: normal;
 font-family: minion-pro, serif;
}
.story p.nostory {
 font-family: imago-pro-roche-n4,imago-pro-roche,arial-rfb, sans-serif;
 font-style: normal;
 font-size: 1em;
 line-height: 1.3em;
}

.story figure > img {
 display: block;
}

.story > section {
 position: relative;
 z-index: 1;
 background: #fff;
}

.story section.gradient-background {
 background: linear-gradient(0deg, #dcdcdc 0%,transparent 30%,transparent 100%), linear-gradient(180deg, #dcdcdc 0%,#fff 30%,#fff 100%);
}

.story > section.hr-bottom:after {
 position: absolute;
 bottom: 0;
 left: 0;
 width: 100%;
}

.story > section.text-only {
 box-sizing: border-box;
 padding: 50px 0;
}

.story > section > .footnote {
 position: absolute;
 bottom: 10px;
 left: 1.96%;
 opacity: 0.5;
}

.story .seeOther, .story .phoneInfo {
 text-align: center;
 margin: 10px 0 40px;
}

.story .seeOther:before {
 margin-bottom: 15px;
}

.story .seeOther > .quote-xxsmall {
 max-width: 800px;
 margin: 5px auto 10px;
 text-align: left;
 padding: 2%;
}

.story .seeOther > a {
 background: url(/litdhtml5css/img/internal-large.png) no-repeat 0 center;
 background-size: 14px 19px;
 padding-left: 22px;
 text-decoration: none;
}

.story .phoneInfo .telefon {
 background-position: 0 8px;
}

.story .story-text-wrapper {
 position: absolute;
 bottom: 22px;
 height: auto;
 left: 1.96%;
 top: auto;
 width: 45%;
 z-index: 4;
}

.story .full-width-box .story-text-wrapper {
 background: rgba(229,239,250,.85);
 top: 50%;
 bottom: auto;
 left:0;
 width:100%;
 padding:20px;
 -webkit-transform: translateY(-50%);
 -ms-transform: translateY(-50%);
 transform: translateY(-50%);
}

h1.font-imago {
 font-weight: 500;
 font-style: normal;
 font-family: imago-pro-roche-n4, imago-pro-roche, arial-rfb, sans-serif;
 clear: left;
 margin-bottom: 12px;
}

.story .background-box .story-text-wrapper {
 -webkit-border-radius: 10px;
 -moz-border-radius: 10px;
 border-radius: 10px;
 background: rgba(255, 255, 255, 0.6);
 padding: 20px;
}

.story .color-white .background-box .story-text-wrapper {
 background: rgba(0, 0, 0, 0.6) !important;
}

.story .shadow .story-text-wrapper {
 text-shadow: 0 0 1px #FFF;
}
.story .color-white .shadow .story-text-wrapper {
 text-shadow: 0 0 1px #000 !important;
}

.story .smoke-shadow .story-text-wrapper {
 text-shadow: 3px 3px 3em #FFF;
}
.story .color-white .smoke-shadow .story-text-wrapper {
 text-shadow: 3px 3px 3em #000 !important;
}

.story .color-black .story-text-wrapper a.external {
 color: #000;
 background-image: url(/litdhtml5css/img/icon-external-visited.gif);
}
.story .color-white .story-text-wrapper a.external {
 color: #FFF;
 background-image: url(/litdhtml5css/img/icon-external-white.gif);
}


.story .story-text-wrapper.wide, .story .text-center .story-text-wrapper.wide, .story .text-middle .story-text-wrapper.wide {
 width: 70%;
}

.story .text-top .story-text-wrapper {
 top: 75px;
 bottom: auto;
}

.story .text-top.text-middle.text-huge .story-text-wrapper {
 top: 100px;
 width: 80%;
}

.story .text-middle.text-wide .story-text-wrapper, .story .text-wide .story-text-wrapper {
 width: 93%;
}

.story .text-top.text-middle.text-wide .story-text-wrapper {
 top: 12.5%;
}
.story .text-top.text-middle.text-wide.lower .story-text-wrapper {
 top: 16.5%;
}

.story .text-bottom.text-middle.text-wide .story-text-wrapper {
 top: 87.5%;
}

.story .text-bottom.text-middle.text-wide.higher .story-text-wrapper {
 top: 83.5%;
}

.story .text-narrow .story-text-wrapper, .story .text-middle.text-narrow .story-text-wrapper {
 width: 38%;
}

.story .text-narrower .story-text-wrapper, .story .text-middle.text-narrower .story-text-wrapper {
 width: 25%;
}

.story .text-wider .story-text-wrapper {
 width: 47%;
}

.story .text-top.low-margin .story-text-wrapper {
 top: 30px;
}
.story .text-right.low-margin .story-text-wrapper {
 right: 30px;
}

.story .text-bottom.low-margin .story-text-wrapper {
 bottom: 30px;
}
.story .text-left.low-margin .story-text-wrapper {
 left: 30px;
}

.story .text-bottom .story-text-wrapper {
 top: auto;
 bottom: 75px;
}

.story .text-right .story-text-wrapper {
 right: 75px;
 left: auto;
}

.story .text-center .story-text-wrapper, .story .text-middle .story-text-wrapper {
 right: 0;
 left: 0;
 bottom: auto;
 top: 50%;
 width: 60%;
 -webkit-transform: translateY(-50%);
 -ms-transform: translateY(-50%);
 transform: translateY(-50%);
 margin: 0 auto;
}

.story .text-middle.text-top .story-text-wrapper {top:25%;}
.story .text-middle.text-bottom .story-text-wrapper {top:75%;}
.story .text-middle.text-left .story-text-wrapper {left:1.96%; right: auto}
.story .text-middle.text-right .story-text-wrapper {right:75px; left: auto}

.story section.text-only .story-text-wrapper {
 position: relative;
 top: auto;
 left: auto;
 right: auto;
 bottom: auto;
 margin: 0 auto;
 width: 60%;
}

.story section.text-only .story-text-wrapper.left {
 margin-left: 1.96%;
 float: left;
}

.story section.text-only .story-text-wrapper.small {
 width: 50%;
}

.story section.text-only .story-text-wrapper.wide {
 width: 70%;
}

.story section.text-only .story-text-wrapper.wider {
 width: 90%;
}

.story section.text-only .floating-right {
 clear: right;
 float: right;
 width: 48.04%;
}

.story .block-3:after {
 display: none !important;
}

.story .text-center h1, .story .text-huge h1 {
 font-size: 90px;
 line-height: 95px;
 font-weight: 600;
}

.story h1.large {
 font-size: 70px;
 line-height: 75px;
 font-weight: normal;
}

.story h1.medium {
 font-size: 50px;
 line-height: 55px;
 font-weight: normal;
}

.story h1.small {
 font-size: 32px;
 line-height: 42px;
 font-weight: normal;
}

.story h1 > strong.large {
 display: block;
 font-size: 70px;
 line-height: 75px;
 font-weight: normal;
}

.story .center {
 display: block;
 margin: auto;
 text-align: center;
}

@media screen and (min-width: 720px){
 .story p.medium {
  font-size: 30px;
  line-height: 40px !important;
 }
}

.story a.toggleBoxLink {
 background: url(/litdhtml5css/img/internal-large.png) no-repeat 4px center;
 background-size: 14px;
 padding-left: 24px;
}

.story .text-center p, .story p.large, .story .text-huge p {
 font-size: 40px;
 line-height: 45px;
}

.story p.leadtext {
 font-size: 25px;
 line-height: 32px;
 font-weight: normal;
}

.story h1 + p.leadtext {
 margin-top: 30px;
}

.story br + p.leadtext {
 margin-top: 20px;
}

.story p.leadtext:not(.noCap)::first-letter {
 float: left;
 font-size: 75px;
 line-height: 60px;
 padding: 4px 8px 0 3px;
 margin: 0;
}

.story p strong, .story strong {
 font-weight: bold;
}

.story p.leadtext ~ div.normal-text {
 margin-top: 20px;
}

.story p.leadtext a.litd-reference-item,
.story h1 a.litd-reference-item {
 height: 17px;
 font-size: 16px;
 line-height: 16px;
 font-style: normal;
 font-family: imago-pro-roche-n4,imago-pro-roche,arial-rfb, sans-serif;
 font-weight: normal;
}

.story h1 a.litd-reference-item {
 height: 18px;
 font-size: 18px;
 line-height: 18px;
 top: -1em;
}

.story .color-white h2,
.story .color-white h3,
.story .color-white h4 {
 color: #fff;
}

.story div.litd-stageScroller h2 {
 font-size: 22px;
}

.story .normal-text {
 position: relative;
 font-size: 20px !important;
 line-height: 28px !important;
 font-family: imago-pro-roche-n4,imago-pro-roche,arial-rfb, sans-serif;
 font-style: normal;
}

.story ul.normal-text > li {
 margin: 20px 0;
}

.story div.litd-stageScroller:not(.news) .litd-stageScrollerItems>div {
 padding-left: 0 !important;
 box-shadow: none !important;
}

.story div.litd-stageScroller[data-showArrows='true']:not(.news) {
 width: 120%;
 margin: 10px 0 0 -10%;
}

.story div.litd-stageScroller[data-showArrows='true']:not(.news) .litd-stageScrollerItems>div {
 padding: 0 80px !important;
 box-sizing: content-box;
}

.story div.litd-stageScroller[data-showArrows='true']:not(.news) a.litd-stageScroller-browse {
 width: 50px;
 background-size: 25px;
 background-color: transparent;
}

.story.tarceva div.litd-stageScroller a.litd-stageScroller-prev {
 background-image: url(/litdhtml5css/img/arrowLeftRed.png);
}

.story.tarceva div.litd-stageScroller a.litd-stageScroller-next {
 background-image: url(/litdhtml5css/img/arrowRightRed.png);
}

.story .number {
 display: block;
 font-size: 70px;
 line-height: 70px;
}

.story .largeHighlite, .story .largeHighlite > div {
 line-height: 30px !important;
 vertical-align: bottom;
}

.story .largeHighlite strong {
 font-size: 180%;
 line-height: 120%;
}

.story .mediumHighlite strong {
 font-weight: 600;
 font-size: 120%;
}

.story .marker {
 position: absolute;
 border-radius: 50%;
 width: 25px;
 height: 25px;
 display: block;
 box-sizing: border-box;
 border: 5px solid #06c;
 background: #06c;
 color: transparent;
 box-shadow: 0 0 5px rgba(255,255,255,0.5);
 cursor: pointer;
}

.story .marker:before {
 content: "";
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 border-radius: 50%;
 box-sizing: border-box;
 border: 4px solid #fff;
}

.story ol#litd-reference-container {
 margin-top: 30px;
}

.story ol#litd-reference-container:after {
 content: "";
 display: block;
 clear: both;
}

.story ol#litd-reference-container > li {
 border: none;
 font-size: 120%;
}

.story ol#litd-reference-container > li > a {
 word-break: break-all;
 font-size: 90%;
}

.story .fullWidth {
 width: 100% !important;
 margin: 40px 0 !important;
 padding: 0 4.3% 0 1.96% !important;
}

.story .fullWidth div.floating .imageCaption {
 margin: 10px 0 10px 0;
}

.story div.imageBlock-5 {
 position: relative;
 float: left;
 vertical-align: top;
 width: 20%;
}

.story .fullWidth div.litd-html5video,
.story .fullWidth a.litd-overlay-html5video{
 max-width: 768px;
}

.story figure div.litd-html5video {
 background-size: 100%;
 display: block;
 transform: scale(1.001);
}

.story hr.large {
 margin: 40px 0;
}

.story div.toggleWrapper {
 margin-top: 20px !important;
 margin-left: auto;
 margin-right: auto;
 max-width: 768px;
}

.story div.toggleWrapper > div {
 clear: both;
 background-color: #f2f2f2;
 border: 1px solid #e5e5e5;
 border-radius: 5px;
 padding: 10px 20px;
 font-size: 120%;
 line-height: normal;
}

.story div.toggleWrapper > div h3 {
 font-size: 100%;
 margin-bottom: 15px;
}

.story div.toggleWrapper.text-center > div {
 text-align: center;
}

.story div.toggleWrapper.large > div {
 font-size: 140%;
 padding: 30px 10%;
 min-height: 85px;
}

.story div.toggleWrapper > div > div.floating > img {
 max-width: 175px;
}

.story div.toggleWrapper > div > p {
 position: relative;
 font-size: 16px !important;
 line-height: 20px !important;
 font-family: imago-pro-roche-n4,imago-pro-roche,arial-rfb, sans-serif;
 font-style: normal;
}

.story div.toggleWrapper > div:after {
 content: "";
 display: block;
 clear: both;
}

.story div.toggleWrapper > div.hidden {
 display: none;
}

.story div.toggleWrapper > menu {
 display: none;
 clear: both;
 margin-top: 15px;
 text-align: center;
}

.story div.toggleWrapper > menu.active {
 display: block;
}

.story div.toggleWrapper > menu > a {
 position: relative;
 display: inline-block;
 width: 60px;
 padding: 10px;
 box-sizing: border-box;
 border-radius: 5px;
 margin: 0 12px 15px 0;
 background: #ccc;
 vertical-align: top;
}

.story div.toggleWrapper > menu > a > img {
 width: 100%;
 display: block
}

.story div.toggleWrapper > menu > a.textonly {
 width: 150px;
 height: 80px;
 background: #e5e5e5;
 text-decoration: none;
}

.story div.toggleWrapper > menu > a.active {
 background: #06c;
 color: #fff;
}

.story div.toggleWrapper > menu > a.active:before {
 content: "";
 position: absolute;
 top: -20px;
 left: 20px;
 border: 10px solid transparent;
 border-bottom-color: #06c;
}

.story div.toggleWrapper > menu > a.active.textonly:before {
 left: 65px;
}

.story div.toggleWrapper.acc-style > menu > a {
 width: 100%;
 background: #f2f2f2;
 text-decoration: none;
}

.story div.toggleWrapper.acc-style > menu > a > span {
 background: url(/litdhtml5css/img/accordionPlus.png) no-repeat 0 center;
 padding-left: 20px;
 color: #06c;
}

.story div.toggleWrapper.acc-style > menu > a.active {
 display: none;
}

.story .fadeIn {
 opacity: 0;
 transition: opacity 0.5s;
}

.story section.current .fadeIn {
 opacity: 1;
}

.story a.smallLink {
 display: block;
 font-size: 12px;
 color: #999;
}

.story img.decorationImage {
 position: absolute;
 top: 100px;
 left: 3%;
 width: auto;
}

.story .marginTop {
 margin-top: 30px !important;
}

.story .marginTopX2 {
 margin-top: 60px !important;
}

.story div.performanceTable {
 position: relative;
 margin-top: 25px !important;
}

.story div.performanceTable > a {
 position: absolute;
 bottom: 1%;
 right: 0%;
 width: 25%;
 height: 20%;
 text-decoration: none;
 z-index: 2;
}

div#litd-overlay-html p.large {
 font-size: 120%;
 line-height: normal;
}

.storyTooltip {
 width: 250px;
}

.story > section > div.serviceLinks {
    float: right;
    margin-right: 10%;
    margin-top: -10%;
    position: relative;
}

/* START Immunsystem MS */
.story strong.cd {margin-left: 12px}
.story strong.cd:first-child {margin-left: 0}
.story strong.cd:before {
 content: "";
 width: 18px;
 height: 18px;
 display: inline-block;
 vertical-align: top;
 margin: 5px 8px 0 0;
 border-radius: 3px;
}
.story strong.cd19:before { background: #7474b9;}
.story strong.cd20:before { background: #166480;}
.story strong.cd27:before { background: #c03;}
/* END Immunsystem MS */

@media screen and (max-width: 1279px){
 .story .text-center h1, .story .text-huge h1 {
  font-size: 70px;
  line-height: 75px;
 }
}

@media screen and (max-width: 1023px){
 .story p {
  font-size: 18px;
  line-height: 26px;
 }

 .story .story-text-wrapper.wider {
  width: 55%;
 }

 .story .text-top .story-text-wrapper {
  top: 35px;
 }

 .story .text-bottom .story-text-wrapper {
  bottom: 35px;
 }

 .story .text-right .story-text-wrapper {
  right: 35px;
 }

 .story h1 {
  font-size: 25px !important;
  line-height: 30px !important;
 }

 .story div.floating {
  float: none;
  width: 100%;
  max-width: none !important;
 }

 .story section.text-only div.floating {
  width: auto;
  float: left;
 }
 .story section.text-only div.floating.right {
  width: auto;
  float: right;
 }

 .story img.decorationImage {
  left: 1%;
 }
}

@media screen and (max-width: 767px){
 .story .text-center h1, .story .text-huge h1 {
  font-size: 35px !important;
  line-height: 40px !important;
 }

 .story .text-center p, .story p.large, .story .text-huge p {
  font-size: 20px;
  line-height: 25px;
 }

 .story p {
  font-size: 18px;
  line-height: 22px;
 }

 .story .text-top .story-text-wrapper {
  top: 30px;
 }

 .story .text-bottom .story-text-wrapper {
  bottom: 30px;
 }

 .story .text-right .story-text-wrapper {
  right: 30px;
 }

 .story img.decorationImage {
  display: none;
 }

}


@media screen and (max-width: 719px){
 body.storyMenuOpened {
  overflow: hidden;
 }

 .story {
  width: 100%;
  transform: translate(0, 0);
  transition: transform 0.5s;
 }

 .story > nav {
  height: 100% !important;
  background: #e5e5e5;
  overflow: visible;
  text-align: left;
  transition: right 0.5s;
  top: 0px;

 }

 section#mainContainer .story > nav > a.overview {
  top: 15px;
  left: 12px;
  display: block !important;
 }

 .story > nav > div.shareBox {
  bottom: auto;
  right: auto;
  left: 10px;
  top: 40px;
  border: none;
 }

 .story > nav > ul {
  left: 10px;
  top: 80px;
  right: auto;
  overflow: auto;
 }

 .story > nav > ul > li {
  max-width: 205px;
  text-overflow: ellipsis;
 }

 .story > nav > ul > li > a {
  background-position: center left;
  padding-right: 0;
  padding-left: 25px;
 }

 .story > a.nav-toggle {
  position: absolute;
  background-image: url(/litdhtml5css/img/storyNavToggleLight.png);
  right: 6.75%;
  top: 25px;
  z-index: 9;
  display: block;
  transition: top 0.5s;
 }

 .story > nav > a.nav-toggle {display: none}

 .story > section.text-only {
  padding: 20px 0;
 }

 .story .story-text-wrapper {
  background: #e5effa;
  position: relative;
  width: 100% !important;
  margin: 0 !important;
  padding: 10px 6.75% 40px;
  box-sizing: border-box;
  top: auto !important;
  left: auto !important;
  bottom: auto !important;
  right: auto !important;
  -webkit-transform: none !important;
  -ms-transform: none !important;
  transform: none !important;
  color: #333 !important;
 }

 .story .story-text-wrapper:before{
  content: "";
  width: 0;
  height: 0;
  border-top: 15px solid transparent !important;
  border-bottom: 15px solid transparent !important;
  border-right:15px solid #e5effa;
  -moz-transform: rotateZ(-45deg);
  -ms-transform: rotateZ(-45deg);
  -webkit-transform: rotateZ(-45deg);
  transform: rotateZ(-45deg);
  display: block;
  position: absolute;
  top: -20px;
  left:6.75%;
  z-index: 2}

 .story section.text-only .story-text-wrapper {
  color: inherit !important;
  background: none;
 }

 .story section.text-only .story-text-wrapper:before {
  display: none;
 }

 .story section.text-only .floating-right {
  width: 100%;
 }


 .story .fullWidth {
  padding: 0 6.75% !important;
 }

 .story > section > .footnote {
  bottom: auto;
  top: 10px;
  left: 6.75%;
  text-shadow: 1px 1px 5px #000;
  opacity: 0.7;
 }

 .story .story-text-wrapper p {margin-bottom: 0;}

 .story .background-box .story-text-wrapper, .story .color-white .background-box .story-text-wrapper {
  background: #e5effa !important;
 }

 .story .shadow .story-text-wrapper, .story .color-white .shadow .story-text-wrapper  {
  text-shadow: none !important;
 }

 .story .story-text-wrapper a.external, .story .color-white .story-text-wrapper a.external {
  color: #06C;
  background-image: url(/litdhtml5css/img/icon-external.gif);
 }

}

@media screen and (max-width: 479px) {
 .noWrap { overflow: unset !important;}
}


@media print {

 article.story > nav {
  display: none !important;
 }

 article.story > section {
  transform: none !important;
 }
}