#site {
    margin: 0 5%;
    width: 90%
}

a#logo {
    margin: 26.04% 10.75% 19.11%;
    width: 78.5%
}

h1 {
    margin-bottom: 2%!important
}

.container_fullbanner2 {
    display: none
}

.imgnone {
    display: none
}

div.container_social-media-new {
    display: none
}

.container-metricprefix {
    display: none!important
}

.container_super-banner {
    width: 74.5%;
    display: none
}

.container_inhouse {
    width: 16.49%;
    margin-right: 1.59%;
    display: none!important
}

.container_inhouse:last-child {
    margin: 0;
    display: none!important
}

.container_social-media {
    width: 100%;
    margin-right: 0;
    display: block!important
}

.container_social-media article,
.container_social-media img,
.container_social-media section.search {
    display: none!important
}

.icons2 {
    display: none
}

.icons2_small {
    display: none
}

div.container_social-media ul.icons2 {
    right: 50%;
    margin-right: -146px
}

nav.tablet_desktop,
nav2.tablet_desktop,
nav2 {
    display: none!important
}

section.teaser2a {
    display: none
}

nav.smartphone {
    z-index: 200;
    margin: 0;
    display: inline
}

header nav{
    position: fixed;
    top: -4px;
    left: 5%;
    width: 90%;
    box-shadow: 0 0 19px #999;
    -moz-box-shadow: 0 0 19px #999;
    -webkit-box-shadow: 0 0 19px #999;
    -o-box-shadow: 0 0 19px #999;
    display: none
}

a#logo {
	display: none;
	margin: 0;
}
header {
	margin-top: 60px;
}

header nav {
    height: 96%;
    overflow: hidden
}

section.teaser1,
section.teaser2,
section.site-content,
section.content {
    box-shadow: 0 0 3px #999;
    -moz-box-shadow: 0 0 3px #999;
    -webkit-box-shadow: 0 0 3px #999;
    -o-box-shadow: 0 0 3px #999
}

header nav,
section.footnote,
a.switch-button_mobile,
a.switch-button_standard {
    margin: 1.59% 0
}

a.switch-button_mobile,
a.switch-button_standard {
    margin-top: 0
}

section.footnote nav {
    margin-bottom: 1.64%
}

header nav ul {
    margin: 4px 5.4% 0;
    width: 89.2%;
    text-align: center;
    float: left;
    height: 88.5%;
    z-index: 150;
    position: relative
}

header nav ul li {
    float: float;
    border-right: none;
    border-bottom: 1px solid #bfbfbf;
    margin-top: 0;
    margin-bottom: 0;
    height: 10.8%
}

header nav ul li:last-child {
    border: none
}

header nav ul li a {
    margin: 0;
    height: 100%
}

header nav ul li a span {
    margin: 3% 0;
    width: 100%;
    text-align: center
}

header nav ul li:last-child a span {
    margin-left: 0;
    margin-right: 0
}

section.page {
    margin-top: 0;
}

section.spotlight_mobile {
    display: none!important
}

aside.narrow {
    width: 100%;
    clear: left
}

aside.wide {
    width: 100%;
    clear: left
}

section.teaser1,
section.teaser2 {
    margin-bottom: 1.59%
}

section.teaser1 {
    margin-bottom: 6%
}

section.teaser2 {
    margin-bottom: 6%
}

section.teaser1 h4,
section.teaser1 article {
    margin: 4.2% 5.4%
}

section.teaser2 h3,
section.teaser2 article {
    margin: 4% 5.4%
}

section.teaser2 h3 {
    width: 81.4%
}

section.teaser2 h3 {
    margin-top: 8%;
    margin-bottom: 4%;
    padding-bottom: 8%
}

section.teaser1 h4 {
    margin-bottom: 1.2%;
    margin-top: 6.42%;
    padding-bottom: 6.42%
}

section.teaser1 div.line {
    width: 56.31%;
    margin: 0 21.57%
}

section.home div.line,
section.news-category div.line,
section.spotlight-category div.line {
    width: 79.18%;
    margin: 3.18% 10.41%
}

a.CTA-1 {
    margin: 4.2% 5.4% 0!important
}

section.teaser1 a.CTA-1 {
    margin: 4.2% 5.4% 0!important
}

section.teaser2 a.CTA-1 {
    margin: 0 5.4%!important
}

section.teaser1 a.CTA-1 span {
    margin: 5.4% 22px 5.4% 0
}

section.teaser2 a.CTA-1 span {
    margin: 9% 22px 9% 0
}

section.teaser1 a.CTA-1 {
    width: 89.2%
}

section.teaser2 a.CTA-1 {
    width: 89.2%
}

section.content {
    margin: 0;
    clear: left
}

section.content+aside.narrow {
    margin: 0
}

section.content {
    padding: 5.4%
}

section.home,
section.single-news,
section.news-category,
section.spotlight-category {
    width: 89.2%;
    margin-bottom: 5.4%
}

section.content h1 {
    margin-bottom: 0
}

section.home h1 {
    margin-bottom: 5%!important;
    padding-bottom: 5%;
    width: 100%
}

section.breadcrumbs {
    margin-bottom: 3.18%
}

section.content h2 {
    margin-bottom: 2.1%
}

section.home article p {
    width: 100%;
    margin-top: .214rem;
    top: 1.3rem
}

section.news-category article img,
section.spotlight-category article img {
    margin: 0 0 5.6% 5.6%
}

section.single-news article p {
    width: 100%;
    margin-right: 0
}

section.home article img,
section.news-category article img,
section.spotlight-category article img {
    height: 50px;
    margin: 0 5.47% 5.47% 0
}

img.square-image {
    height: 71px
}

img.rectangle-image {
    height: auto!important;
    width: 100%
}

section.home article img {
    margin-top: .3rem;
    margin-left: 2.8%;
    margin-bottom: 2.8%;
    float: right
}

section.image-block {
    width: 100%;
    margin: 0 0 4%
}

section.image-block a.CTA-1 {
    display: none
}

section.container-skyscrapers-double-mobile {
    display: block;
    width: 100%;
    float: left;
	margin-bottom:8px;
}

section.wrapper+aside.narrow section.container_wide-skyscrapers-single{display:none}

section.container_wide-skyscrapers-double {
    display: block
}

.container_mobilebanner {
    width: 100%;
    display: inline
}

.container_rectangle {
    width: 100%;
    display: inline
}

.container_rectangle img {
    max-width: 100%;
    width: 100%;
    height: 240px
}

section.site-content {
    display: none
}

footer {
    margin-top: 4.24%;
    width: 100%
}

section.footnote nav a {
    margin: 0 2.1%
}

.container_fullbanner,
section.pager span span,
section.pager a:nth-child(5),
section.pager a:nth-child(6),
section.pager a:nth-child(7),
section.pager a:nth-child(8),
section.pager a:nth-child(9),
section.pager a:nth-child(10),
section.pager a:nth-child(12),
div.line+div.line {
    display: none
}

section.spotpager span span,
section.spotpager a:nth-child(5),
section.spotpager a:nth-child(6),
section.spotpager a:nth-child(7),
section.spotpager a:nth-child(8),
section.spotpager a:nth-child(9),
section.spotpager a:nth-child(10),
section.spotpager a:nth-child(12),
div.line+div.line {
    display: none
}

section.articles article+div.line {
    display: block!important
}

section.news-category+aside.wide,
section.spotlight-category+aside.wide {
    display: none
}

html {
    font-size: .875rem
}

section.content article img {
    box-shadow: 1px 1px 4px #333;
    -moz-box-shadow: 1px 1px 4px #333;
    -webkit-box-shadow: 1px 1px 4px #333;
    -o-box-shadow: 1px 1px 4px #333
}

section.articles {
    width: 100%
}

section.news-category article,
section.spotlight-category article {
    margin-right: 0%;
    width: 100%
}

section.teaser1 h4 {
    font-size: 1.429rem
}

section.news-category h2,
section.spotlight-category h2 {
    height: auto!important
}

.wrapper {
    width: 100%
}

.wrapper aside {
    width: 100%
}

.wrapper section.single-news {
    width: 89.2%;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 5%
}

.wrapper+aside {
    width: 100%
}

section.single-news article {
    margin-bottom: 5%
}

.container_rectangle {
    margin-bottom: 4%
}

section.single-news article img {
    width: 100%
}

.subscribe-banner {
    display: none
}

.seltable {
    clear: both;
    background-color: #fff;
    color: #000;
    font-weight: 400;
    margin: 15px 3px 5px
}

.seltable2 {
    padding-left: 8px;
    padding-right: 6px;
    padding-bottom: 12px
}

.seltable3 {
    padding-left: 8px;
    padding-right: 6px;
    padding-bottom: 3px
}

section.datebox {
    box-shadow: 0 0 3px #999;
    -moz-box-shadow: 0 0 3px #999;
    -webkit-box-shadow: 0 0 3px #999;
    -o-box-shadow: 0 0 3px #999;
    behavior: url(/css/PIE.htc)
}

section.datebox {
    width: 330px;
    background-color: #fff;
    margin-bottom: 6px
}

section.datebox2 {
    width: 96%;
    background-color: #fff;
    margin-bottom: 6px;
    margin-left: 18px
}

.headline,
.headline:link,
.headline:visited {
    padding-left: 8px;
    color: #009;
    font-weight: 700;
    font-size: 16px
}

.headline:hover {
    text-decoration: underline
}

.textline {
    padding-left: 30px;
    padding-right: 8px
}

/*mobile-menu */

*{
    margin: 0;
    padding: 0;
}
.menu_container, .menu_item_container{
    display: none;
}
@media screen and (max-width: 667px){
.menu_container {
width: 100%;
height: 65px;
display: flex;
justify-content: space-between;
align-items: center;
border-bottom: 1px solid rgba(0,0,0,0.1);
position: fixed;
top: 0;
left: 0;
z-index: 1;
background: #fff;
}
.menu_item_container {
display: block;
width: 100%;
position: fixed;
top: 66px;
right: -100%;
z-index: 1000;
}
    .logo_container{
        width: 115px;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .logo_container a{
        margin-left: 10px;
    }
    .logo_container a img{
        width: 115px;
        height: 40px;
    }
    .hamburger_menu_container{
        width: 55px;
        height: 55px;
        border-radius: 8px;
        margin-right: 10px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .menu_item_container ul li{
        list-style: none;
        padding: 10px;
        text-align: center;
        height: 30px;
        background-color: #f1f1f1;
        line-height: 30px;
        border-bottom: 1px solid rgba(0,0,0,0.1);
    }
    .menu_item_container ul li:hover{
        background-color: #fff;
    }
    .menu_item_container ul li a{
        display: block;
        width: 100%;
        height: 100%;
        text-decoration: none;
        color: black;
        font-size: 1.2rem;
        font-weight: bold;
    }
    
    .ham {
        cursor: pointer;
        -webkit-tap-highlight-color: transparent;
        transition: transform 400ms;
        -moz-user-select: none;
        -webkit-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }
    .hamRotate.active {
        transform: rotate(45deg);
    }
    .ham7 .top {
        stroke-dasharray: 40 82;
    }
    .ham7 .middle {
        stroke-dasharray: 40 111;
    }
    .ham7 .bottom {
        stroke-dasharray: 40 161;
    }
    .ham7.active .top {
        stroke-dasharray: 17 82;
        stroke-dashoffset: -62px;
    }
    .ham7.active .middle {
        stroke-dashoffset: 23px;
    }
    .ham7.active .bottom {
        stroke-dashoffset: -83px;
    }
    .line {
        fill: none;
        transition: stroke-dasharray 400ms, stroke-dashoffset 400ms;
        stroke: #000;
        stroke-width: 5.5;
        stroke-linecap: round;
    }
}

@media (max-width: 768px) {
  /* Hide or reset the desktop grid on phones */
  .grid {
    display: none !important;
    z-index: auto !important;
    position: static !important;
  }

  /* Also hide or override anything else with high z-index from the desktop nav */
  header nav > ul ul {
    display: none !important;
    z-index: auto !important;
  }
}