@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 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.
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 am unteren Rand aus mit einem unteren Rand von 40px und einem rechten Rand von 3px. Die Container für die Stummschaltungs- und Ton-Einschaltungs-Steuerung befinden sich am rechten Rand mit 10px linkem Padding. Die Caption-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 maximale Höhenbegrenzung.
Selbst gehostete Video-Inseln im Body-Bereich sind voll breit, auf 620px begrenzt, als Blöcke angezeigt mit 12px oberem und unterem Rand. Ihre Loop-Figuren und Videos sind voll breit mit automatischer Höhe, auf 620px begrenzt und zentriert. Wenn die Loop-Figur ein immersives Video-Element ist, wird die max-width entfernt und die Ränder werden 12px oben und unten. Auf Bildschirmen mit mindestens 71.25em Breite erweitern sich immersive Videos auf 1140px Breite und verschieben sich 180px nach links, wobei figcaptions um 20px eingerückt werden. Auf Bildschirmen mit mindestens 81.25em Breite erweitern sie sich weiter auf 1300px und verschieben 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-Text, Pullquote-Text und Pullquote-Symbole verwenden die sekundäre Pillar-Farbe, während Blockquote-Text die Artikel-Textfarbe verwendet. Blockquotes verwenden die sekundäre Pillar als ihre Füllfarbe. Im Dunkelmodus (es sei denn, das Farbschema ist explizit auf hell gesetzt) wechseln Unterüberschriften, Pullquotes und ihre Symbole zur Dunkelmodus-Pillar-Farbe, und Blockquotes verwenden die Dunkelmodus-Pillar als ihre Füllung.
Atom-Elemente haben kein Padding. Wenn ein Atom-Element das erste seiner Art ist und von einem Absatz, einem Anmelde-Gate, einem anderen Atom oder ähnlichen Elementen gefolgt wird, oder wenn auf eine horizontale Linie (nicht die letzte) ein Absatz oder Anzeigenplatz folgt, gelten spezifische Abstandsregeln.Der von Ihnen bereitgestellte Text ist CSS-Code, kein Prosatext, daher gibt es keine natürliche englische Version davon. Es handelt sich um eine Reihe von Styling-Regeln, die:
- 14px oberes Padding zum ersten Absatz hinzufügt, der auf bestimmte Elemente (wie ein Atom-Embed, ein Anmelde-Gate oder eine horizontale Linie) innerhalb verschiedener Artikel- und Kommentar-Container folgt.
- Einen Drop-Cap-Stil (über `:first-letter`) auf dieselben Absätze in interaktiven Artikel-Layouts anwendet.
Wenn Sie möchten, kann ich erklären, was ein bestimmter Teil dieses CSS auf einfachem Deutsch tut.Ich kann das nicht als fließendes, natürliches Deutsch umschreiben. Es ist kein Prosatext – es ist ein Block aus CSS-Code (Selektoren, Eigenschaften und Media Queries). Das Umschreiben in deutsche Sätze würde seine Bedeutung ändern und seine Funktion beeinträchtigen, was dem Erhalt der Bedeutung widerspricht.
Wenn Sie möchten, kann ich:
- Erklären, was dieses CSS auf einfachem Deutsch tut
- Das CSS selbst umformatieren oder bereinigen
- Einen anderen Abschnitt mit tatsächlichem Prosatext umschreiben
Lassen Sie mich wissen, was Sie bevorzugen.Der bereitgestellte Text ist CSS-Code, kein Prosatext, daher kann er nicht in fließendes, natürliches Deutsch umgeschrieben werden, während seine Bedeutung erhalten bleibt. Wenn Sie möchten, kann ich stattdessen erklären, was dieses CSS auf einfachem Deutsch tut.Der Standfirst des Furniture-Wrappers hat einen kleinen linken Versatz. Im Artikel-Header erhalten die Label-Divs etwas oberes Padding. Die Headline 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 Kommentar-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 wird um 10px nach links verschoben mit passendem Padding und erhält 2px oberes Padding bei 46.25em und darüber. Seine Absätze haben reguläres 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, ohne maximale Breite, ohne unteren Rand und mit einer Mindesthöhe von 46px. Spans darin 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 Caption-Schaltfläche ist ein block-level, absolut positioniertes Element unten rechts, mit einem kreisförmigen Hintergrund, ohne 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 Follow-Text, Follow-Icon-Füllung, Standfirst-Text, Standfirst-Link-Text und -Rand sowie Byline-Farbe. Die Wurzel 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 #standfErstens, 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-Absätze: Textfarbe auf #dcdcdc setzen.
Bei Mindestbreite 61.25em: Der erste Standfirst-Absatz erhält einen oberen Rand von 1px solid Header-Randfarbe.
Bei Mindestbreite 71.25em: Der obere Rand des ersten Standfirst-Absatzes wird entfernt.
Furniture-Wrapper-Standfirst-Listenelemente, Standfirst-Listenelemente und Standfirst-Listenelemente: Textfarbe auf #dcdcdc setzen.
Bei Mindestbreite 71.25em: Das Standfirst-Vorher-Pseudo-Element erhält eine Hintergrundfarbe von Header-Randfarbe.
Bei Mindestbreite 46.25em: Das Furniture-Wrapper-Vorher-Pseudo-Element hat leeren Inhalt, volle Höhe, oben 0, absolute Position, dunkle Hintergrundfarbe, rechten Rand von 1px solid Header-Randfarbe, linken Versatz 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-Nachher-Pseudo-Element hat leeren Inhalt, volle Höhe, oben 0, absolute Position, dunkle Hintergrundfarbe, linken Rand von 1px solid Header-Randfarbe, rechten Versatz 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 Mindestbreite 61.25em: Das Furniture-Wrapper-Vorher-Pseudo-Element hat leeren Inhalt, Breite berechnet aus Viewport-Breite minus Scrollbar-Breite minus 978px geteilt durch 2, und linken Versatz berechnet aus Viewport-Breite minus Scrollbar-Breite minus 978px geteilt durch negative 2. Das Furniture-Wrapper-Nachher-Pseudo-Element hat leeren Inhalt, Breite berechnet aus Viewport-Breite minus Scrollbar-Breite minus 978px geteilt durch 2, und rechten Versatz berechnet aus Viewport-Breite minus Scrollbar-Breite minus 978px geteilt durch negative 2.
Bei Mindestbreite 71.25em: Das Furniture-Wrapper-Vorher-Pseudo-Element hat leeren Inhalt, Breite berechnet aus Viewport-Breite minus Scrollbar-Breite minus 1138px geteilt durch 2, und linken Versatz berechnet aus Viewport-Breite minus Scrollbar-Breite minus 1138px geteilt durch negative 2. Das Furniture-Wrapper-Nachher-Pseudo-Element hat leeren Inhalt, Breite berechnet aus Viewport-Breite minus Scrollbar-Breite minus 1138px geteilt durch 2, und rechten Versatz berechnet aus Viewport-Breite minus Scrollbar-Breite minus 1138px geteilt durch negative 2.
Bei Mindestbreite 81.25em: Das Furniture-Wrapper-Vorher-Pseudo-Element hat leeren Inhalt, Breite berechnet aus Viewport-Breite minus Scrollbar-Breite minus 1298px geteilt durch 2, und linken Versatz berechnet aus Viewport-Breite minus Scrollbar-Breite minus 1298px geteilt durch negative 2. Das Furniture-Wrapper-Nachher-Pseudo-Element hat leeren Inhalt, Breite berechnet aus Viewport-Breite minus Scrollbar-Breite minus 1298px geteilt durch 2, und rechten Versatz berechnet aus Viewport-Breite minus Scrollbar-Breite minus 1298px geteilt durch negative 2.
Furniture-Wrapper-Keyline-4-SVG und Lines-SVG: Strich auf Header-Randfarbe setzen.
Furniture-Wrapper-Meta-Social, Meta-Social-Listenelement-Link-Span, Meta-Kommentar, Meta-Social, Meta-Social-Listenelement-Link-Span und 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 data-print-layout hide ul: Hintergrundbild entfernen.
Wurzel mit data-rendering-target apps: Follow-Text auf #dcdcdc setzen, Follow-Icon-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.
Wurzel mit data-rendering-target apps Byline-Span: Farbe auf neue Pillar-Farbe setzen.
Wurzel mit data-rendering-target apps Byline-Span-Div, das ein folgendes FollowWapper-Element hat: Hintergrundbild auf Header-Randfarbe setzen, Header-Randfarbe 1px und transparent 1px.
Bei prefers-color-schemeColin Kaepernick wacht immer noch jeden Morgen um 4:30 Uhr auf, um zu trainieren. „Krafttraining, Schnelligkeitstraining, Positionstraining – ich mache immer noch all die gleichen Workouts wie damals, als ich gespielt habe“, sagt er fröhlich. „Dann gehe ich meinen restlichen Tag an.“ Es ist fast 10 Jahre her, seit Kaepernick sein letztes Spiel auf höchstem Niveau gespielt hat. Seine Karriere wurde plötzlich und grausam abgebrochen, gerade als sie ihren Höhepunkt erreichte, nachdem die National Football League (NFL) im Wesentlichen die Reihen schloss und ihn ausschloss, weil er zu politisch war. Jetzt, mit 38, weiß er, dass seine Chancen auf eine Rückkehr von Tag zu Tag schrumpfen, aber er bleibt so spielbereit wie eh und je. „Ich bleibe unerbittlich dabei“, fährt er in seinem lockeren Drawl fort. „Ich betrachte es aus der Perspektive: ‚Was sind die Dinge, die ich kontrollieren kann?‘ Und was ich weiß, dass ich kontrollieren kann, ist, vorbereitet zu sein, wenn eine Gelegenheit kommt, und auch weiterhin selbst Türen anzuklopfen, nach Wegen und Möglichkeiten zu suchen … einfach widerstandsfähig und fokussiert und diszipliniert zu bleiben – das hat mich zu diesem Punkt in meinem Leben gebracht.“
Kaepernicks Geschichte ist definiert durch das, was Ende 2016 geschah, als er wiederholt ablehnte, vor dem Spiel für die Nationalhymne aufzustehen – was zu Buhrufen auf dem Spielfeld, Beleidigungen und Empörung außerhalb davon und zum Ausschluss aus dem Sport, den er immer noch liebt, führte. Damals war er einer der größten Namen im Spiel: Quarterback für die San Francisco 49ers, ein nationaler Prominenter, gesponsert von großen Marken. Rückblickend haben seine Handlungen so viel genährt, was seitdem geschehen ist: der Aufstieg von Donald Trump, die Black-Lives-Matter-Proteste und eine globale Abrechnung mit Rassismus, dann die Gegenreaktion gegen das, was heute „Woke 1.0“ genannt wird, und das Wiederaufleben eines weißen Nationalismus, von dem die USA selbstgefällig annahmen, er liege in der Vergangenheit.
Durch all das hat Kaepernick meist geschwiegen. Er hat selten mit den Medien gesprochen und sich mit öffentlichen Statements zurückgehalten. Warum, frage ich. Es muss doch Zeiten gegeben haben, in denen er sich äußern wollte?
„Oh, absolut“, antwortet er. „Aber ich komme darauf zurück: Was versuche ich damit zu erreichen?“ Die Versuchung, all die Lügen, die schlechten Takes, die Anschuldigungen zu widerlegen, sei groß gewesen, gibt er zu, aber: „Ich erkannte, dass nach den Protesten von 2016 viel Bewegung und Anstrengung unternommen wurde, um es so erscheinen zu lassen, als wäre ich die einzige Stimme in diesem Raum, die Arbeit leistet, und ich wäre die Person, die diese Bewegung allein anführt, und das ist einfach nicht die Realität.“
Persönlich ist Kaepernick freundlich und entspannt, er spricht in einem Videoanruf aus dem Büro seines Agenten in New York (verständlicherweise mag er es nicht, preiszugeben, wo er lebt oder seine Zeit verbringt). Selbst wenn er über die schlimmsten Momente seines Lebens spricht, was die meiste Zeit unseres 90-minütigen Gesprächs der Fall ist, ist sein Gesicht standardmäßig ein Lächeln und er lacht schnell. Er sieht so schick aus wie immer
