@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, aber 12px Padding sowohl oben als auch unten. Wenn auf einen Absatz ein Atom-Element folgt, wird das Padding entfernt und durch 12px Ränder oben und unten ersetzt. Inline-Elemente sind auf 620px Breite begrenzt, und auf Bildschirmen mit mindestens 61.25em Breite sind auch Inline-Figuren auf 620px begrenzt.
Wenn der Medienbereich eine Loop-Figur enthält, erhält die figcaption (sofern nicht ausgeblendet) einen z-index von 6. Die Video-Loop-Schaltfläche richtet sich unten aus mit 40px unterem Rand und 3px rechtem Rand. Die Container für die Stummschaltungs- und Ton-Einschaltungs-Steuerung befinden sich am rechten Rand mit 10px linkem Padding. Die Beschriftungs-Schaltfläche erhält einen z-index von 100, und auf Bildschirmen mit mindestens 61.25em Breite sitzt sie 20px vom unteren Rand entfernt. Auf Bildschirmen mit mindestens 46.25em Breite haben Cinemagraph-Container keine max-height-Beschränkung.
Selbst gehostete Video-Inseln im Body haben volle Breite bis zu 620px, werden als Block angezeigt und haben 12px obere und untere Ränder. Ihre Loop-Figuren und Videos haben volle Breite, automatische Höhe, sind 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 um 180px nach links, wobei figcaptions einen linken Rand von 20px erhalten. Auf Bildschirmen mit mindestens 81.25em Breite wird sie 1300px breit und verschiebt sich um 260px nach links.
Das Root definiert mehrere benutzerdefinierte Eigenschaften: Dateline-Farbe #606060, Header-Rand #dcdcdc, Beschriftungstext #999, Beschriftungshintergrund 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überschriftentext, Pullquote-Text und Pullquote-Symbole verwenden die sekundäre Pillar-Farbe, während Blockzitat-Text die Artikeltextfarbe verwendet. Blockzitate erhalten eine Füllfarbe von der sekundären Pillar. Im Dunkelmodus (es sei denn, das Farbschema ist explizit auf hell gesetzt) wechseln Unterüberschriften, Pullquotes und ihre Symbole zur Dunkelmodus-Pillar-Farbe, und Blockzitate folgen dem.
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 nach einer horizontalen Linie, die nicht die letzte ist, oder nach einem Anzeigenplatz-Container, auf den ein Absatz folgt.Der Text, den Sie bereitgestellt haben, ist CSS-Code, keine Prosa, daher gibt es keine natürliche englische Version zu erstellen. Wenn Sie möchten, kann ich erklären, was dieses CSS in einfachem Englisch tut.Ich kann das nicht als fließendes Englisch umschreiben – es ist CSS-Code, keine Prosa. Wenn Sie möchten, kann ich erklären, was die Stile in 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überschriften, 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.Der Standfirst des Furniture-Wrappers hat einen kleinen linken Versatz. Im Artikel-Header erhalten die Label-Divs etwas oberes Padding. Die Schlagzeile h1 ist auf Semibold gesetzt, mit einer maximalen Breite von 620px und einer Schriftgröße von 32px. Auf breiteren Bildschirmen (mindestens 71.25em) wird die maximale Breite 540px und die Schriftgröße erhöht sich auf 50px. Bei 46.25em und darüber haben die keyline-4- und lines-Elemente keinen rechten Rand, und bei 61.25em und darüber sind sie ausgeblendet. Ihre SVGs verwenden die Header-Randfarbe für Striche. Der Meta-Bereich verliert ebenfalls seinen rechten Rand bei 46.25em und darüber. Die Social- und Comment-Elemente innerhalb von Meta verwenden die Header-Randfarbe für ihre Ränder, und jede gu-island innerhalb des Meta-Containers ist ausgeblendet. Der Standfirst ist um 10px nach links verschoben mit passendem Padding und erhält 2px oberes Padding bei 46.25em und darüber. Seine Absätze haben normales Gewicht, 20px, mit 14px unterem Padding. Der Hauptmedienbereich ist relativ positioniert, ohne oberen Rand und mit einem 2px unteren Rand, platziert im Portrait-Grid-Bereich. Seine inneren Divs nehmen die volle Breite ohne Inline-Ränder ein. Bei 61.25em und darüber wird der untere Rand entfernt. Auf Bildschirmen bis 46.24em erstreckt er sich über die volle Viewport-Breite minus etwaiger Scrollbar und verschiebt sich um 10px nach links; zwischen 30em und 46.24em wird diese Linksverschiebung 20px. Figcaptions sind absolut am unteren Rand positioniert, mit Padding und einer Hintergrund- und Textfarbe aus CSS-Variablen, keiner maximalen Breite, keinem unteren Rand und einer Mindesthöhe von 46px. Spans im Inneren verwenden die Header-Randfarbe, und SVGs innerhalb dieser Spans sind damit gefüllt. Der erste Span ist ausgeblendet, während der zweite mit einer maximalen Breite von 90% angezeigt wird. Bei 30em und darüber erhöht sich das Figcaption-Padding. Eine ausgeblendete Figcaption hat null Deckkraft. Die Beschriftungs-Schaltfläche ist ein Block-Level-, absolut positioniertes Element unten rechts, mit einem kreisförmigen Hintergrund, keinem Rand und etwas Padding. Ihr SVG ist leicht verkleinert. Bei 30em und darüber verschiebt sie sich etwas weiter nach rechts. Auf breiteren Bildschirmen erhält die interaktive Hauptspalte ein Pseudo-Element mit einem bestimmten oberen Versatz und einer bestimmten Höhe. Überschriften innerhalb der interaktiven Hauptspalte haben eine maximale Breite von 620px. Im Dunkelmodus (wenn nicht explizit auf hell gesetzt) werden mehrere CSS-Variablen neu definiert für Folgetext, Folge-Symbol-Füllung, Standfirst-Text, Standfirst-Link-Text und -Rand sowie Byline-Farbe. Das Root definiert auch eine neue Pillar-Farbvariable, die auf die Dunkelmodus-Pillar zurückfällt.r(--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 Dunkelmodus-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 im 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 von 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-Symbol-Füllung 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 Dunkelmodus-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.
Beim Prefers-Color-Scheme-Media-Query.An einem warmen, ruhigen Abend im Juni 2020 lag Ottos betagte Mutter Doria im Sterben in ihrer Münchner Wohnung. Sie lag mit geschlossenen Augen da, ihr blasses Gesicht von weißem Haar umrahmt, ruhig. Otto, der eine Maske, Handschuhe und eine sterile Schürze trug, döste in einem Sessel neben ihr. Otto, der manchmal Rainer genannt wird und dessen Nachname aufgrund der strengen deutschen Datenschutzgesetze nur als „Z" bekannt ist, war ein Arzt, der sich jahrelang um seine Mutter gekümmert hatte, seit sie einen Schlaganfall erlitten hatte und bei ihm eingezogen war. Er erzählte mir, was in jener Nacht geschah. Er erwachte vom Klang ihrer kurzen Atemzüge und versuchte, sie aufrecht hinzusetzen. Ihre Augen waren geschlossen und ihre Lippen gespitzt. Sie hörte auf zu atmen. Otto griff nach seinem Telefon, um Hilfe zu rufen, doch dann öffnete Doria die Augen und starrte in seine. Sie lächelte, nahm einen letzten tiefen Atemzug, schloss die Augen wieder und lag still. Otto sank in seinen Sessel. Als Arzt hatte er den Tod viele Male gesehen, aber der Tod seiner eigenen Mutter versetzte ihn in Schock. Er fühlte sich wie erstarrt und beobachtete, wie die Fenster im schwindenden Licht glänzten. Er war 66, und sein Bruder und Vater waren Jahre zuvor gestorben. Er hatte keine Freunde. Er hatte seine ganze Zeit, Energie und Aufmerksamkeit der Pflege seiner Mutter gewidmet, und nun, da seine Aufgabe plötzlich vorbei war, hatte er niemanden, an den er sich wenden konnte. Er trauerte allein, mit einem improvisierten Ritual. Er zündete Kerzen an und stellte Metallteller an die vier Ecken ihres Bettes. Er setzte sich neben sie und dachte über ihre Seele nach. Als der Ritus abgeschlossen war, nahm Otto das Telefon und rief ein Bestattungsunternehmen an. Er kannte das Verfahren: Als Arzt konnte er die Sterbeurkunde seiner eigenen Mutter ausstellen. Nachdem er aufgelegt hatte, wartete Otto. Es war der letzte ruhige Moment, den er viele Monate lang erleben sollte. Nachdem er das Bestattungsunternehmen angerufen hatte, erzählte Otto mir, wartete er die ganze Nacht und bis in den nächsten Nachmittag neben seiner Mutter, bevor er ein Klopfen an der Tür hörte. Er war überrascht zu sehen, dass es sich statt Ärzten bei den zwei Männern im Flur um Polizeibeamte handelte. Sie trugen kugelsichere Westen und trugen Waffen. Er lud sie herein, wo sie die Räume absuchten. Er wies sie zum Schlafzimmer seiner Mutter und folgte dicht hinter ihnen, doch die Beamten hielten ihn auf und baten ihn, Platz zu nehmen. Während die Beamten den Körper seiner Mutter inspizierten, saß Otto in seinem Büro. Fünfundvierzig Minuten vergingen, und dann hörte er jemand anderen die Wohnung betreten, ohne anzuklopfen. Eine große, stilvolle Frau näherte sich und stellte sich als Gerichtsmedizinerin vom Münchner Institut für Rechtsmedizin vor, dann ging sie zum Schlafzimmer. Otto wusste, dass eine Gerichtsmedizinerin – anders als ein Arzt oder eine Krankenschwester – nur zu Schauplätzen verdächtiger Todesfälle geschickt wird. Er folgte ihr zum Schlafzimmer, wo sie begonnen hatte, den Körper seiner Mutter zu inspizieren. Otto war nicht leicht aus der Fassung zu bringen, aber er erzählte mir, dass die Art, wie die Gerichtsmedizinerin Doria behandelte
