/*
small viewport
smaller than 980 px
*/

#stage,
div#stage div.rack,
#section-header,
#wrapper-2,
#nav-global,
#nav-global ul ul {
  width: 700px;
  overflow: hidden;
}
#branding {
  width: 700px;
}
#wrapper-3 {
  width: 480px;
}
.col-subcol-equal #wrapper-3,
.col-subcol #wrapper-3 {
  width: 100%;
  overflow: hidden;
}
#main {
  width: 460px;
}
#main h1, #wrapper-3 #page-intro h1 {
  font-size: 296%;
}
#main .success h1 {
  background: url(../img/bgs/confirmed.png) 0 10px no-repeat;
}
#main .error h1 {
  background: url(../img/bgs/error.png) 0 10px no-repeat;
}
.events {
  clear: both;
  margin-top: 20px;
}
.event-list li h3,
.event-list li p {
  width: 400px;
}
.event-list .mod h3,
.event-list .mod p { /* With image */
  width: 340px;
}
#platform,
#platform img {
  width: 460px;
}
#main .teaser h2 {
  float: none;
  width: auto;
}

#home #teaser-1 img, #home #teaser-2 img, #home #teaser-3 img {
  width:100%;
  height: auto;
}

#home #teaser-1, #home #teaser-2 {
  padding-right: 27px;
  width: 30.3%;
}

#home #main .teaser {
  padding-top: 0px;
}
#section #main .teaser, #article #main .teaser {
  padding-top: 10px;
}
/* fixes for old design lists */
#section.col-subcol.old div#main div.teaser[id^="teaser-"] a:nth-child(3) {
  float: right;
  width: 257px;
}

#article #main div.text div.teaser ul li p {
  display: table;
}

#home.col-subcol div#main div#teaser-4.teaser h2, .col-subcol #main,
.col-subcol.old #main {
  width: 460px;
}
.col-subcol #main .latest h3 {
  /*old focus list needs 266 instead of 310px */
  width: 266px;
}
#wrapper-2 .teaser .text-data {
  float: none;
}
.col-subcol-subcol #main .teaser h2,
#main .teaser-group .teaser h2,
.col-float2-subcol #main .teaser h2,
.nav-col-float2 #main .teaser h2 {
  width: auto;
}

/* Opener in .nav-col */
.nav-col .opener img {
  float: none;
  margin: 0 0 10px 0;
}

/* 2 column layout:  nav | main */
.nav-col #main {
  width: 460px;
}

/* 2 column layout: no nav | main | sidebar */
.col-subcolequal #extras {
  width: 270px;
  float: right;
  overflow: hidden; /* ie 6 */
}

.col-subcol #extras {
  margin-left: 20px;
  width: 28.4%;
}

/* Titel wrapping fixes */
.adnSubtitle {
  width: 74%;
}

/* 2 column layout: | main | extras equal width */
.col-subcolequal #main {
  width: 380px;
}
.col-subcol-equal #extras {
  width: 300px;
}

/* 1 main col 2 teaser float */
.col-float2 .teaser {
  width: 48%;
}

#home .teaser img,
#main #page-intro .photo,
#section.col-subcol div.teaser a img,
#article.col-subcol #main div.text .teaser ul li img,
#section.col-subcol div#main div.teaser ul li img {
  /* width: 30%; image size has changed? */
  width: 186px;
  height: auto;
  margin-bottom: 8px;
}
/* old design fixes */
.col-subcol.old .teaser > div[style^="margin-bottom"] {
  display: inline;
  float: left;
  width: 186px;
}
body#section.col-subcol.old div#main div.text.references div[id^="teaser-"].teaser a img {
  margin-right: 17px;
}
#section.col-subcol.old div#main div.teaser[id^="teaser-"] div p.teaserTextPlatform {
  margin: 0 0 7px;
  width: 263px;
}
.col-subcol.old .teaser > div:nth-child(2) {
  display: inline;
  float: left;
  width: 30%;
}
.col-subcol.old #main div.teaser a.teaserImage img {
  height: auto;
  width: 100%;
}

/* new narrowWidth of 630px for articlePages */
body#adnArticle #main > div#page-intro {
  padding-left: calc(50% - 315px);
  padding-right: calc(50% - 315px);
}

#page-intro > div#socialshareprivacy {
  /* right: calc(50% - 315px);
  z-index: 1; */
  position: absolute;
  top: 360px;
  width: 44px;
  z-index: 1;
}

body#adnArticle .box.links {
  width: auto;
}

#main .text .text-data {
  width: 65%;
}
.col-float2 #teaser-2,
.col-float2 #teaser-4 {
  margin-right: 20px;
}
.col-float2 #teaser-3,
.col-float2 #teaser-5 {
  clear: none;
  margin-right: 0;
}
/* 1 main col 3 teaser float */
.col-float3 #teaser-3,
.col-float3 #teaser-6 {
  margin-right: 20px;
}
.col-float3 #teaser-3,
.col-float3 #teaser-4,
.col-float3 #teaser-7 {
  clear: none;
}

/* 3 column layout: | main | subcol | subcol */
.col-subcol-subcol #main {
  width: 380px;
}
.col-subcol-subcol #extras,
.col-subcol-subcol #extras-1,
.col-subcol-subcol #extras-2 {
  width: 300px;
  float: right;
  overflow: hidden; /* ie 6 */
}
.col-subcol-subcol #extras-2 {
  clear: both;
}
.col-subcol-subcol #extras .box {
  margin: 0 0 20px 0;
}


/* 2 column layout: | main (floating teasers) | subcol */
.nav-col-float2 #wrapper-3,
.nav-col-float2 #main,
.nav-col-float2 .teaser {
  width: 460px;
}

/* SECTION-HEADER
----------------- */
#section-header p {
  width: 63%;
}




/* LATEST
------------------- */
.nav-col-float2 #main .latest h3 {
  width: 312px;
}
.col-subcol-subcol #main .latest h3 {
  width: 232px;
}
#home.col-float2 #main .latest h3 {
  width: 188px;
}
.nav-col #main .latest h3 {
  width: 312px;
}





/* GLOSSARY
-----------------------*/
.glossary-details {
  width: 445px;
}
#main .glossary-details ul li {
  float: none;
  width: 435px;
}
.glossary-box {
  width: 200px;
}
#letter-c,
#letter-f,
#letter-i,
#letter-l,
#letter-o,
#letter-r,
#letter-u,
#letter-x {
  margin-right: 10px;
}
#letter-b,
#letter-d,
#letter-f,
#letter-h,
#letter-j,
#letter-l,
#letter-n,
#letter-p,
#letter-r,
#letter-t,
#letter-v,
#letter-x,
#letter-z {
  margin-right: 0;
}



/* TOC-BOX
------------------------- */
#module {
  width: 300px;
  float: right;
  margin: 0 0 20px 0;
  overflow: hidden; /* ie 6 */
}
.col-subcol-subcol #extras #module .box {
  margin: 0;
}
#extras .toc-box,
#extras #module .toc-box {
  background: #f2f2f2 url(../img/bgs/text-box-300.png) -350px 100% no-repeat;
  width: 300px;
}
#extras .toc-box h2,
#extras #module .toc-box h2 {
  background: #000 url(../img/bgs/text-box-300.png) 0 0 no-repeat;
}
#extras ol.toc-box-toc,
#extras #module ol.toc-box-toc {
  background: #000 url(../img/bgs/text-box-300.png) 0 -27px no-repeat;
  width: 298px;
}
#extras .toc-box .toc-box-section,
#extras #module .toc-box .toc-box-section {
  background: #f2f2f2 url(../img/bgs/text-box-300.png) -700px 100% repeat-y;
  width: 284px;
}


/* Different images for .nav-col */
.nav-col #main .text-box-tabs {
  background: #f2f2f2 url(../img/bgs/text-box.png) -540px 100% no-repeat;
  width: 460px;
}
.col-subcol .text-box-tabs  {
  width: 460px;
}
.col-subcol .text-box-tabs .text-box-section {
  width: 442px;
}

.nav-col .text-box-tabs .text-box-section {
  width: 446px;
  background: #f2f2f2 url(../img/bgs/text-box.png) -1040px 100% repeat-y;
}
.nav-col #main .text-box-tabs h2 {
  background: #000000 url(../img/bgs/text-box.png) 0 0 no-repeat;
}
.nav-col ol.text-box-toc {
  background: #000 url(../img/bgs/text-box.png) 0 -30px no-repeat;
}
ol.text-box-toc li {
  background: none;
}
div#main div.text div.text-box-tabs div.text-box-section div.box:first-child {
  border-top: none;
}


.nav-col #main .text-box-tabs .text-box-section h2 {
  background: none;
}


/* EXTRAS
---------- */
#extras {
  width: 100%;
  margin: 20px 0 0 0;
}
.box {
  float: left;
  clear: none;
  width: 300px;
  margin-right: 10px;
}
#extras > .one-two-three li {
  width: 230px;
}
#extras .event-list li h3,
#extras .event-list li p {
  width: 250px;
}
#extras .event-list li {
  width: 300px;
}
#extras .event-list .mod h3,
#extras .event-list .mod p { /* With image */
  width: 170px;
}
#extras .vcard {
  width: 100%;
}

#extras .vcard div {
  font-size: 74%;
}

#section #extras, #article #extras {
  margin-left: 15px;
  width: 29.2%;
}

#extras .vcard .photo {
  width: 20%;
}

#extras .vcard .photo dt img {
  float: right;
  height: auto;
  margin-bottom: 0;
  margin-left: 10px;
  margin-right: 0;
  margin-top: 0;
  width: 100%;
}

/* PROMOS
---------- */
.promo {
  margin: 0 20px 20px 0;
}
#promo-3 {
  margin-right: 0;
}
ol.toc-box-toc {
  width: 295px;
}
div.superpromos {
  width: 258px;
  overflow: hidden; /* ie 6 */
}


/* Photo */
#photo-index .photo {
  margin-right: 8px;
}
#photo-index dl.last {
  margin-right: 18px;
}

.adnImage img {
  border: none;
  width: auto;
  max-width: 330px;
}

.one-cell-layout .adnImage {
  margin-left: auto;
  margin-right: auto;
}

div#main img.articleHeaderImage, .text-box-tabs a img {
  width: 30%;
}

/* Forms */
.form div.l {
  width: 483px;
}

.form-wrapper fieldset fieldset .form-item {
  margin: 12px 0;
}

.nav-col div.superpromos {
  width: 258px;
}
.nav-col div.superpromos .superpromo-section img {
  height: 100px;
  width: 240px;
}


/* Calendar */
#calendar {
  margin: 0 10px 20px 0;
}




/* TeaserWrapper in Different Contexts
----------------------------- */

/* ###################   TW-SWITCHER ################### */
/* #####################
Inside #Stage */
#stage div.tw-switcher {
  width: 698px;
}
.js-on #stage div.tw-switcher .rack {
  width: 645px;
}
/* #####################
Inside #wrapper-2 -> Platform Area */
#wrapper-2 #wrapper-3 div.tw-switcher {
  width: 460px;
}
.js-on #wrapper-2 #wrapper-3 div.tw-switcher .rack {
  width: 410px;
}
.js-on #wrapper-2 #wrapper-3 div.tw-switcher .rack-teaser {
  margin: 0 12px 0 0;
}
/* Inside #wrapper-2 -> Platform Area -> Diffenrent Layout Types */
.col-subcol-subcol #wrapper-2 #wrapper-3 div.tw-switcher {
  width: 700px;
}
.js-on .col-subcol-subcol #wrapper-2 #wrapper-3 div.tw-switcher .rack {
  width: 650px;
}
/* #####################
Inside #main */
#wrapper-2 #wrapper-3 #main div.tw-switcher {
  width: 460px;
}
.js-on #wrapper-2 #wrapper-3 #main div.tw-switcher .rack {
  width: 410px;
}
.js-on #wrapper-2 #wrapper-3 #main div.tw-switcher .rack-teaser {
  margin: 0 12px 0 0;
}
/* Inside #main -> Diffenrent Layout Types */
.col-subcol-subcol #wrapper-2 #wrapper-3 #main div.tw-switcher {
  width: 380px;
}
.js-on .col-subcol-subcol #wrapper-2 #wrapper-3 #main div.tw-switcher .rack {
  width: 340px;
}
.js-on .col-subcol-subcol #wrapper-2 #wrapper-3 #main div.tw-switcher .rack-teaser {
  width: 320px;
}
.col-float2 #wrapper-2 #wrapper-3 #main div.tw-switcher {
  width: 700px;
}
.js-on .col-float2 #wrapper-2 #wrapper-3 #main div.tw-switcher .rack {
  width: 655px;
}
.nav-col #wrapper-2 #wrapper-3 #main div.tw-switcher {
  width: 460px;
}
.nav-col #wrapper-2 #wrapper-3 #main div.tw-switcher .rack {
  width: auto;
}
/* #####################
Inside #wrapper-2 -> Base Element */
#wrapper-2 div.tw-switcher {
  width: 698px;
}
.js-on #wrapper-2 div.tw-switcher .rack {
  width: 645px;
}






/* ###################   TW-IMAGES ################### */
/* #####################
Inside #Stage */
#stage div.tw-images {
  width: 698px;
}
.js-on #stage div.tw-images .rack {
  width: 660px;
}
/* #####################
Inside #wrapper-2 -> Platform Area */
#wrapper-2 #wrapper-3 div.tw-images {
  width: 460px;
}
.js-on #wrapper-2 #wrapper-3 div.tw-images .rack {
  width: 445px;
}
/* Inside #wrapper-2 -> Platform Area -> Diffenrent Layout Types */
.col-subcol-subcol #wrapper-2 #wrapper-3 div.tw-images {
  width: 700px;
}
.js-on .col-subcol-subcol #wrapper-2 #wrapper-3 div.tw-images .rack {
  width: 685px;
}
/* #####################
 Inside #main */
#wrapper-2 #wrapper-3 #main div.tw-images {
  width: 460px;
}
.js-on #wrapper-2 #wrapper-3 #main div.tw-images .rack {
  width: 445px;
}
/* Inside #main -> Diffenrent Layout Types */
.col-subcol-subcol #wrapper-2 #wrapper-3 #main div.tw-images {
  width: 380px;
}
.js-on .col-subcol-subcol #wrapper-2 #wrapper-3 #main div.tw-images .rack {
  width: 350px;
}
.col-float2 #wrapper-2 #wrapper-3 #main div.tw-images {
  width: 700px;
}
.js-on .col-float2 #wrapper-2 #wrapper-3 #main div.tw-images .rack {
  width: 665px;
}
.nav-col #wrapper-2 #wrapper-3 #main div.tw-images {
  width: 460px;
}
.nav-col #wrapper-2 #wrapper-3 #main div.tw-images .rack {
  width: 445px;
}
/* #####################
Inside #wrapper-2 -> Base Element */
#wrapper-2 div.tw-images {
  width: 698px;
}
.js-on #wrapper-2 div.tw-images .rack {
  width: 670px;
}






/* ###################   TW-PAGING ################### */
/* #####################
Inside #Stage */
#stage div.tw-paging {
  width: 698px;
}
.js-on #stage div.tw-paging .rack {
  /*width: 692px; */
  width:700px;
  height: 240px;
}
#stage div.tw-paging .rack-teaser {
  width: 675px;
  height: 240px;
}
#stage div.tw-paging .rack-teaser h2 {
  font-size: 160%;
}
#stage div.tw-paging .rack-teaser p {
  width: auto;
  font-size: 120%;
}
#stage div.tw-paging .rack-teaser img {
  width: 693px;
  height: 236px;
}
#stage div.rack-teaser div.stageTextBox.right.bottom {
  right: 0px;
}
#stage div.rack-teaser div.stageTextBox.right.top {
  right: 0px;
}
/* #####################
Inside #wrapper-2 -> Platform Area */
#wrapper-2 #wrapper-3 div.tw-paging {
  width: 460px;
}
.js-on #wrapper-2 #wrapper-3 div.tw-paging .rack {
  width: 439px;
}
#wrapper-2 #wrapper-3 div.tw-paging .rack-teaser {
  width: 420px;
}
#wrapper-2 #wrapper-3 div.tw-paging .rack-teaser h2 {
  width: 420px;
}
#wrapper-2 #wrapper-3 div.tw-paging .rack-teaser img {
  width: 140px;
}
#wrapper-2 #wrapper-3 div.tw-paging .rack-teaser p {
  width: 270px;
}
#wrapper-2 #wrapper-3 div.tw-paging .mod p {
  width: 100%;
}
/* Inside #wrapper-2 -> Platform Area -> Diffenrent Layout Types */
.js-on .col-subcol-subcol #wrapper-2 #wrapper-3 div.tw-paging .rack {
  width: 685px;
}
.col-subcol-subcol #wrapper-2 #wrapper-3 div.tw-paging .rack-teaser {
  width: 670px;
}
.col-subcol-subcol #wrapper-2 #wrapper-3 div.tw-paging .rack-teaser h2 {
  width: 100%;
}
.col-subcol-subcol #wrapper-2 #wrapper-3 div.tw-paging .rack-teaser img {
  width: 300px;
}
.col-subcol-subcol #wrapper-2 #wrapper-3 div.tw-paging .rack-teaser p {
  width: 350px;
}
/* #####################
 Inside #main */
#wrapper-2 #wrapper-3 #main div.tw-paging {
  width: 460px;
}
.js-on #wrapper-2 #wrapper-3 #main div.tw-paging .rack {
  width: 439px;
}
#wrapper-2 #wrapper-3 #main div.tw-paging .rack-teaser {
  width: 420px;
}
#wrapper-2 #wrapper-3 #main div.tw-paging .rack-teaser h2 {
  width: 420px;
}
#wrapper-2 #wrapper-3 #main div.tw-paging .rack-teaser img {
  width: 140px;
}
#wrapper-2 #wrapper-3 #main div.tw-paging .rack-teaser p {
  width: 270px;
}
#wrapper-2 #wrapper-3 #main div.tw-paging .mod p {
  width: 100%;
}
/* Inside #main -> Diffenrent Layout Types */
.col-subcol-subcol #wrapper-2 #wrapper-3 #main div.tw-paging {
  width: 380px;
}
.js-on .col-subcol-subcol #wrapper-2 #wrapper-3 #main div.tw-paging .rack {
  width: 360px;
}
.col-subcol-subcol #wrapper-2 #wrapper-3 #main div.tw-paging .rack-teaser {
  width: 360px;
  height: auto;
}
.col-subcol-subcol #wrapper-2 #wrapper-3 #main div.tw-paging .rack-teaser h2 {
  width: 360px;
}
.col-subcol-subcol #wrapper-2 #wrapper-3 #main div.tw-paging .rack-teaser img {
  height: 120px;
  width: 140px;
}
.col-subcol-subcol #wrapper-2 #wrapper-3 #main div.tw-paging .rack-teaser p {
  width: 200px;
}
.col-subcol-subcol #wrapper-2 #wrapper-3 #main div.tw-paging .mod p {
  width: 100%;
}
.col-float2 #wrapper-2 #wrapper-3 #main div.tw-paging {
  width: 698px;
}
.js-on .col-float2 #wrapper-2 #wrapper-3 #main div.tw-paging .rack {
  width: 675px;
}
.col-float2 #wrapper-2 #wrapper-3 #main div.tw-paging .rack-teaser {
  width: 660px;
}
.col-float2 #wrapper-2 #wrapper-3 #main div.tw-paging .rack-teaser h2 {
  width: 100%;
}
.col-float2 #wrapper-2 #wrapper-3 #main div.tw-paging .rack-teaser p {
  width: 510px;
}
.col-float2 #wrapper-2 #wrapper-3 #main div.tw-paging .mod p {
  width: 98%;
}
.nav-col #wrapper-2 #wrapper-3 #main div.tw-paging {
  width: 460px;
}
.js-on .nav-col #wrapper-2 #wrapper-3 #main div.tw-paging .rack {
  width: 439px;
}
.nav-col #wrapper-2 #wrapper-3 #main div.tw-paging .rack-teaser {
  width: 420px;
  height: auto;
}
.nav-col #wrapper-2 #wrapper-3 #main div.tw-paging .rack-teaser h2 {
  width: 100%;
}
.nav-col #wrapper-2 #wrapper-3 #main div.tw-paging .rack-teaser p {
  width: 270px;
}
.nav-col #wrapper-2 #wrapper-3 #main div.tw-paging .mod p {
  width: 98%;
}
/* #####################
Inside #wrapper-2 -> Base Element */
#wrapper-2 div.tw-paging {
  width: 698px;
}
.js-on #wrapper-2 div.tw-paging .rack {
  width: 675px;
}
#wrapper-2 div.tw-paging .rack-teaser {
  width: 670px
}
#wrapper-2 div.tw-paging .rack-teaser h2 {
  width: 360px;
}
#wrapper-2 div.tw-paging .rack-teaser img {
  width: 300px;
}
#wrapper-2 div.tw-paging .mod h2 {
  width: 100%;
}
#wrapper-2 div.tw-paging .rack-teaser p {
  width: 350px;
}
#wrapper-2 div.tw-paging .mod p {
  width: 100%;
}





/* ###################   TW-SLIDER ################### */
/* #####################
Inside #Stage */
#stage div.tw-slider {
  width: 698px;
}
.js-on #stage div.tw-slider .rack {
  width: 657px;
}
#stage div.tw-slider .slider-bar {
  background: #000 url(../img/bgs/scrollbar-small.png) 0 0 no-repeat;
  width: 485px;
}
/* #####################
Inside #wrapper-2 -> Platform Area */
#wrapper-2 #wrapper-3 div.tw-slider {
  width: 458px;
}
.js-on #wrapper-2 #wrapper-3 div.tw-slider .rack {
  width: 418px;
}
#wrapper-2 #wrapper-3 div.tw-slider .rack-teaser {
  width: 400px;
}
#wrapper-2 #wrapper-3 div.tw-slider .slider-bar {
  background: #f2f2f2 url(../img/bgs/scrollbar-main-460.png) 0 0 no-repeat;
  width: 242px;
}
/* Inside #wrapper-2 -> Platform Area -> Diffenrent Layout Types */
.col-subcol-subcol #wrapper-2 #wrapper-3 div.tw-slider {
  width: 698px;
}
.js-on .col-subcol-subcol #wrapper-2 #wrapper-3 div.tw-slider .rack {
  width: 657px;
}
.col-subcol-subcol #wrapper-2 #wrapper-3 div.tw-slider .ui-slider {
  background: #f2f2f2 url(../img/bgs/scrollbar-main-small.png) 0 0 no-repeat;
  width: 698px;
}
/* #####################
 Inside #main */
#wrapper-2 #wrapper-3 #main div.tw-slider {
  width: 458px;
}
.js-on #wrapper-2 #wrapper-3 #main div.tw-slider .rack {
  width: 418px;
}
#wrapper-2 #wrapper-3 #main div.tw-slider .rack-teaser {
  width: 400px;
}
#wrapper-2 #wrapper-3 #main div.tw-slider .rack-teaser h2 {
  width: 230px;
}
#wrapper-2 #wrapper-3 #main div.tw-slider .mod h2 {
  width: 100%;
}
#wrapper-2 #wrapper-3 #main div.tw-slider .slider-bar {
  background: #f2f2f2 url(../img/bgs/scrollbar-main-460.png) 0 0 no-repeat;
  width: 242px;
}
/* Inside #main -> Diffenrent Layout Types */
.col-subcol-subcol #wrapper-2 #wrapper-3 #main div.tw-slider {
  width: 380px;
}
.js-on .col-subcol-subcol #wrapper-2 #wrapper-3 #main div.tw-slider .rack {
  width: 338px;
}
.col-subcol-subcol #wrapper-2 #wrapper-3 #main div.tw-slider .rack-teaser {
  width: 320px;
}
.col-subcol-subcol #wrapper-2 #wrapper-3 #main div.tw-slider .rack-teaser h2 {
  width: 150px;
}
.col-subcol-subcol #wrapper-2 #wrapper-3 #main div.tw-slider .mod h2 {
  width: 100%;
}
.col-subcol-subcol #wrapper-2 #wrapper-3 #main div.tw-slider .ui-slider {
  background: #f2f2f2 url(../img/bgs/scrollbar-main-380.png) 0 0 no-repeat;
  width: 378px;
}
.col-subcol-subcol #wrapper-2 #wrapper-3 #main div.tw-slider .ui-slider .ui-slider-handle {
  width: 213px;
}
.col-float2 #wrapper-2 #wrapper-3 #main div.tw-slider {
  width: 700px;
}
.js-on .col-float2 #wrapper-2 #wrapper-3 #main div.tw-slider .rack {
  width: 658px;
}
.col-float2 #wrapper-2 #wrapper-3 #main div.tw-slider .slider-bar {
  background: #f2f2f2 url(../img/bgs/scrollbar-main-small.png) 0 0 no-repeat;
  width: 485px;
}
.nav-col #wrapper-2 #wrapper-3 #main div.tw-slider {
  width: 458px;
}
.nav-col #wrapper-2 #wrapper-3 #main div.tw-slider .rack {
  width: 418px;
}
.nav-col #wrapper-2 #wrapper-3 #main div.tw-slider .slider-bar {
  background: #f2f2f2 url(../img/bgs/scrollbar-main-460.png) 0 0 no-repeat;
  width: 245px;
}
/* #####################
Inside #wrapper-2 -> Base Element */
#wrapper-2 div.tw-slider {
  width: 698px;
}
.js-on #wrapper-2 div.tw-slider .rack {
  width: 657px;
}
#wrapper-2 div.tw-slider .slider-bar {
  background: #000 url(../img/bgs/scrollbar-small.png) 0 0 no-repeat;
  width: 486px;
}

#stage-wrapper {
  width: 720px;
}

/* site-info*/
body div#site-info {
  margin-bottom: auto;
  margin-right: auto;
  margin-top: auto;
  width: 100%;
  padding: 30px 0 0;
}

/*#site-info div:first-of-type {
    margin-bottom: auto;
    margin-left: auto;
    margin-right: auto;
    margin-top: auto;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    width: 700px;
}*/
.footer-sitemap-column {
  padding-right: 30px;
}


#site-info div.language-arrow-ico {
  margin-left: 7px;
}

#site-info div > div.links:nth-of-type(2) {
  margin-left: 15px;
  margin-right: 15px;
}
#site-info div > div.links:nth-of-type(3) {
  margin-left: 0;
  margin-right: 15px;
}
#site-info div > div.links {
  margin-left: 0;
  margin-right: 0;
  width: 30.4%;
}
#site-info ul li ul li a {
  display: table;
  width: 100%;
}

/* iframe-bug video */

div#main div.text iframe {
  width: 100%;
}

/* general */
#home.col-subcol div#main .teaser ul li p,
#section.col-subcol div#main div.teaser[id^="teaser-"].teaser ul li p {
  display: inline;
  /*new design?
  float: right;
  width: 310px;*/
  float: none;
  width: auto;
}
div#main div.text div.teaser a p.teaserTextPlatform,
#section.col-subcol div#main div.text div.teaser p.teaserTextPlatform,
.col-subcol div#main div.text div[id^="teaser-"] p,
.col-subcol div#main div.teaser[id^="teaser-"] p.teaserTextPlatform,
#section.col-subcol div#main div[id^="teaser-"].teaser p {
  /*display: table; IE-BUG */
  width: 247px;
}
/* old design fix
#section.col-subcol.old div.teaser[id^="teaser-"] div:nth-child(2) {
    display: inline-table;
    float: left;
    margin-left: 12px;
    width: 310px;
}*/

#section.col-subcol.old div#main div.teaser[id^="teaser-"] ul li p {
  display: inline;
  float: left;
  width: 256px;
}
body#section.col-subcol.old div#main div[id^="teaser-"].teaser.latest ul li a {
  float: left;
}

#section.col-subcol.old div.teaser[id^="teaser-"] div:nth-child(2) {
  display: inline-table;
  float: left;
  margin-right: 12px;
  width: 186px;
}

#section.col-subcol.old div#main div.teaser[id^="teaser-"] div p.teaserTextPlatform {
  margin: 0 0 7px;
  width: auto;
  float: none;
  display: block;
}

/*PAGER FIX*/
#main .latest .pager {
  width: 61%;
}
#main .latest h3 a em {
  line-height: 1.2em;
}

/* Redesign 2015 */

/* TEDDY modifications for landingpage -> small viewport smaller than 980 px */

body { /* font: default 16px to 10px
		  Please keep the apostrophes in the font-defintion because of FF on Linux
	   */
  font: 67.5% 'Frutiger LT W01_55 Roma1475738',verdana,arial,helvetica,sans-serif
}

body#section.col-float3 div#wrapper div#wrapper-2 {
  margin-top: 0px;
}

#stage div.tw-paging .rack-teaser p {
  font-family: 'Frutiger LT W01_55 Roma1475738', verdana, arial, helvetica, sans-serif;
  font-size: 13px;
}

div#stage div.teaser-wrapper.tw-paging div.rack div.rack-design div.rack-teaser.left.bottom > div.stageTextBox + a {
  float: left;
  margin-left: -120px;
}

#home .teaserRow {
  height: auto; /* before 314px */
}

div#main div.teaserColumn div.rteaser h2 {
  border: 0px;
  overflow: hidden;
  height: 43px;
  display: table;
}

#home div.teaserColumn div.rteaser,
#adnLandingPagediv div.teaserColumn div.rteaser {
  width: 220px;
  padding-right: 0px;
  margin-right: 20px;
}

#home div.rowContent div.teaserColumn:nth-child(3) div.rteaser {
  margin-right: 0px;
}


body#home div#main div.rowContent div.teaserColumn.three-cell-layout div.rteaser.rollover {
  height: 330px;
}
body#home div#main div.rowContent div.teaserColumn.three-cell-layout div.services div.rteaser.rollover,
body#home div#main div.rowContent div.teaserColumn.three-cell-layout div.special div.rteaser.rollover {
  height: 233px;
}
body#adnLandingPage div.teaserColumn div.rteaser.rollover {
  width: 220px;
  margin-right: 20px;
  min-height: 360px;
}
body#adnLandingPage div.teaserColumn.three-cell-layout {
  display: table-cell;
}

#home .rteaser.rollover {
  text-align: left;
}
div.rteaserbox_txt  {
  position: relative;
  color: inherit;
  background-color: rgba(250,250,250,0.9);
  font-size: 13px;
  line-height: 16.8px;
  margin-bottom: 8px;
  min-height: 123px;
  top: 0px;
  padding: 5px 10px;
  height: auto;
  overflow: hidden;
  transition: background-color 0.3s;
  width: 200px;
  text-align: left;
  -moz-hyphens: auto;
  -o-hyphens: auto;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}

div.rteaser div.rteaserbox {
  position: relative;
  width: 220px;
  height: 147px;
  color: #555;
  transition: background-color 0.5s;
}

.rteaserbox {
  background-position: center center !important;
}

div#arrow-rteaser-1, div#arrow-rteaser-2, div#arrow-rteaser-3, div#arrow-rteaser-4,
div#arrow-rteaser-5, div#arrow-rteaser-6, div#arrow-rteaser-7, div#arrow-rteaser-8,
div#arrow-rteaser-9, div#tarrow-reaser-10, div#tarrow-reaser-11, div#tarrow-reaser-12
{
  font-family: 'Frutiger LT W01_45 Ligh1475730';
  font-size: 85px;
  text-align: center;
  color: transparent;
  transition: color 0.3s;
  position: absolute;
  width: 220px;
  margin-top: 24px;
}
.mout  {
  color: transparent;
}
.mhover  {
  color: #ffffff !important;
}

/* rollover states of plattform teasers */
.rteaserbox_txt.mout    {
  background-color: transparent;
}

div.rteaserbox_txt.mhover {
  background-color: transparent;
}

.adnTeaserTopTitle {
  color: #4b4b4b !important;
  display: block;
  font-family: 'Frutiger LT W01_45 Ligh1475730';
  font-size: 24px;
  font-weight: lighter;
  height: 43px;
}

/*kundenstories*/
div.teaserColumn div.overviewLink {
  display: inline-block;
  float: none;
  height: 43px;
  position: relative;
  text-align: right;
  vertical-align: top;
}

/* ADNWWW-316 only for overviewlink of last teaser item*/
.teaserColumn.three-cell-layout:last-child .overviewLink {
  margin-right: 0px;
}

div.teaserColumn div.overviewLink a {
  font-family: 'Frutiger LT W01_45 Ligh1475730';
  color: #4b4b4b;
  font-size: 13px;
  font-weight: normal;
  float: left;
  height: 38px;
  margin-bottom: 7px;
  padding-top: 21px;
  padding-left: 15px;
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  line-height: 1.2em;
}
div.teaserColumn div.overviewLink a span {
  /*font-family: "Copperplate W01 Medium",Verdana;*/
  font-family: 'Frutiger LT W01_55 Roma1475738',Verdana,Arial,Helvetica,sans-serif;
  color: #27ac80;
  font-size: 13px;
}
div.teaserColumn div.overviewLink a:hover, div.teaserColumn div.overviewLink a span:hover {
  color: #00A77F;
}

body#home div#main div.teaserRow div.teaserColumn div.rteaser div.overviewLink {
  float: right;
}

.hidden {
  display: none;
}


/* LANDING PAGE REDESIGN - ZOLTAN START */

#branding {
  position: relative;
  margin: 0 auto 0px auto;
  width: 100%;
}

body div#megadropdown {
  left: calc(50% + -184px) !important; /* before: -117px*/
  left: -webkit-calc(50% + -184px) !important; /* before: -117px*/
  max-width: 940px;
}
body div#megadropdown ul#mega-menu-1 {
  width: intrinsic;           /* Safari/WebKit uses a non-standard name */
  width: -moz-max-content;    /* Firefox/Gecko */
  width: -webkit-max-content; /* Chrome */
  width: max-content;
}
body #mega-menu-1 li a {
  padding: 10px 10px 0;
}

#nav-global {
  overflow: hidden;
  margin: 0px auto 0 auto;
  width: 100%;
}
#section-header {
  margin: 0px auto 20px auto;
  width: 100%;
}

#site-info {
  position: relative;
  background: #00A77F;
  color: #ffffff;
  padding-right: 0px;
}

#site-info > div {
  width: 100%;
  margin: 0 auto;
}

/* teasers */

div#main div.teaserRow div.rowContent div.teaserColumn div.teaser p.teaserTextPlatform a:hover {
  color: #00a77f;
}

.rteaserbox:hover {
  background-color: rgba(0,167,127,10);
  color: #fff;
  cursor: pointer;
}

.titlewrapper {
  display: inline-block;
  float: none !important;
  height: 63px;
}

.adnTeaserTopTitle {
  color: #4b4b4b !important;
  display: inline;
  font-family: Frutiger LT W01_45 Ligh1475730;
  font-size: 24px;
  font-weight: lighter;
  height: 43px;
}
/* old design: medienspiegel list */
body#article.col-subcol div#main div.text[role^="article"] div.teaser[id^="teaser-"] h2 {
  width: 266px;
  display: inline;
  float: right;
}
body#article.col-subcol.old div#main div.text div.teaser[id^="teaser-"] h2 {
  display: none;
}
body#article.col-subcol div#main div.text[role^="article"] div.teaser[id^="teaser-"] div a h3.teaserTitlePlatform {
  display: inline-block;
  width: 258px;
}

.teaserColumn {
  display: table-cell;
}

/* header */

#nav-global ul {
  margin: 0 0 0 40px;
}

#nav-global li a:hover, #nav-global li a:active, #nav-global li a:focus {
  background: transparent;
  color: #00a77f;
}
#nav-global li a {
  cursor: pointer;
}
#nav-global li a, #nav-global li a:visited, #nav-global li strong {
  color: #555555;
}


#mega-menu-1 li a:hover {
  color: #00A77F;
}

#mega-menu-1 li a:hover {
  background: transparent;
  color: #00A77F;
}

body div#wrapper div#megadropdown ul#mega-menu-1.mega-menu li.dc-mega-li.mega-hover div#sub0.sub-container.mega {
  left: -130px !important;
}

#search-box {
  color: #444444;
  top: -27px;
}

#search-box input:focus, #search-box input.a11y-focus {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

#search-box input {
  width: 590px;
}
#search-box-footer input {
  width: 541px;
}

div#search-box span.close.hairline:hover {
  cursor: pointer;
}
.search-form-top > div {
  width: 700px;
}

body#search-results #wrapper-3 > div {
  margin-left: calc((100% - 460px) / 2);
}

#nav-meta {
  color: #848484;
  right: 26px;
  top: 41px;
  z-index: 100;
}

#nav-meta ul li a {
  color: #848484;
}

#nav-meta ul li a:hover, #nav-meta ul li a:active, #nav-meta ul li a:focus {
  color: #00a77f;
}

#nav-global li strong, #nav-global li.open a, #nav-global li.on a {
  background: transparent;
  color: #08836b;
}

.socialmedia {
  color: white;
  display: block;
  float: right;
  height: 20px;
  position: relative;
  right: 20px;
  top: 0;
}

.socialmedia li {
  display: block;
  float: left;
  overflow: hidden;
  padding-right: 10px;
}
.socialmedia li:last-child {
  padding-right: 0px;
}
div.socialmedia ul li a.btn.btn-link,
div.socialmedia ul li a.btn.btn-link:link, div.socialmedia ul li a.btn.btn-link:visited {
  color: #FFFFFF;
}
div.socialmedia ul li a.btn.btn-link:hover, div.socialmedia ul li a.btn.btn-link:active, div.socialmedia ul li a.btn.btn-link:focus {
  color: #00A77F;
}
div.socialmedia ul li a.btn.btn-link {
  font-size: 18px;
}
/* Footer */
#site-info > div {
  margin: 0 auto;
  width: auto;
}

#site-info {
  background: #00A77F none repeat scroll 0 0;
  border-top: 0 none;
}

div#site-info div#site-info-box {
  width: 700px;
  background-color: #00A77F;
  border-top: 0px;
  height: auto;
}

div#site-info-box div#footer_nav.adnFooterLinkList {
  background: transparent !important;
  border-bottom: 0px !important;
  margin-top: 5px;
  margin-bottom: 35px !important;
  margin-right: 0px;
  padding: 7px 0 7px 0;
}

div#footer_nav.adnFooterLinkList span.claim {
  font-size: 19px !important;
}

div#footer_nav.adnFooterLinkList div#footer_meta {
  background: transparent;
  width: auto;
  color: #ffffff;
  font-size: 12px;
  font-weight: normal;
  outline: medium none;
  padding: 0 11px;
  text-decoration: none;
}
div#site-info div#footer_meta ul li.adnFooterLink a {
  color: #ffffff;
  font-size: 12px;
  font-weight: normal;
  outline: medium none;
  padding: 0 11px;
  text-decoration: none;
}

div#footer_nav.adnFooterLinkList div#footer_meta {
  margin-right: 28px
}
div#site-info div#site-info-box div.links h2 {
  font-size: 120%;
  font-weight: 500;
  padding-bottom: 5px;
  color: #ffffff;
  font-family: "Frutiger LT W01_65 Bold1475746",Verdana, Arial,sans-serif;
  margin: 0 0 5px;
}

#site-info div > div.links:nth-of-type(2) {
  margin: 0;
}

div#site-info div#site-info-box div.links {
  width: 152px;
  margin: 0px 30px 20px 0px;
}

div#site-info div#site-info-box div.links:nth-child(6) {
  margin: 0;
}

#site-info .links h2 a {
  color: #ffffff;
}

div#site-info div#site-info-box div.links ul li a {
  font-size: 13px;
  font-weight: normal;
  background: none;
  line-height: 1.2em;
  padding-left: 10px;
  text-indent: 0;
}

div#site-info div#site-info-box div.links ul li {
  line-height: 1em;
}
div#site-info ul li.adnFooterLink a:hover {
  background-color: transparent;
}

div#site-info div#site-info-box div.links ul li ul {
  display: none;
}
#site-info li a:hover, #site-info li a:active, #site-info li a:focus, #site-info .links h2 a:hover,
div#site-info div#footer_meta ul li.adnFooterLink a:hover {
  background-color: inherit;
  color: #006f51;
}

#site-info div div.language-switch {
  right: calc(50% - 338px);
}

/* stage */
#stage-wrapper {
  background-color: #f5f5f5;
  height: 360px;
  width: 100%;
}

#stage-wrapper span.left {
  left: 0;
}

#stage-wrapper span.right {
  right: 0;
}

/* Product page settings */
div#main div.teaserRow.three-cell-row div.teaserColumn.three-cell-layout div.teaser h2 {
  border: 0 none;
}

/* links */
div#main div.three-cell-row li.external {
  list-style: outside none none;
  padding-top:8px;
}
div#main div.teaserRow.three-cell-row div.teaserColumn.three-cell-layout li.external a {
  font-size: 15px;
}

div#main div.teaserRow.three-cell-row div.teaserColumn.three-cell-layout li.external a:before {
  content: "\f0c1";
  font-family: fontawesome;
  padding-right: 8px;
}
div#main div.teaserRow div.teaser em.more a {
  background-image: none;
  display: inline;
  line-height: 14px;
  margin: 0;
  vertical-align: top;
  padding-left: 0px;
}

div#main div.teaserRow div.teaser em.more a::before {
  color: #4b4b4b;
  content: "\203A";
  font-family: "Frutiger LT W01_45 Ligh1475730",Verdana,Arial,Helvetica,sans-serif;
  font-size: 1.2em;
  font-weight: 500;
  height: 1em;
  line-height: 1em;
  padding-right: 6px;
  vertical-align: text-bottom;
}

#home div#main div.teaserRow div.rteaser.rollover div.rteaserbox div.rteaserbox_txt.mout h3.rteaserTitlePlatform.more.mout {
  display: inline;
  font-size: 20px !important;
  line-height: 18px;
  vertical-align: top;
}

/* typography */

div#main div.teaserRow.container.text-box-section div.rowContent div.teaserColumn h1 {
  font-size: 36px;
  line-height: 1.1;
  margin-bottom: 23px;
  margin-top: 0;
}

#home div#main div.teaserRow.container  div.rteaser.rollover div.rteaserbox div.rteaserbox_txt.mout h3.rteaserTitlePlatform {
  color: #00a77f;
  /*font-family: "Copperplate W01 Medium",Verdana;*/
  font-family: 'Frutiger LT W01_55 Roma1475738',Verdana,Arial,Helvetica,sans-serif;
  font-weight: normal;
  font-size: 22px;
  line-height: 1.1;
  margin-bottom: 23px;
  margin-top: 0;
}

div#main div.teaserRow.three-cell-row div.teaserColumn.three-cell-layout div.teaser p.teaserTextPlatform a {
  display: inline;
  margin-bottom: 10px;
  font-size: 15px;
  line-height: 1.4em;
}
body#article.col-subcol.old div#main div.text[role^="article"] div.teaser[id^="teaser-"] p.teaserTextPlatform::before {
  clear: none;
}
body#article.col-subcol.old div#main div.text div.teaser[id^="teaser-"] a:nth-child(3) {
  float: left;
  width: 266px;
}

body#article.col-subcol.old div#main div.text[role^="article"] div.teaser[id^="teaser-"] p.teaserTextPlatform.teaserTextPlatform {
  float: left !important;
  width: 256px !important;
}

div#main div.teaserRow.container.text-box-section div.rowContent div.teaserColumn div.textimage p {
  font-size: 15px;
  line-height: 1.4em;
  word-wrap: break-word;
}

div#main div.teaserRow div.teaserColumn div.textimage h2.platformTitle,
div#main div.teaserRow.three-cell-row div.teaserColumn.three-cell-layout div.teaser a h3.teaserTitlePlatform {
  font-size: 19px;
  font-family: "Frutiger LT W01_65 Bold1475746",Verdana,"Helvetica Neue",Helvetica,Arial,sans-serif;
  margin-bottom: 8px;
  margin-top: 0;
  font-weight: 500;
  color: #4d4d4d;
  display: block;
  line-height: 1.4em;
}

div#main div.teaserRow.container.text-box-section.withBackground div.rowContent div.teaserColumn h1 {
  font-size: 32px;
}
div#main div.teaserRow div.teaserColumn div.textimage h2.platformTitle {
  font-size: 19px;
  font-family: "Frutiger LT W01_65 Bold1475746",Verdana,"Helvetica Neue",Helvetica,Arial,sans-serif;
  margin-bottom: 8px;
  margin-top: 0;
  font-weight: 500;
  line-height: 1.4em;
  word-wrap: break-word;
}

div#main div.teaserRow.container.text-box-section div.rowContent div.teaserColumn div.textimage ul,
div#main div.teaserRow.container.text-box-section div.rowContent div.teaserColumn div.textimage ol {
  list-style: outside none none;
  margin: 0 0 2em;
  padding: 0;
}

div#main div.teaserRow.container.text-box-section div.rowContent div.teaserColumn div.textimage ul li {
  font-size: 15px;
  line-height: 1.2em;
  list-style-type: none;
  margin-top: 0.7em;
  padding-left: 1em;
  text-indent: -1em;
}

div#main div.teaserRow.container.text-box-section div.rowContent div.teaserColumn div.textimage li::before {
  color: #4b4b4b;
  content: "\2022"; /*disc*/
  display: inline-block;
  font-family: "Frutiger LT W01_55 Roma1475738", arial,verdana;
  font-size: 0.9em;
  margin-left: 1.1em;
  vertical-align: text-top;
}

/* rowtitle h2 */

div#main div.teaserRow.container.text-box-section div.rowTitle {
  border: 0 none;
  display: inline-block;
  text-align: left;
  width: 700px;
}
div#main div.teaserRow.container.text-box-section div.rowTitle h2,
div#main div.teaserRow div.rowContent div.teaserColumn h2 {
  border-top: 0px;
  font-size: 32px;
  line-height: 1.1;
  margin-bottom: 23px;
  margin-top: 0;
  font-weight: 500;
}

div#main div.teaserRow div.rowContent div.textimage + h2 {
  margin-top: 35px;
}

div.teaserRow > div.rowTitle + div.rowContent {
  padding-top: 0;
}

div#main div.teaserRow.container.text-box-section > div.rowTitle {
  margin-top: 0px;
  margin-left: calc(50% - 350px);
  margin-right: calc(50% - 350px);
}

/* background-colors */
.background-grey {
  background-color: #eeeeee;
  text-align: center;
}

.background-adnovumgreen {
  background-color: #00A77F;
  color: #ffffff;
  text-align: center;
}

div#main div.teaserRow.withBackground.background-adnovumgreen div.rowContent div.teaserColumn h1,
div#main div.teaserRow.withBackground.background-adnovumgreen div.rowContent div.teaserColumn h2.platformTitle,
div#main div.teaserRow.withBackground.background-adnovumgreen div.rowContent li.internal a,
div#main div.teaserRow.withBackground.background-adnovumgreen div.rowContent li.download a,
div#main div.teaserRow.withBackground.background-adnovumgreen div.rowContent div.teaserColumn em.more a::before,
div#main div.teaserRow.withBackground.background-adnovumgreen div.rowContent div.teaserColumn li.internal a::before,
div#main div.teaserRow.withBackground.background-adnovumgreen div.rowContent div.teaserColumn div.textimage li::before,
div#main div.teaserRow.withBackground.background-adnovumgreen div.rowContent div.teaserColumn li.download a[href*=".pdf"]:before {
  color: #ffffff;
}

div#main div.teaserRow.withBackground.background-adnovumgreen div.rowContent li.internal a:hover,
div#main div.teaserRow.withBackground.background-adnovumgreen div.rowContent li.download a:hover,
div#main div.teaserRow.withBackground.background-adnovumgreen div.rowContent div.teaserColumn em.more a:hover:before,
div#main div.teaserRow.withBackground.background-adnovumgreen div.rowContent div.teaserColumn li.internal a:hover:before,
div#main div.teaserRow.withBackground.background-adnovumgreen div.rowContent div.teaserColumn li.download a[href*=".pdf"]:hover:before {
  color: #026a4c;
}

div#main div.teaserRow.withBackground.background-adnovumgreen div.teaserColumn div.textimage h2.platformTitle {
  color: #ffffff;
}

div.teaserRow.withBackground.background-adnovumgreen div.teaserColumn.two-cell-layout div.textimage p {
  color: #FFFFFF;
  /*color: #4d4d4d;*/
  font-family: "Frutiger LT W01_55 Roma1475738",Verdana,"Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: 15px;
  line-height: 1.4em;
  word-wrap: break-word;
  margin: 0 0 2px;
}


div#main div.teaserRow div.teaserColumn div.textimage > h2.platformTitle {
  padding-top: 0px;
}


/* 3-cell-layout */
#adnLandingPage div[id^="adn-Text-Image-Div"] div.rowContent {
  min-height: 270px;
  display: inline-block;
}

.rowContent {
  display: inline-table;
  width: 700px;
}
.teaserRow.container.text-box-section.three-cell-row {
  text-align: center;
}
.teaserColumn.three-cell-layout {
  width: 240px;
  text-align: left;
}

div.rowContent div.teaserColumn {
  vertical-align: top;
}

div.teaserColumn div.box.vcard[id^="box-"] {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border-top: medium none;
  clear: both;
  float: left;
  text-align: left;
  margin: 0 0 30px;
  padding: 5px 0;
  width: 100%;
}
div#main div.rowContent div.teaserColumn dl.media.photo.pos-2 {
  float: left;
  margin-left: 0;
  margin-right: 10px;
  width: auto;
}

div.rowContent div.box.vcard div dl.email > dt::before {
  content: "\f0e0";
  font-family: fontawesome;
  font-size: 15px;
  font-weight: normal;
  padding-right: 9px;
}
div.teaserColumn div.box.vcard dl.media.photo.pos-2 {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}

div.rowContent div.teaserColumn div.textimage dl.media.photo.large dt img {
  border: 0px;
}

/* 2-cell-layout */
.teaserRow.container.text-box-section.two-cell-row {
  text-align: center;
}

.teaserColumn.two-cell-layout {
  text-align: left;
  width: 330px;
}

.teaserColumn.two-cell-layout.separatorDiv {
  width: 40px;
}

#main div.teaserColumn div.textimage h2.platformTitle {
  border-top: 0 none;
}
div.teaserColumn div.textimage {
  border: 0 none;
  text-align: left;
}
div.separatorDiv {
  width: 40px;
}

/* one-cell-layout */
.teaserRow.container.text-box-section.one-cell-row {
  text-align: center;
}
.teaserColumn.one-cell-layout {
  text-align: left;
}

/* reference cases - 3 cell layout */

div#main div.teaserRow.three-cell-row div.teaserColumn.three-cell-layout li.adnImageLink.adnFooterLink,
div#main div.teaserRow.three-cell-row div.teaserColumn.three-cell-layout li.adnImageLink.adnFooterLink > a {
  padding: 0;
  display: table;
  float: none;
  margin: 0;
  position: relative;
  text-align: left;
}

div#main div.teaserRow.three-cell-row div.teaserColumn.three-cell-layout li.adnImageLink.adnFooterLink a img.externalLinkImage,
div#main div.teaserRow.three-cell-row div.teaserColumn.three-cell-layout a img {
  border: 0px;
  max-width: 220px;
  max-height: 200px;
}

div#main div.teaserRow div.rowContent div.teaserColumn.three-cell-layout div.teaser {
  width: 210px;
}

div#main div.teaserRow div.rowContent div.teaserColumn div.box.vcard dl.media.photo dt img {
  max-width: 88px;
}
div#main div.teaserRow div.teaserColumn div.box.vcard div p.fn.n span.given-name,
div#main div.teaserRow div.teaserColumn div.box.vcard div p.fn.n span.family-name {
  font-size: 15px;
  font-family: "Frutiger LT W01_65 Bold1475746",Verdana,"Helvetica Neue",Helvetica,Arial,sans-serif;
  margin-bottom: 8px;
  line-height: 1.4em;
  font-weight: 500;
}

div#main div.teaserRow div.box.vcard div dl.email dt {
  font-size: 15px;
  font-family: "Frutiger LT W01_55 Roma1475738",Verdana,"Helvetica Neue",Helvetica,Arial,sans-serif;
  margin-bottom: 8px;
  line-height: 1.4em;
  font-weight: normal;
}

div#main div.teaserRow div.box.vcard div p.fn.n span.contactTitle {
  display: block;
  font-size: 15px;
  line-height: 1.4em;
}

div#main div.teaserRow.three-cell-row div.rowContent div.teaserColumn.three-cell-layout div.vcard div dl.email dd {
  overflow: hidden;
  /* text-overflow: ellipsis; */
  width: 275px;
  font-size: 15px;
  margin-right: 50px;
}

/* sitemap */
#sitemap .links li li a {
  background: url(../img/icons/sprites.png) 16px -89px no-repeat;
  padding-left: 31px;
}
#sitemap .links li a {
  background: url(../img/icons/sprites.png) 0 -89px no-repeat;
  padding: 6px 0 6px 15px;
}
#sitemap .links {
  border-top: 0px;
  margin: 0;
}

/* spacing */

div.rowContent {
  padding: 45px 0px;
}

div.rowContent.padding-top {
  padding-top: 45px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;

}

div.rowContent.padding-bottom {
  padding-top: 0px;
  padding-bottom: 45px;
  padding-left: 0px;
  padding-right: 0px;

}

div.rowContent.padding-none {
  padding: 0px;
}

body#home div#site-info {
  margin-top: 45px;
  padding-left: 0px;

}
/* sitemap shows up on ipad mini - shoudn't */
#sitemap .links li {
  height: 1%;
  /* IE6 */
  margin: 0;
  border: none;
  padding: 0;
  background: transparent;
}

/* grey-background gradient */
body#section div#main div.teaserRow.withBackground.background-grey.two-cell-row:nth-child(1) div.rowContent div.teaserColumn.two-cell-layout:first-child {
  padding-top: 0px;
}
body#section div#main div.teaserRow.withBackground.background-grey.two-cell-row:nth-child(1) div.rowContent {
  padding-bottom: 51px;
}
body#section div#main div.teaserRow.withBackground.background-grey.two-cell-row:nth-child(1) div.rowContent div.teaserColumn.two-cell-layout:nth-child(3) {
  padding-top: 30px;
}

/* download row - dark grey for adnovum green and neutral colored header row-content */
body#section div#main div.teaserRow.withBackground.background-darkgrey {
  background-color: #4b4b4b;
  color: #e7e7e7;
}
body#section div#main div.teaserRow.withBackground.background-darkgrey li.download a::before,
body#section div#main div.teaserRow.withBackground.background-darkgrey li.download a {
  color: #e7e7e7;
}
body#section div#main div.teaserRow.withBackground.background-darkgrey li.download a:hover,
body#section div#main div.teaserRow.withBackground.background-darkgrey li.download a:hover::before,
body#section div#main div.teaserRow.withBackground.background-darkgrey h1 {
  color: #00A77F;
}
body#section div#main div.teaserRow.withBackground.background-darkgrey div.rowContent div.textimage.text-section h2.platformTitle,
body#section div#main div.teaserRow.withBackground.background-darkgrey div.rowContent div.textimage.text-section h3 {
  font-family: "Frutiger LT W01_65 Bold1475746",Verdana,"Helvetica Neue",Helvetica,Arial,sans-serif;
  color: #e7e7e7;
  font-weight: normal;
}
body#section div#main div.teaserRow.withBackground.background-darkgrey div.rowContent div.textimage.text-section h3 {
  font-size: 16px;
}

body#section div#main div.teaserRow.withBackground.background-adnovumgreen div.rowContent div.teaserColumn.two-cell-layout:first-child {
  padding-top: 26px;
}
body#section div#main div.teaserRow.withBackground.background-adnovumgreen div.rowContent {
  padding-bottom: 50px;
}
body#section div#main div.teaserRow.withBackground.background-adnovumgreen.two-cell-row:nth-child(1) div.rowContent {
  padding-bottom: 45px;
}

body#section div#main div.teaserRow.withBackground.background-adnovumgreen div.rowContent div.teaserColumn.two-cell-layout:nth-child(3) {
  padding-top: 39px;
}
/* old design: medienspiegel download lists */
body#article.col-subcol div#main div.text div.teaser[id^="teaser-"] div.links ul li.download {
  padding-left: 1.3em;
  text-indent: -0.6em;
}
body#article.col-subcol div#main div.text div.teaser[id^="teaser-"] div.links ul li.external {
  padding-left: 0.8em;
  text-indent: -2.1em;
}
/* ADNWWW-298: video component - additional tablet styles */

div.playbutton {
  width: 330px;
  line-height: normal;
}

/* fix video button width ipad retina in landscape mode */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 2) {
  div.playbutton {
    width: 450px;
    line-height: normal;
  }
}

.loadvideo-close {
  font-family: Arial,Baskerville,monospace;
  font-size: 56px;
  right: 20px;
}

/* END ADNWWW-298 */
div#megadropdown ul#mega-menu-1.mega-menu li.dc-mega-li div#sub2.sub-container.mega {
  left: -330px !important;
  top: 35px;
  z-index: 1000;
}

/* Logo and navigation positioning for landscape and portrait view */
@media screen and (max-width:1024px){
  #branding #logo span {
    background-position: 0 9px;
    background-size: 149px auto;
    height: 51px;
    width: 149px;
  }
  body div#megadropdown {
    left: calc(50% - 185px) !important;
    left: -webkit-calc(50% - 185px) !important;
    max-width: 940px;
    margin-left: 23%;
  }
  #logo a {
    left: 0px;
  }
}

/*startpage changes adnwww-316*/
div#main div.teaserRow.container.text-box-section > div.rowTitle h2 {
  text-align: left;
  margin-top: 35px;
}

div#main div.teaserRow.container.text-box-section.background-darkgrey div.rowTitle h2 {
  text-align: left;
}
body#home div#main div.teaserRow.container.text-box-section.one-cell-row > div.rowTitle h2 {
  text-align: center;
}


/* services teaser */
body#home div.teaserRow.three-cell-row div.services div.rteaser[id^="rteaser-"] div.rteaserbox,
body#home div.teaserRow.three-cell-row div.rowContent div.services div.rteaser div.rteaserbox {
  height: 110px;
  margin-bottom: 8px;
  overflow: hidden;
  padding: 0;
  text-align: center;
  width: 220px;
}

body#home div.teaserRow.three-cell-row div.rowContent div.services div.rteaser div.rteaserbox img {
  left: calc(50% - 150px);
  max-height: 110px;
  position: relative;
  height: auto;
  margin-bottom: 8px;
  overflow: hidden;
  padding: 0;
  text-align: center;
}

body#home div.teaserRow.three-cell-row div.rowContent div.services div.rteaser div.rteaserbox_txt {
  min-height: 100px;
  padding-top: 0;
  text-align: center;
  position: relative;
  top: 0;
}

div#main div.teaserRow.container.text-box-section.three-cell-row div.services div.rteaser div.rteaserbox_txt {
  min-height: 110px;
  text-align: center;
}

body#home div.teaserRow.three-cell-row div.services div.rteaser[id^="rteaser-"] div.rteaserbox div[id^="arrow-rteaser-"] {
  top: -16px;
}


/* special teaser contact */

body#home div#main div.rowContent div.special div.rteaser div.rteaserbox_txt.mout {
  height: 123px;
  text-align: center;
}

body#home div#main div.teaserRow div.teaserColumn.three-cell-layout div.special div.rteaser.rollover div.rteaserbox div.rteaserbox_arrow {
  top: -22px !important;
}
body#home div#main div.rowContent div.teaserColumn div.special div.rteaser.rollover div.rteaserbox {
  width: 220px;
}

body#home div#main div.rowContent div.teaserColumn div.special div.rteaserbox > img {
  top: -17px;
  left: calc(50% - 144px);
}

#home div.teaserColumn div.overviewLink {
  float: right;
  vertical-align: top;
  margin-right: 0;
  right: 20px;
}

#home div.teaserColumn:nth-child(3) div.overviewLink {
  right: 0;
}

#home #wrapper-2 {
  margin-top: 22px;
}
div[id^="arrow-rteaser-"] {
  width: 220px;
}
h3.rteaserTitlePlatform.mout, div.rteaserbox_txt h3.rteaserTitlePlatform {
  margin-top: 15px;
}

/* tablet switchTeaserGroup adnwww-318 */

div#switchTeaserGroup .stageTextBox {
  height: auto;
  left: calc(50% - 350px);
  position: relative;
  top: 0;
  width: 700px;
}

/* testimonial-slider */
div#adnTestimonialSlider.teaser-wrapper.tw-paging div.rack div.rack-design div.rack-teaser {
  /* please remove html styles and add them here */
  width: 700px !important;
  background-size: contain;
}

.testimonialSliderMessage {
  font-family: 'frutiger lt w01_45 ligh1475730',Verdana,'Helvetica Neue',Helvetica,Arial,sans-serif;
  font-size: 25px;
  line-height: 1.5em;
  margin-bottom: 15px;
}
div#adnTestimonialSlider div.testimonialSliderName span {
  font-size: 14px;
}

div#adnTestimonialSlider div.testimonialSliderName span:first-child {
  font-family: "Frutiger LT W01_65 Bold1475746";
  font-weight: normal !important;
}
div#adnTestimonialSlider div.testimonialSliderName span:last-child {
  font-family: "Frutiger LT W01_45 Ligh1475730";
}

div#wrapper div#wrapper-2 div#wrapper-3 div#main div#adnTestimonialSlider.teaser-wrapper.tw-paging div.rack {
  background-color: transparent;
  border: medium none;
  height: auto;
  margin: 0;
  padding-left: 0;
  width: 700px;
}
#mega-menu-1 li .sub {
  width: 720px;
}

.errorParagraph div {
  width: 75%;
}

.adn-category-overview .categoryContent {
  width: 54%;
}

body#adnLandingPage .adn-category-overview h3 a,
body#adnLandingPage .teaser.new li h3 a {
  font-family: 'Frutiger LT W01_55 Roma1475738',Verdana,Arial,Helvetica,sans-serif;
  font-weight: normal;
  color: #4b4b4b;
  font-size: 19px;
}