@font-face {
font-family: 'Guardian Headline Full';
src: url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Light.woff2) format("woff2"),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Light.woff) format("woff"),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Light.ttf) format("truetype");
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: 'Guardian Headline Full';
src: url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-LightItalic.woff2) format("woff2"),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-LightItalic.woff) format("woff"),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-LightItalic.ttf) format("truetype");
font-weight: 300;
font-style: italic;
}
@font-face {
font-family: 'Guardian Headline Full';
src: url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Regular.woff2) format("woff2"),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Regular.woff) format("woff"),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Regular.ttf) format("truetype");
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: 'Guardian Headline Full';
src: url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-RegularItalic.woff2) format("woff2"),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-RegularItalic.woff) format("woff"),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-RegularItalic.ttf) format("truetype");
font-weight: 400;
font-style: italic;
}
@font-face {
font-family: 'Guardian Headline Full';
src: url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Medium.woff2) format("woff2"),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Medium.woff) format("woff"),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Medium.ttf) format("truetype");
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: 'Guardian Headline Full';
src: url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-MediumItalic.woff2) format("woff2"),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-MediumItalic.woff) format("woff"),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-MediumItalic.ttf) format("truetype");
font-weight: 500;
font-style: italic;
}
@font-face {
font-family: 'Guardian Headline Full';
src: url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Semibold.woff2) format("woff2"),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Semibold.woff) format("woff"),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Semibold.ttf) format("truetype");
font-weight: 600;
font-style: normal;
}
@font-face {
font-family: 'Guardian Headline Full';
src: url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-SemiboldItalic.woff2) format("woff2"),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-SemiboldItalic.woff) format("woff"),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-SemiboldItalic.ttf) format("truetype");
font-weight: 600;
font-style: italic;
}
@font-face {
font-family: 'Guardian Headline Full';
src: url(https:@font-face{font-family:Guardian Headline Full;src:url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Bold.woff2) format("woff2"),url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Bold.woff) format("woff"),url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Bold.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:Guardian Headline Full;src:url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-BoldItalic.woff2) format("woff2"),url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-BoldItalic.woff) format("woff"),url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-BoldItalic.ttf) format("truetype");font-weight:700;font-style:italic}@font-face{font-family:Guardian Headline Full;src:url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Black.woff2) format("woff2"),url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Black.woff) format("woff"),url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Black.ttf) format("truetype");font-weight:900;font-style:normal}@font-face{font-family:Guardian Headline Full;src:url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-BlackItalic.woff2) format("woff2"),url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-BlackItalic.woff) format("woff"),url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-BlackItalic.ttf) format("truetype");font-weight:900;font-style:italic}@font-face{font-family:Guardian Titlepiece;src:url(https://assets.guim.co.uk/static/frontend/fonts/guardian-titlepiece/noalts-not-hinted/GTGuardianTitlepiece-Bold.woff2) format("woff2"),url(https://assets.guim.co.uk/static/frontend/fonts/guardian-titlepiece/noalts-not-hinted/GTGuardianTitlepiece-Bold.woff) format("woff"),url(https://assets.guim.co.uk/static/frontend/fonts/guardian-titlepiece/noalts-not-hinted/GTGuardianTitlepiece-Bold.ttf) format("truetype");font-weight:700;font-style:normal}@media (min-width: 71.25em){.content__main-column--interactive{margin-left:160px}}@media (min-width: 81.25em){.content__main-column--interactive{margin-left:240px}}.content__main-column--interactive .element-atom{max-width:620px}@media (max-width: 46.24em){.content__main-column--interactive .element-atom{max-width:100%}}.content__main-column--interactive .element-showcase{margin-left:0}@media (min-width: 46.25em){.content__main-column--interactive .element-showcase{max-width:620px}}@media (min-width: 71.25em){.content__main-column--interactive .element-showcase{max-width:860px}}.content__main-column--interactive .element-immersive{max-width:1100px}@media (max-width: 46.24em){.content__main-column--interactive .element-immersive{width:calc(100vw - var(--scrollbar-width, 0px));position:relative;left:50%;right:50%;margin-left:calc(-50vw + var(--half-scrollbar-width, 0px))!important;margin-right:calc(-50vw + var(--half-scrollbar-width, 0px))!important}}@media (min-width: 46.25em){.content__main-column--interactive .element-immersive{transform:translate(-20px);width:calc(100% + 60px)}}@media (max-width: 71.24em){.content__main-column--interactive .element-immersive{margin-left:0;margin-right:0}}@media (min-width: 71.25em){.content__main-column--interactive .element-immersive{transform:translate(0);width:auto}}@media (min-width: 81.25em){.content__main-column--interactive .element-immersive{max-width:1260px}}.content__main-column--interactive p,.content__main-column--interactive ul{max-width:620px}.content__main-column--interactive:before{position:absolute;top:0;height:calc(100% + 15px);min-height:100px;content:""}@media (min-width: 71.25em){.Die Hauptinhaltsspalte für interaktive Artikel hat einen linken Rand von 1px solid #dcdcdc, positioniert bei -10px mit einem z-index von -1. Auf Bildschirmen mit mindestens 81.25em Breite verschiebt sich dieser Rand auf -11px. Atom-Elemente innerhalb dieser Spalte haben keinen oberen oder unteren Rand, mit 12px Padding oben und unten. Wenn auf einen Absatz ein Atom-Element folgt, wird das Padding entfernt und durch 12px obere und untere Ränder ersetzt. Inline-Elemente sind auf 620px Breite begrenzt, und auf Bildschirmen mit mindestens 61.25em Breite sind auch Inline-Figuren auf 620px begrenzt.
Für Medienelemente, die eine Loop-Figur enthalten, sitzt die figcaption (sofern nicht ausgeblendet) bei z-index 6. Der Video-Loop-Button richtet sich unten rechts aus mit einem 40px unteren Rand und 3px rechtem Rand. Die Mute- und Unmute-Steuerungscontainer sind am rechten Rand positioniert mit 10px linkem Padding. Der Caption-Button sitzt bei z-index 100, und auf Bildschirmen mit mindestens 61.25em Breite bewegt er sich 20px vom unteren Rand. Auf Bildschirmen mit mindestens 46.25em Breite haben Cinemagraph-Container keine maximale Höhe.
Selbst gehostete Video-Inseln im Body sind voll breit, auf 620px begrenzt, als Blöcke angezeigt mit 12px oberen und unteren Rändern. Ihre Loop-Figuren und Videos sind voll breit, automatische Höhe, auf 620px begrenzt und zentriert. Wenn die Loop-Figur ein immersives Video-Element ist, erweitert sich die Insel auf volle Breite mit 12px vertikalen Rändern, und die Figur und das Video verlieren ihre max-width und Zentrierung. Auf Bildschirmen mit mindestens 71.25em Breite wird die immersive Insel 1140px breit und verschiebt sich 180px nach links, mit figcaptions, die 20px eingerückt sind. Auf Bildschirmen mit mindestens 81.25em Breite wird sie 1300px breit und verschiebt sich 260px nach links.
Die Wurzel definiert mehrere benutzerdefinierte Eigenschaften: Dateline-Farbe #606060, Header-Rand #dcdcdc, Caption-Text #999, Caption-Hintergrund hsla(0, 0%, 7%, .72), Feature-Farbe #c70000 und eine neue Pillar-Farbe, die auf die primäre Pillar- oder Feature-Farbe zurückfällt. Unterüberschriften, Pullquotes und Pullquote-Symbole verwenden die sekundäre Pillar-Farbe, während Blockquotes die Artikeltextfarbe verwenden. Blockquotes erhalten auch eine Füllfarbe von der sekundären Pillar. Im Dark Mode (es sei denn, das Farbschema ist explizit auf hell gesetzt) wechseln Unterüberschriften, Pullquotes und Pullquote-Symbole zur Dark-Mode-Pillar-Farbe, und Blockquotes verwenden dieselbe für ihre Füllung.
Atom-Elemente haben kein Padding. Wenn ein Atom-Element das erste seiner Art ist und auf einen Absatz, ein Anmelde-Gate, ein weiteres Atom oder Ähnliches folgt, erhält der folgende Absatz speziellen Abstand. Dasselbe gilt für horizontale Linien, die nicht die letzte sind, und für Absätze, die auf Ad-Slots folgen. Diese Regeln gelten auch innerhalb des Artikelbody-Containers.Der von Ihnen bereitgestellte Text ist CSS-Code, kein Prosatext, daher gibt es kein natürliches Englisch zum Umschreiben. Es handelt sich um eine Reihe von Selektoren, die 14px oberes Padding zum ersten Absatz nach bestimmten Elementen (wie dem ersten Atom-Element, einem Anmelde-Gate oder einer horizontalen Linie) über mehrere Container hinweg hinzufügen, plus eine Regel für die Gestaltung des ersten Buchstabens dieser Absätze.
Wenn Sie möchten, kann ich erklären, was dieses CSS auf einfachem Englisch tut, oder Ihnen helfen, es zu vereinfachen oder zu refaktorisieren.Ich kann das nicht als fließendes Englisch umschreiben – es ist CSS-Code, kein Prosatext. Wenn Sie möchten, kann ich erklären, was die Stile auf einfachem Englisch tun, oder Sie können den tatsächlichen Text teilen, den Sie umschreiben möchten.Dieser CSS-Code definiert ein responsives Layout für Artikel-Header, Schlagzeilen, Metadaten, Standfirsts und Porträts. Er verwendet CSS Grid, um diese Elemente über verschiedene Bildschirmgrößen hinweg anzuordnen, mit Breakpoints bei 61.25em, 71.25em und 81.25em. Das Layout passt Spalten- und Zeilenstrukturen an, fügt Ränder hinzu und gestaltet Links und Figuren, um sicherzustellen, dass der Inhalt auf verschiedenen Geräten ordnungsgemäß angezeigt wird..furniture-wrapper #standfirst:before,.furniture-wrapper [data-gu-name=standfirst]:before{left:-.5px}}.furniture-wrapper .article-header .content__labels>div,.furniture-wrapper [data-gu-name=title] .content__labels>div{padding-top:2px}.furniture-wrapper #headline h1,.furniture-wrapper [data-gu-name=headline] h1,.furniture-wrapper .headline h1{font-weight:600;max-width:620px;font-size:32px}@media (min-width: 71.25em){.furniture-wrapper #headline h1,.furniture-wrapper [data-gu-name=headline] h1,.furniture-wrapper .headline h1{max-width:540px;font-size:50px}}@media (min-width: 46.25em){.furniture-wrapper .keyline-4,.furniture-wrapper [data-gu-name=lines]{margin-right:0}}@media (min-width: 61.25em){.furniture-wrapper .keyline-4,.furniture-wrapper [data-gu-name=lines]{display:none}}.furniture-wrapper .keyline-4 svg,.furniture-wrapper [data-gu-name=lines] svg{stroke:var(--headerBorder)}@media (min-width: 46.25em){.furniture-wrapper #meta,.furniture-wrapper [data-gu-name=meta]{margin-right:0}}.furniture-wrapper #meta .meta__social,.furniture-wrapper #meta .meta__social ul li a span,.furniture-wrapper #meta .meta__comment,.furniture-wrapper [data-gu-name=meta] .meta__social,.furniture-wrapper [data-gu-name=meta] .meta__social ul li a span,.furniture-wrapper [data-gu-name=meta] .meta__comment{border-color:var(--headerBorder)}.furniture-wrapper #meta .content__meta-container_dcr>div>gu-island,.furniture-wrapper [data-gu-name=meta] .content__meta-container_dcr>div>gu-island{display:none}.furniture-wrapper .standfirst,.furniture-wrapper #standfirst,.furniture-wrapper [data-gu-name=standfirst]{margin-left:-10px;padding-left:10px;position:relative}@media (min-width: 46.25em){.furniture-wrapper .standfirst,.furniture-wrapper #standfirst,.furniture-wrapper [data-gu-name=standfirst]{padding-top:2px}}.furniture-wrapper .standfirst p,.furniture-wrapper #standfirst p,.furniture-wrapper [data-gu-name=standfirst] p{font-weight:400;font-size:20px;padding-bottom:14px}.furniture-wrapper #main-media,.furniture-wrapper [data-gu-name=media]{position:relative;margin-top:0;margin-bottom:2px;grid-area:portrait}.furniture-wrapper #main-media div div,.furniture-wrapper [data-gu-name=media] div div{width:100%;margin-inline:0}@media (min-width: 61.25em){.furniture-wrapper #main-media,.furniture-wrapper [data-gu-name=media]{margin-bottom:0}}@media (max-width: 46.24em){.furniture-wrapper #main-media,.furniture-wrapper [data-gu-name=media]{width:calc(100vw - var(--scrollbar-width, 0px));margin-left:-10px}}@media (max-width: 46.24em) and (min-width: 30em){.furniture-wrapper #main-media,.furniture-wrapper [data-gu-name=media]{margin-left:-20px}}.furniture-wrapper figcaption{position:absolute;bottom:0;padding:4px 10px 12px;background-color:var(--captionBackground);color:var(--captionText);max-width:unset;margin-bottom:0;min-height:46px}.furniture-wrapper figcaption span{color:var(--headerBorder)}.furniture-wrapper figcaption span svg{fill:var(--headerBorder)}.furniture-wrapper figcaption span:nth-of-type(1){display:none}.furniture-wrapper figcaption span:nth-of-type(2){display:inline;max-width:90%}@media (min-width: 30em){.furniture-wrapper figcaption{padding:4px 20px 12px}}.furniture-wrapper figcaption.hidden{opacity:0}.furniture-wrapper #caption-button{display:block;position:absolute;bottom:10px;right:8px;z-index:30;background-color:var(--captionBackground);border:none;border-radius:50%;padding:6px 5px 5px}.furniture-wrapper #caption-button svg{transform:scale(.85)}@media (min-width: 30em){.furniture-wrapper #caption-button{right:10px}}@media (min-width: 71.25em){.content__main-column--interactive:before{top:-12px!important;height:calc(100% + 24px)!important}}.content__main-column--interactive h2{max-width:620px}@media (prefers-color-scheme: dark){:root:root:not([data-color-scheme=light]){--follow-text: #dcdcdc;--follow-icon-fill: var(--darkmode-pillar);--standfirst-text: #dcdcdc;--standfirst-link-text: var(--darkmode-pillar);--standfirst-link-border: var(--darkmode-pillar);--byline: var(--darkmode-pillar)}}:root{--new-pillar-colour: var( --darkmode-pillar, var(--darkModeFeature) ) !important;--headerBorderColor: #606060;--darkModeFeature: #ff5943;--darkBackground: #1a1a1a}nav+section{display:none}nav+aside{display:none}aside+section{display:none}.furniture-wrapper{background-color:var(--darkBackground);margin:0 -10px;padding:0 10px 4px}@media (min-width: 30em){.furniture-wrapper{margin:0 -20px;padding:0 20px 8px}}@media (min-width: 61.25em){.furniture-wrapper{padding:0 20px}}@media (min-width: 81.25em){.furniture-wrapper:before{content:"";width:calc((100vw - 1298px)/2);height:100%;position:absolute;left:calc((100vw - 1298px)/-2);background-color:var(--darkBackground);border-right:1px solid var(--headerBorderColor)}.furniture-wrapper:after{content:"";width:calc((100vw - 1298px)/2);height:100%;position:absolute;right:calc((100vw - 1298px)/-2);background-color:var(--darkBackground)}}.furniture-wrapper .article-header,.furniture-wrapper [data-gu-name=title] a,.furniture-wrapper [data-gu-name=title] span{color:var(--new-pillar-colour, --darkModeFeature)}@media (min-width: 61.25em){.furniture-wrapper #headline>div:first-child,.furniture-wrapper [data-gu-name=headline]>div:first-child,.furniture-wrapper .headline>div:first-child{border-top:1px solid var(--headerBorderColor)}}.furniture-wrapper #headline h1,.furniture-wrapper [data-gu-name=headline] h1,.furniture-wrapper .headline h1{font-weight:700;color:#dcdcdc}.furniture-wrapper #headline figure,.furniture-wrapper [data-gu-name=headline] figure,.furniture-wrapper .headline figure{margin-top:0;margin-bottom:2px}@media (min-width: 71.25em){.furniture-wrapper #meta:before,.furniture-wrapper [data-gu-name=meta]:before{background-color:var(--headerBorderColor)}}.furniture-wrapper #meta details,.furniture-wrapper #meta summary,.furniture-wrapper #meta summary span,.furniture-wrapper [data-gu-name=meta] details,.furniture-wrapper [data-gu-name=meta] summary,.furniture-wrapper [data-gu-name=meta] summary span{color:#dcdcdc}.furniture-wrapper #meta .meta__social a,.furniture-wrapper #meta .meta__social button,.furniture-wrapper [data-gu-name=meta] .meta__social a,.furniture-wrapper [data-gu-name=meta] .meta__social button{border-color:var(--headerBorderColor);color:var(--new-pillar-colour, --darkModeFeature)}.furniture-wrapper #meta .meta__social a svg,.furniture-wrapper #meta .meta__social button svg,.furniture-wrapper [data-gu-name=meta] .meta__social a svg,.furniture-wrapper [data-gu-name=meta] .meta__social button svg{fill:var(--new-pillar-colour, --darkModeFeature)}.furniture-wrapper #meta .meta__social a:hover,.furniture-wrapper #meta .meta__social button:hover,.furniture-wrapper [data-gu-name=meta] .meta__social a:hover,.furniture-wrapper [data-gu-name=meta] .meta__social button:hover{color:var(--darkBackground);background-color:var(--new-pillar-colour, --darkModeFeature)}.furniture-wrapper #meta .meta__social a:hover svg,.furniture-wrapper #meta .meta__social button:hover svg,.furniture-wrapper [data-gu-name=meta] .meta__social a:hover svg,.furniture-wrapper [data-gu-name=meta] .meta__social button:hover svg{fill:var(--darkBackground)}.furniture-wrapper #meta div,.furniture-wrapper [data-gu-name=meta] div{color:#dcdcdc}.furniture-wrapper #meta a,.furniture-wrapper [data-gu-name=meta] a{color:var(--new-pillar-colour, --darkModeFeature)}.furniture-wrapper #meta a:hover,.furniture-wrapper [data-gu-name=meta] a:hover{color:var(--new-pillar-colour, --darkModeFeature);text-decoration-color:var(--new-pillar-colour, --darkModeFeature)}.furniture-wrapper .standfirst a,.furniture-wrapper .standfirst li a,.furniture-wrapper #standfirst a,.furniture-wrapper #standfirst li a,.furniture-wrapper [data-gu-name=standfirst] a,.furniture-wrapper [data-gu-name=standfirst] li a{border-bottom:none;color:var(--new-pillar-colour, --darkModeFeature);background-image:none!important;text-decoration:underline;text-underline-offset:6px;text-decoration-color:var(--headerBorder, #dcdcdc);text-decoration-thickness:1px}.furniture-wrapper .standfirst a:hover,.furniture-wrapper .standfirst li a:hover,.furniture-wrapper #standfirst a:hover,.furniture-wrapper #standfFirst, Listenelement-Link-Hover, Furniture-Wrapper-Standfirst-Link-Hover und Furniture-Wrapper-Standfirst-Listenelement-Link-Hover: unteren Rand entfernen und Textdekoration-Farbe auf die neue Pillar-Farbe oder Dark-Mode-Feature setzen.
Furniture-Wrapper-Standfirst-Absätze, Standfirst-Absätze und Standfirst-Datenattribut-Absätze: Farbe auf #dcdcdc setzen.
Bei minimaler Breite 61.25em: Der erste Absatz in Furniture-Wrapper-Standfirst, Standfirst und Standfirst-Datenattribut erhält einen oberen Rand von 1px solid Header-Randfarbe.
Bei minimaler Breite 71.25em: Der erste Absatz in denselben Standfirst-Elementen hat keinen oberen Rand.
Furniture-Wrapper-Standfirst-Listenelemente, Standfirst-Listenelemente und Standfirst-Datenattribut-Listenelemente: Farbe auf #dcdcdc setzen.
Bei minimaler Breite 71.25em: Das Before-Pseudo-Element von Furniture-Wrapper-Standfirst, Standfirst und Standfirst-Datenattribut erhält eine Hintergrundfarbe der Header-Randfarbe.
Bei minimaler Breite 46.25em: Das Furniture-Wrapper-Before-Pseudo-Element erhält Inhalt, volle Höhe, oben 0, absolute Position, dunkle Hintergrundfarbe, rechten Rand von 1px solid Header-Randfarbe, linke Position berechnet aus Viewport-Breite minus Scrollbar-Breite minus 738px geteilt durch negative 2, und Breite berechnet aus Viewport-Breite minus Scrollbar-Breite minus 738px geteilt durch 2. Das Furniture-Wrapper-After-Pseudo-Element erhält Inhalt, volle Höhe, oben 0, absolute Position, dunkle Hintergrundfarbe, linken Rand von 1px solid Header-Randfarbe, rechte Position berechnet aus Viewport-Breite minus Scrollbar-Breite minus 738px geteilt durch negative 2, und Breite berechnet aus Viewport-Breite minus Scrollbar-Breite minus 738px geteilt durch 2.
Bei minimaler Breite 61.25em: Das Furniture-Wrapper-Before-Pseudo-Element erhält Inhalt, Breite berechnet aus Viewport-Breite minus Scrollbar-Breite minus 978px geteilt durch 2, und linke Position berechnet aus Viewport-Breite minus Scrollbar-Breite minus 978px geteilt durch negative 2. Das Furniture-Wrapper-After-Pseudo-Element erhält Inhalt, Breite berechnet aus Viewport-Breite minus Scrollbar-Breite minus 978px geteilt durch 2, und rechte Position berechnet aus Viewport-Breite minus Scrollbar-Breite minus 978px geteilt durch negative 2.
Bei minimaler Breite 71.25em: Das Furniture-Wrapper-Before-Pseudo-Element erhält Inhalt, Breite berechnet aus Viewport-Breite minus Scrollbar-Breite minus 1138px geteilt durch 2, und linke Position berechnet aus Viewport-Breite minus Scrollbar-Breite minus 1138px geteilt durch negative 2. Das Furniture-Wrapper-After-Pseudo-Element erhält Inhalt, Breite berechnet aus Viewport-Breite minus Scrollbar-Breite minus 1138px geteilt durch 2, und rechte Position berechnet aus Viewport-Breite minus Scrollbar-Breite minus 1138px geteilt durch negative 2.
Bei minimaler Breite 81.25em: Das Furniture-Wrapper-Before-Pseudo-Element erhält Inhalt, Breite berechnet aus Viewport-Breite minus Scrollbar-Breite minus 1298px geteilt durch 2, und linke Position berechnet aus Viewport-Breite minus Scrollbar-Breite minus 1298px geteilt durch negative 2. Das Furniture-Wrapper-After-Pseudo-Element erhält Inhalt, Breite berechnet aus Viewport-Breite minus Scrollbar-Breite minus 1298px geteilt durch 2, und rechte Position berechnet aus Viewport-Breite minus Scrollbar-Breite minus 1298px geteilt durch negative 2.
Furniture-Wrapper-Keyline-4-SVG und Lines-Datenattribut-SVG: Stroke auf Header-Randfarbe setzen.
Furniture-Wrapper-Meta-Social, Meta-Social-Listenelement-Link-Span, Meta-Kommentar, Meta-Datenattribut-Meta-Social, Meta-Datenattribut-Meta-Social-Listenelement-Link-Span und Meta-Datenattribut-Meta-Kommentar: Randfarbe auf Header-Randfarbe setzen.
Artikel-Body-h2 und interaktiver-Inhalt-Body-h2: Schriftgewicht auf 200 setzen. Wenn das h2 strong enthält, Schriftgewicht auf 700 setzen.
Div mit Print-Layout-Hide-Attribut ul: Hintergrundbild entfernen.
Root mit Rendering-Target-Apps-Attribut: Follow-Text auf #dcdcdc setzen, Follow-Icon-Fill auf neue Pillar-Farbe, Standfirst-Text auf #dcdcdc, Standfirst-Link-Text auf neue Pillar-Farbe, Standfirst-Link-Rand auf neue Pillar-Farbe, Byline auf neue Pillar-Farbe, Artikel-Meta-Linien auf Header-Randfarbe und Byline auf Dark-Mode-Pillar.
Root mit Rendering-Target-Apps-Attribut Byline-Span: Farbe auf neue Pillar-Farbe setzen.
Root mit Rendering-Target-Apps-Attribut Byline-Span-Div, das ein folgendes FollowWapper-Element hat: Hintergrundbild auf Header-Randfarbe setzen, Header-Randfarbe 1px und transparent 1px.
Bei Prefers-Color-Scheme-Medienabfrage.Jeder in Exmouth Marina wusste, dass eine nicht explodierte deutsche Bombe im Wasser lag. Alte Hasen am Dock sagten das seit dem Ende des Zweiten Weltkriegs. Aber die Marina war ausgebaggert und erneut ausgebaggert worden, und nichts war jemals aufgetaucht. Es hatte begonnen, wie ein Ammenmärchen zu klingen. Die Marina ist ein geschäftiger Wasserabschnitt: ein kommerzieller Hafen bis in die späten 1990er Jahre, der seitdem in ein Zuhause für private Yachten umgewandelt wurde. Eine Bombe, so würde man denken, hätte es schwer, verborgen zu bleiben. Aber mitten am Nachmittag des Mittwochs, dem 14. Januar 2026, 81 Jahre nach dem Ende des Zweiten Weltkriegs, erhielt Steve Hockings-Thompson, der Manager der Exmouth Marina, einen Anruf von der Crew eines Baggerschiffs, die ihm sagte, er solle besser zum Boot kommen. „Ich dachte: ‚Oh je. Wir haben hier ein kleines Problem‘“, erzählte Hockings-Thompson mir kürzlich. Er ging zum Bagger, einem gedrungenen Lastkahn, der Schlick und anderen Schutt vom Grund der Marina auf ein flaches Deck hievt, das einem Stahlsieb ähnelt. Auf dem Deck lag ein riesiger Metallklumpen, bedeckt mit Schlamm und Ste
