.grid{width:970px; height:100%; position:fixed; top:0; left:50%; margin-left:-485px; z-index:300; display:none}

.grid .col{margin-right:1.56%; width:6.9%; height:100%; display:block; background-color:rgba(255,0,0,0.5); position:static; float:left}

.grid .col_fine{margin-right:20.6%; width:39.7%; height:100%; display:block; background-color:rgba(0,0,0,0.5); position:static; float:left}

.grid .col:last-child, .grid .col_fine:last-child{margin-right:0}

#site{max-width:970px; width:100%; margin:0 auto; padding:0 10px; box-sizing:border-box}

a#logo{width:23.8%}

.container_mobilebanner{display:none}
@media (min-width: 500px) { .container-skyscrapers-double-mobile{display:none}}
.container_super-banner{float:right; width:75%}
.container_top{float:right; width:100%; height:auto}

.container_inhouse{width:160px; height:120px; margin-right:1%}

.container_inhouse:last-child{margin:0}

div.container_social-media{width:65%; margin-right:1%; height:120px; overflow:hidden}
div.container_social-media-new{width:100%; margin-right:1%; height:30px; overflow:hidden}
div.container_social-media-new section.search{position:absolute; top:10%; left:38%; z-index:70; width:300px;}
nav.smartphone, nav2.smartphone{display:none}

div.open-menu{display:none}

header nav, header nav2, section.teaser1, section.teaser2, section.teaser3, section.site-content, section.content{position:relative; 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}

section.content{padding:1% 1.4%}

header nav{margin:0.75% 0}

section.footnote, a.switch-button_mobile, a.switch-button_standard{margin:1.64% 0}

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

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

header nav>ul{width:96.7%; margin:8px 1.65%}

header nav>ul>li{float:left; border-right:1px solid #bfbfbf; display:block}

header nav>ul>li{margin-top:4px 0.2%; height:25px}

nav>ul>li:last-child{border-right:none}

header nav>ul>li>a{margin:-4px 2px 0; height:33px}

header nav>ul>li a span{margin:6px 0}

header nav>ul>li:nth-child(1){width:7.3%}

header nav>ul>li:nth-child(2){width:7%}

header nav>ul>li:nth-child(3){width:15%}

header nav>ul>li:nth-child(4){width:13.2%}

header nav>ul>li:nth-child(5){width:10.3%}

header nav>ul>li:nth-child(6){width:10.2%}

header nav>ul>li:nth-child(7){width:36.2%}

section.page{margin-top:1%}

section.wrapper section.content, section.wrapper+aside.narrow{margin:0 !important}

aside.narrow{width:19.58%}

aside.wide{width:34.4%}
aside.wide2{width:34.4%}

section.teaser1, section.teaser2, section.teaser2a, section.teaser3{margin-bottom:1.64%}

section.teaser1{margin-bottom:8.42%}

section.teaser2, section.teaser2a, section.teaser3{margin-bottom:4%}

section.teaser3 li+li{margin-top:2%}

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

section.teaser2 h3, section.teaser2 article, section.teaser3 h4, section.teaser3 article{margin:2.25% 4.51%}
section.teaser2a article{margin:0}

section.teaser3 article{margin-bottom:4%}

section.teaser2 h3, section.teaser3 h4{width:91%; margin-top:4%; margin-bottom:2.25%; padding-bottom:4%}

section.home h1{width:100%; margin-top:1%; margin-bottom:2.25%; padding-bottom:3%; margin-bottom:3% !important}

section.teaser1 h4{margin-top:8.42%; margin-bottom:4.2%; padding-bottom:8.42%}

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

section.home div.line{width:79.18%; margin:3.28% 10.41%}

section.spotlight-category div.line{width:34%; float:left; margin:3.28% 8%}

section.news-category div.line{float:left;     margin:2.5% 16% 1%;     width:68%}

section.news-category div.line+div.line{display:none}

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

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

section.teaser2 a.CTA-1, section.teaser3 a.CTA-1{margin:0 4.51% !important}

section.teaser1 a.CTA-1 span{margin-top:8.42%; margin-bottom:8.42%; margin-left:0}

section.teaser2 a.CTA-1 span, section.teaser3 a.CTA-1 span, a.CTA-3 span{margin:4.51% 22px 4.51% 0}

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

section.teaser2 a.CTA-1, section.teaser3 a.CTA-1{width:90.98%}

section.content+aside.narrow, section.wrapper aside{margin:0 1%}

section.content:first-child{margin:0}

section.home{width:41.1%}

section.single-news{width:57.5%}

section.news-category, section.spotlight-category{width:61.8%; margin-left:0}

section.spotlight-category article{width:100%; margin-right:2.6%}

section.news-category article{width:100%; margin-right:2.6%}

section.news-category article:nth-of-type(2n), section.spotlight-category article:nth-of-type(2n){margin-right:0 !important}

section.breadcrumbs{margin-bottom:3.28%}

section.content h1{margin-bottom:18px}

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

section.home article p{width:100%}

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

section.home article img{width:27.1%; float:right; margin-left:4.1%; margin-bottom:4.1%}

section.news-category article img{height:71px; margin:0 2.5% 1% 0%; float:left}

section.spotlight-category article img{margin:0 2.7% 2.7% 0}

img.square-image{height:71px}

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

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

section.image-block a.CTA-1{margin-top:1% !important}

section.container_wide-skyscrapers-double, section.wrapper+aside.narrow section.container_wide-skyscrapers-single{display:block}
section.container_double-skyscrapers-mob{display:none !important}

aside.wide section.container_wide-skyscrapers-double, aside.wide section.container_wide-skyscrapers-single{margin-bottom:4%; width:100%; float:left}

aside.wide section.container_wide-skyscrapers-double img, aside.wide section.container_wide-skyscrapers-single img{width:160px}

/* HOMEPAGE: double skyscraper stacks vertically when the sidebar column is
   too narrow for two 160px units side by side (~viewport <990px), and stays
   horizontal at wider widths. The include uses an inline grid; override it. */
@media only screen and (max-width:989px){
    section.container_wide-skyscrapers-double > div{
        grid-template-columns: 160px !important;
        justify-content: center;
    }
}
section.container_wide-skyscrapers-double > div > div{max-width:100%; margin:0 auto}

aside.narrow section.container_wide-skyscrapers-double img, aside.narrow section.container_wide-skyscrapers-single img{width:160px}

section.container_wide-skyscrapers-double td:first-child img, section.container_wide-skyscrapers-single td:first-child img{margin-right:1px}

.container_rectangle, .container_fullbanner{width:100%}

/* HOMEPAGE-ONLY ad slot fluidity (scoped to aside.wide2 / aside.wide so the
   spotlight page's slots in .wrapper/aside.narrow are NOT affected). */
aside.wide2 section.teaser2a{width:100%; max-width:336px; min-width:200px; box-sizing:border-box; margin-left:auto; margin-right:auto; text-align:center}
aside.wide2 section.teaser2a img{width:100% !important; height:auto !important; max-width:100%; aspect-ratio:336/280; display:block; margin:0 auto}
/* fixed-336 AdSense: reserve space when shown; hide <1003px (homepage slot) */
aside.wide2 section.teaser2a ins.adsbygoogle{display:block; width:336px; height:280px; margin:0 auto}
@media only screen and (max-width:1002px){
    aside.wide2 section.teaser2a ins.adsbygoogle{display:none !important}
}
/* homepage 300 slot: fix the squash (was height:250px) and centre */
aside.wide .container_rectangle{float:none; margin-left:auto; margin-right:auto; max-width:300px}
aside.wide .container_rectangle img{width:100% !important; height:auto !important; max-width:300px; aspect-ratio:300/250; display:block; margin:0 auto}

.container_rectangle{margin-bottom:4%}

section.single-news .container_rectangle{margin:5% 0 1%}

.container_fullbanner{margin:0 0 2%}

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

.container_fullbanner img{max-width:468px; width:100%}

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

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

section.spotlight-category div.line:nth-of-type(3n+1){display:none}

aside.narrow .container_inhouse, aside.wide .container_inhouse{display:none !important}

a.switch-button_standard{display:none}

div.container_social-media ul.subjects{float:left; margin-top:1.3%}
div.container_social-media-new ul.subjects{float:left; margin-top:1.3%}

html{font-size:14px; font-size:0.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; behavior:url(/css/PIE.htc)}

.wrapper{ width:83.4%}

.wrapper aside{width:23.9%}

.wrapper section.single-news{width:71.2%; margin-left:2.2%; margin-right:0}

.wrapper+aside{width:16.49%}

.container_inhouse:last-child, aside:last-child{float:right !important}

.icons2_small{display:none}

.menu_container, .menu_item_container{
    display: none;
}
/* ===================================================================
   SPOTLIGHT ARTICLE PAGE — fluid behaviour for 668–1003.
   Loaded via headermob2-fluid.php. Scoped to .wrapper / single-news
   (spotlight-only); the homepage has no .wrapper and is unaffected.
   =================================================================== */

/* Two INVISIBLE rules (they don't change how the table looks) so the column can
   shrink without the article spilling on its own, separate from the ad:
   - neutralise the date cell's width="570" so it can't hold the table open
   - cap the figure (and any content image) to the column. On desktop this is a
     no-op — max-width can't upscale — it only engages as the column narrows.
     The 300px house ad keeps its size. */
.wrapper section.single-news #contentstart > table td[width]{ width:auto; }
.wrapper section.single-news img{ max-width:100% !important; height:auto; }
.wrapper section.single-news .container_rectangle img{ max-width:300px !important; }

/* Tablet band only (desktop >=1003 unchanged):
   - hide the fixed-width 336 AdSense unit (can't shrink to the sidebar)
   - hide the matched-content / autorelaxed ad (socialblock2) — the culprit
   - drop the outer skyscraper's inline margin-top:288px gap */
@media only screen and (max-width:1002px){
    .wrapper aside.wide2{ display:none !important; }
    .wrapper section.single-news ins.adsbygoogle[data-ad-format="autorelaxed"]{ display:none !important; }
    .wrapper + aside.narrow section.container_wide-skyscrapers-single{ margin-top:0 !important; }
}

/* Outer skyscraper is a shrinkable house image — cap it to its column width. */
.wrapper + aside.narrow section.container_wide-skyscrapers-single img{ width:100%; max-width:160px; height:auto; }