/*!
Theme Name: swo
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: swo
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

swo is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
}

/* Sections
	 ========================================================================== */

/**
 * Remove the margin in all browsers.
 */
body {
	margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
	display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
	font-size: 1.7em;
	margin: 0.67em 0;
}

/* Grouping content
	 ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
	font-family: monospace, monospace;
	font-size: 1em;
}

/* Text-level semantics
	 ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */
a {
	background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	text-decoration: underline dotted;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
	font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

/**
 * Add the correct font size in all browsers.
 */
small {
	font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

/* Embedded content
	 ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */
img {
	border-style: none;
}

/* Forms
	 ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
	overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
	text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
	padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */
legend {
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
	vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
	overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px;
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit;
}

/* Interactive
	 ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
	display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
	display: list-item;
}

/* Misc
	 ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */
template {
	display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
	display: none;
}

/* Box sizing
--------------------------------------------- */

/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
	box-sizing: inherit;
}

html {
	box-sizing: border-box;
}

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/

/* Typography
--------------------------------------------- */
body,
button,
input,
select,
optgroup,
textarea {
	color: #404040;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
	font-size: 1rem;
	line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
}

p {
	margin-bottom: 1.5em;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", courier, monospace;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/* Elements
--------------------------------------------- */
body {
	background: #fff;
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul,
ol {
	margin: 0 0 1.5em 0em;
	padding-left:20px;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: 700;
}

dd {
	margin: 0 1.5em 1.5em;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

img {
	height: auto;
	max-width: 100%;
}

figure {
	margin: 1em 0;
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

/* Links
--------------------------------------------- */
a {
	color: var(--color-red);
}

a:visited {
}

a:hover,
a:focus,
a:active {
	color: var(--color-red);
}

a:focus {
	outline: thin dotted;
}

a:hover,
a:active {
	outline: 0;
}

/* Forms
--------------------------------------------- */
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
	background: #e6e6e6;
	color: rgba(0, 0, 0, 0.8);
	line-height: 1;
	padding: 0.6em 1em 0.4em;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa;
}

button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
	border-color: #aaa #bbb #bbb;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 3px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #111;
}

select {
	border: 1px solid #ccc;
}

textarea {
	width: 100%;
}

/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/

/* Mobile Navigation
--------------------------------------------- */
.swo_mob_nav{
	display:none;
	flex-direction:column;
	width:100%;
	position:sticky;
	top:0;
	z-index:9999;
	box-shadow:0 2px 8px rgba(0,0,0,.2);
}
.swo_mob_nav__bar{
	display:flex;
	align-items:center;
	justify-content:space-between;
	padding:10px 16px;
	background:var(--color-red);
}
.swo_mob_nav__logo,
.swo_mob_nav__logo .custom-logo-link{
	display:flex;
	align-items:center;
}
.swo_mob_nav__logo img{
	max-height:28px;
	width:auto;
}
.swo_mob_nav__hamburger{
	background:none;
	border:none;
	cursor:pointer;
	font-size:22px;
	color:#fff;
	padding:6px 8px;
	line-height:1;
}
.swo_mob_nav__drawer{
	display:none;
	width:100%;
	background:#fff;
	border-top:1px solid #e0e0e0;
}
.swo_mob_nav__drawer--open{
	display:block;
}
.swo_mob_menu{
	list-style:none;
	margin:0;
	padding:0;
}
.swo_mob_item{
	border-bottom:1px solid #f0f0f0;
}
.swo_mob_item__row{
	display:flex;
	align-items:center;
	justify-content:space-between;
}
.swo_mob_item__link{
	display:block;
	flex:1;
	padding:14px 16px;
	font-family:var(--font-secondary);
	font-size:15px;
	font-weight:600;
	color:var(--color-darkgrey);
	text-decoration:none;
}
.swo_mob_item__link:hover{
	color:var(--color-red);
}
.swo_mob_item__toggle{
	background:none;
	border:none;
	cursor:pointer;
	padding:14px 16px;
	color:var(--color-darkgrey);
	font-size:12px;
	transition:transform .2s;
}
.swo_mob_item--open > .swo_mob_item__row .swo_mob_item__toggle{
	transform:rotate(180deg);
}
.swo_mob_sub{
	display:none;
	list-style:none;
	margin:0;
	padding:0;
	background:#f7f7f7;
	border-top:1px solid #e0e0e0;
}
.swo_mob_sub--open{
	display:block;
}
.swo_mob_sub .swo_mob_item__link{
	padding-left:28px;
	font-size:14px;
	font-weight:500;
}
.swo_mob_sub .swo_mob_sub{
	background:#efefef;
}
.swo_mob_sub .swo_mob_sub .swo_mob_item__link{
	padding-left:44px;
	font-size:13px;
}

@media (max-width: 820px){
	.swo_mob_nav{
		display:flex;
	}
	#masthead{
		display:none;
	}
}

/* Navigation
--------------------------------------------- */
.main-navigation {
	display: block;
	width: 100%;
}
.main-navigation .menu-item-has-children > a .fa-chevron-down {
	font-size:12px;
	margin-left:0px;
}

.main-navigation ul {
	display: none;
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.main-navigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	float: left;
	position: absolute;
	top: 100%;
	left: -999em;
	z-index: 99999;
	flex-direction: column;
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	display: block;
	left: auto;
}

.main-navigation ul ul a {
	width: 200px;
	padding: 5px 0;
	font-size: 0.85em;
	font-weight:300;
}


.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	left: auto;
}

.main-navigation li {
	position: relative;
}

.main-navigation a {
	display: block;
	text-decoration: none;
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}

@media screen and (min-width: 37.5em) {

	.menu-toggle {
		display: none;
	}

	.main-navigation ul {
		display: flex;
	}
}

.site-main .comment-navigation,
.site-main
.posts-navigation,
.site-main
.post-navigation {
	margin: 0 0 1.5em;
}

.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
	display: flex;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	flex: 1 0 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	text-align: end;
	flex: 1 0 50%;
}

/* Posts and pages
--------------------------------------------- */
.sticky {
	display: block;
}

.post,
.page {
	margin: 0 0 0em;
}

.updated:not(.published) {
	display: none;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/* Comments
--------------------------------------------- */
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/* Widgets
--------------------------------------------- */
.widget {
	margin: 0 0 1.5em;
}

.widget select {
	max-width: 100%;
}

/* Media
--------------------------------------------- */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
}

/* Captions
--------------------------------------------- */
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100% !important;
	width: auto !important;
	height: auto;
}
.wp-caption img {
	max-width: 100%;
	height: auto;
	width: auto !important;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/* Galleries
--------------------------------------------- */
.gallery {
	margin-bottom: 1.5em;
	display: grid;
	grid-gap: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	width: 100%;
}

.gallery-columns-2 {
	grid-template-columns: repeat(2, 1fr);
}

.gallery-columns-3 {
	grid-template-columns: repeat(3, 1fr);
}

.gallery-columns-4 {
	grid-template-columns: repeat(4, 1fr);
}

.gallery-columns-5 {
	grid-template-columns: repeat(5, 1fr);
}

.gallery-columns-6 {
	grid-template-columns: repeat(6, 1fr);
}

.gallery-columns-7 {
	grid-template-columns: repeat(7, 1fr);
}

.gallery-columns-8 {
	grid-template-columns: repeat(8, 1fr);
}

.gallery-columns-9 {
	grid-template-columns: repeat(9, 1fr);
}

.gallery-caption {
	display: block;
}

/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/

/* Jetpack infinite scroll
--------------------------------------------- */

/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	display: none;
}

/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/

/* Accessibility
--------------------------------------------- */

/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 0.875rem;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
	outline: 0;
}

/* Alignments
--------------------------------------------- */
.alignleft {

	/*rtl:ignore*/
	float: left;

	/*rtl:ignore*/
	margin-right: 1.5em;
	margin-bottom: 1.5em;
}

.alignright {

	/*rtl:ignore*/
	float: right;

	/*rtl:ignore*/
	margin-left: 1.5em;
	margin-bottom: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1.5em;
}



/* ########################## CUSTOM ######################## */




/* open-sans-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/open-sans-v44-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* open-sans-regular - latin */
@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	src: url('ffonts/open-sans-v44-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* open-sans-600 - latin */
  @font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 600;
	src: url('ffonts/open-sans-v44-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
/* open-sans-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  src: url('fonts/open-sans-v44-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* ibm-plex-sans-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/ibm-plex-sans-v23-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* ibm-plex-sans-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/ibm-plex-sans-v23-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


   :root {
      --color-red: #F90E0E;
      --color-darkgrey: #353E47;
      --color-lightgrey: #DADADA;
      --color-mediumgrey: #E2E5EA;

	  --width-main:1208px;

	  --font-primary: 'IBM Plex Sans', Arial, sans-serif;
	  --font-secondary: 'Open Sans', Arial, sans-serif;
    }


body{
	font-family:var(--font-primary);
	font-size:16px;
	font-weight:400;
	background:var(--color-mediumgrey);
}	
h1, h2, h3, .h4, h5, h6{
	font-family:var(--font-secondary);
	line-height:1.1;
}
.site-header-inner{
	max-width:var(--width-main);
	margin-left:auto;
	margin-right:auto;
	display:flex;
	align-items: center; 
	justify-content: center;
	height:65px;
}
.site-header{
	background-color:var(--color-red);
	color:white;
	position:sticky;
	top:0;
	z-index:9999;
	box-shadow:0 2px 8px rgba(0,0,0,.2);
}
.site-branding img{
	width:155px;
}
.site-header .main-navigation{
	display:flex;
   	align-items: center; 
   	justify-content: flex-end;
}
.site-header .main-navigation a{
	color:white;
	font-size:16px;
	transition: .4s all ease;
}
.site-header .main-navigation a:hover{
	color:white;
	text-decoration:underline;
}
.site-header .main-navigation li{
	margin:0 10px;
}
.site-header .sub-menu{
	background-color:var(--color-red);
	padding-top:12px;
}
.site-main{
	max-width:var(--width-main);
	margin-left:auto;
	margin-right:auto;
	background:white;
	padding:40px 40px;
}

.site-main-sidebar{
	display: grid;
    grid-template-columns: minmax(300px, 725px) 1fr; 
    grid-gap: 70px;
}
.main-navigation .current_page_item{
	font-weight:600;
}
.site-header .main-navigation ul ul a{
	font-size:14px;
}
/* Home Header
--------------------------------------------- */
.swo_home_header{
	max-width:var(--width-main);
	margin:20px auto 0;
	margin-bottom:20px;
	display:flex;
	gap:16px;
	align-items:stretch;
}
.swo_home_header__left{
	position:relative;
	width:757px;
	flex-shrink:0;
}
.swo_home_header__bg{
	position:absolute;
	inset:0;
	overflow:hidden;
	z-index:0;
}
.swo_home_header__bg_img{
	position:absolute;
	inset:0;
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
}
.swo_home_header__overlay_dark{
	position:absolute;
	inset:0;
	background:rgba(0,0,0,0.5);
	display:none;
}
.swo_home_header__overlay_gradient{
	position:absolute;
	inset:0;
	background:linear-gradient(to top, #000 0%, rgba(0,0,0,0.3) 40%, rgba(0,0,0,0) 55%);
}
.swo_home_header__content{
	position:relative;
	z-index:1;
	display:flex;
	flex-direction:column;
	gap:17px;
	padding:95px 20px 0;
	height:100%;
}
.swo_home_header__title{
	font-family:var(--font-secondary);
	font-weight:800;
	font-size:26px;
	line-height:1.35;
	color:#fff;
	margin:0;
	max-width:703px;
}
.swo_home_header__subtitle{
	font-family:var(--font-primary);
	font-size:16px;
	line-height:1.3;
	color:#fff;
	margin:0;
	max-width:708px;
}
.swo_home_header__logos{
	display:flex;
	align-items:center;
	gap:30px;
}
.swo_home_header__logos img{
	height:32px;
	width:auto;
}
.swo_home_header__tipps{
	display:flex;
	flex-direction:column;
	gap:10px;
	margin-top:auto;
	padding-bottom:20px;
}
.swo_home_header__tipps_title{
	font-family:var(--font-secondary);
	font-weight:700;
	font-size:16px;
	color:#fff;
	margin:0;
	text-align:center;
}
#home-header-swiper{
	width:100%;
	overflow:hidden;
}
.swo_home_header__tipp_card{
	display:block;
	text-decoration:none;
	background:rgba(53,62,71,0.5);
	border-radius:3px;
	padding:8px 8px 10px;
	position:relative;
	min-height:91px;
	border:1px solid rgb(135, 135, 135);
	border-radius:8px;
	transition: .4s all ease;
}
.swo_home_header__tipp_card:hover{
	border:1px solid rgb(78, 78, 78);
}
.swo_home_header__tipp_meta{
	display:flex;
	justify-content:space-between;
	align-items:center;
	margin-bottom:6px;
}
.swo_home_header__liga{
	display:inline-flex;
	align-items:center;
	background:var(--color-red);
	padding:3px 8px;
	border-radius:2px;
	font-family:var(--font-secondary);
	font-weight:700;
	font-size:11px;
	color:#fff;
	line-height:1.4;
}
.swo_home_header__datetime{
	font-family:var(--font-secondary);
	font-size:12px;
	color:#fff;
}
.swo_home_header__team{
	display:flex;
	align-items:center;
	gap:6px;
	margin-bottom:5px;
}
.swo_home_header__team:last-child{
	margin-bottom:0;
}
.swo_home_header__team_logo{
	width:30px;
	height:30px;
	border-radius:2px;
	overflow:hidden;
	flex-shrink:0;
	display:flex;
	align-items:center;
	justify-content:center;
}
.swo_home_header__team_logo img{
	width:100%;
	height:100%;
	object-fit:contain;
}
.swo_home_header__team_name{
	font-family:var(--font-secondary);
	font-weight:700;
	font-size:14px;
	color:#fff;
}
#home-header-pagination{
	display:flex;
	align-items:center;
	justify-content:center;
	gap:6px;
	margin-top:12px;
}
#home-header-pagination .swiper-pagination-bullet{
	width:10px;
	height:10px;
	background:#fff;
	opacity:1;
	border-radius:5px;
	display:inline-block;
}
#home-header-pagination .swiper-pagination-bullet-active{
	width:34px;
	background:var(--color-red);
}
.swo_home_header__right{
	flex:1;
	display:flex;
	flex-direction:column;
	gap:10px;
	overflow:hidden;
	justify-content:space-between;
}
.swo_home_header__article{
	display:flex;
	gap:10px;
	text-decoration:none;
	color:inherit;
	align-items:flex-start;
}
.swo_home_header__article img{
	width:195px;
	height:117px;
	object-fit:cover;
	flex-shrink:0;
	transition:transform 0.3s ease;
}
.swo_home_header__article:hover img{
	transform:scale(1.05);
}
.swo_home_header__article_content{
	display:flex;
	flex-direction:column;
	gap:10px;
	flex:1;
}
.swo_home_header__cat{
	display:inline-flex;
	align-items:center;
	background:var(--color-red);
	padding:2px 8px;
	font-family:var(--font-secondary);
	font-style:italic;
	font-weight:700;
	font-size:10px;
	color:#fff;
	line-height:1.5;
	align-self:flex-start;
}
.swo_home_header__article_title{
	font-family:var(--font-primary);
	font-weight:700;
	font-size:14px;
	line-height:1.3;
	color:var(--color-darkgrey);
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	overflow:hidden;
}
.swo_home_header__article_meta{
	font-family:var(--font-primary);
	font-weight:300;
	font-size:11px;
	color:var(--color-darkgrey);
}
.swo_home_header__mehr{
	font-family:var(--font-secondary);
	font-weight:600;
	font-size:12px;
	color:var(--color-red);
}
.swo_home_header__mehr:hover{
	text-decoration:underline;
}
.home_slide_item{
	box-sizing:border-box;
}

/* Home Ranking
--------------------------------------------- */
.swo_home_ranking{
	max-width:var(--width-main);
	margin:20px auto;
	background:white;
	padding:30px 20px 20px;
}
.swo_home_ranking__header{
	text-align:center;
	margin-bottom:20px;
}
.swo_home_ranking__title{
	font-family:var(--font-secondary);
	font-weight:700;
	font-size:20px;
	color:var(--color-darkgrey);
	margin:0 0 6px;
}
.swo_home_ranking__subtitle{
	font-family:var(--font-secondary);
	font-weight:600;
	font-size:14px;
	color:var(--color-darkgrey);
	margin:0;
}
.swo_home_ranking__stars{
	color:var(--color-red);
	letter-spacing:2px;
	margin-left:10px;
}
.swo_home_ranking__grid{
	display:flex;
	gap:12px;
}
.swo_home_ranking__card{
	flex:1;
	display:flex;
	flex-direction:column;
	align-items:center;
	border:1px solid var(--color-lightgrey);
	border-radius:6px;
	padding:0 10px 12px;
	position:relative;
	background:#fff;
}
.swo_home_ranking__card--featured{
	border-color:var(--color-red);
	border-width:2px;
	background-color:var(--color-lightgrey);
}
.swo_home_ranking__card_top{
	display:flex;
	justify-content:space-between;
	align-items:center;
	width:100%;
	margin-bottom:0px;
	padding-top:10px;
}
.swo_home_ranking__number{
	font-family:var(--font-secondary);
	font-weight:700;
	font-size:25px;
	color:var(--color-darkgrey);
	background:var(--color-lightgrey);
	width:28px;
	height:39px;
	display:flex;
	align-items:center;
	justify-content:center;
	position: relative;
    left: -10px;
    top: -10px;
	border-bottom-left-radius: 0px;
	border-top-right-radius: 0px;
	border-top-left-radius: 0px;
	border-bottom-right-radius: 6px;
}
.swo_home_ranking__card--featured .swo_home_ranking__number{
	background:var(--color-red);
	color:#fff;
}
.swo_home_ranking__rating{
	font-family:var(--font-secondary);
	font-weight:700;
	font-size:12px;
	color:white;
	background:var(--color-darkgrey);
	padding:3px 8px;
	border-radius:3px;
	position: relative;
    right: -10px;
    top: -18px;
}
.swo_home_ranking__card--featured .swo_home_ranking__rating{
	background:var(--color-red);
}
.swo_home_ranking__logo_wrap{
	width:100%;
	height:90px;
	display:flex;
	align-items:center;
	justify-content:center;
	border-radius:4px;
	overflow:hidden;
	margin-bottom:14px;
}
.swo_home_ranking__logo_wrap img{
	max-width:80%;
	max-height:70px;
	object-fit:contain;
	transition:transform 0.3s ease;
}
.swo_home_ranking__logo_wrap:hover img{
	transform:scale(1.07);
}
.swo_home_ranking__bonus{
	display:flex;
	flex-direction:column;
	align-items:center;
	gap:2px;
	margin-bottom:14px;
	text-align:center;
	text-decoration:none;
	color:inherit;
}
.swo_home_ranking__bonus_label{
	font-family:var(--font-primary);
	font-weight:700;
	font-size:13px;
	color:var(--color-darkgrey);
}
.swo_home_ranking__bonus_value{
	font-family:var(--font-secondary);
	font-weight:800;
	font-size:22px;
	color:var(--color-red);
}
.swo_home_ranking__bonus_sub{
	font-family:var(--font-primary);
	font-size:12px;
	color:var(--color-darkgrey);
}
.swo_home_ranking__cta{
	display:flex;
	align-items:center;
	justify-content:center;
	gap:8px;
	width:100%;
	background:var(--color-red);
	color:#fff;
	font-family:var(--font-secondary);
	font-weight:700;
	font-size:13px;
	text-transform:uppercase;
	text-decoration:none;
	padding:10px;
	border-radius:4px;
	letter-spacing:0.5px;
	margin-bottom:10px;
	transition:background 0.2s ease, color 0.2s ease;
}
.swo_home_ranking__cta:hover{
	opacity:1;
	background:var(--color-darkgrey);
	color:#fff;
	text-decoration:none;
}
.swo_home_ranking__cta_icon{
	font-size:16px;
}
.swo_home_ranking__disclaimer{
	font-family:var(--font-primary);
	font-size:10px;
	color:#999;
	text-align:center;
}
.swo_home_ranking__footer{
	margin-top:20px;
	padding-top:16px;
	border-top:1px solid var(--color-lightgrey);
}
.swo_home_ranking__features{
	display:flex;
	gap:20px;
   	align-items: center; 
   	justify-content: space-between;
}
.swo_home_ranking__feature{
	display:flex;
	align-items:center;
	gap:8px;
	font-family:var(--font-primary);
	font-weight:600;
	font-size:14px;
	color:var(--color-darkgrey);
}
.swo_home_ranking__check{
	width:24px;
	height:24px;
	flex-shrink:0;
}
.swo_home_ranking__feature_last{
	justify-content: flex-end;
}

/* Top Ranking (SC top-ranking)
--------------------------------------------- */
.swo_top_ranking{
	max-width:var(--width-main);
	margin:20px auto;
	background:white;
	padding:0px;
}
.swo_top_ranking__grid{
	display:flex;
	gap:12px;
}
.swo_top_ranking__card{
	flex:1;
	display:flex;
	flex-direction:column;
	align-items:center;
	border:1px solid var(--color-lightgrey);
	border-radius:6px;
	padding:0 10px 12px;
	position:relative;
	background:#fff;
}
.swo_top_ranking__card--featured{
	border-color:var(--color-red);
	border-width:2px;
	background-color:var(--color-lightgrey);
}
.swo_top_ranking__card_top{
	display:flex;
	justify-content:space-between;
	align-items:center;
	width:100%;
	padding-top:10px;
}
.swo_top_ranking__number{
	font-family:var(--font-secondary);
	font-weight:700;
	font-size:25px;
	color:var(--color-darkgrey);
	background:var(--color-lightgrey);
	width:28px;
	height:39px;
	display:flex;
	align-items:center;
	justify-content:center;
	position:relative;
	left:-10px;
	top:-10px;
	border-bottom-right-radius:6px;
}
.swo_top_ranking__card--featured .swo_top_ranking__number{
	background:var(--color-red);
	color:#fff;
}
.swo_top_ranking__rating{
	font-family:var(--font-secondary);
	font-weight:700;
	font-size:12px;
	color:white;
	background:var(--color-darkgrey);
	padding:3px 8px;
	border-radius:3px;
	position:relative;
	right:-10px;
	top:-17px;
}
.swo_top_ranking__card--featured .swo_top_ranking__rating{
	background:var(--color-red);
}
.swo_top_ranking__logo_wrap{
	width:100%;
	height:90px;
	display:flex;
	align-items:center;
	justify-content:center;
	border-radius:4px;
	overflow:hidden;
	margin-bottom:14px;
}
.swo_top_ranking__logo_wrap img{
	max-width:80%;
	max-height:70px;
	object-fit:contain;
	transition:transform 0.3s ease;
}
.swo_top_ranking__logo_wrap:hover img{
	transform:scale(1.07);
}
.swo_top_ranking__bonus{
	display:flex;
	flex-direction:column;
	align-items:center;
	gap:2px;
	margin-bottom:14px;
	text-align:center;
	text-decoration:none;
	color:inherit;
}
.swo_top_ranking__bonus_label{
	font-family:var(--font-primary);
	font-weight:700;
	font-size:13px;
	color:var(--color-darkgrey);
}
.swo_top_ranking__bonus_value{
	font-family:var(--font-secondary);
	font-weight:800;
	font-size:22px;
	color:var(--color-red);
}
.swo_top_ranking__bonus_sub{
	font-family:var(--font-primary);
	font-size:12px;
	color:var(--color-darkgrey);
}
.swo_top_ranking__cta{
	display:flex;
	align-items:center;
	justify-content:center;
	gap:8px;
	width:100%;
	background:var(--color-red);
	color:#fff;
	font-family:var(--font-secondary);
	font-weight:700;
	font-size:13px;
	text-transform:uppercase;
	text-decoration:none;
	padding:10px;
	border-radius:4px;
	letter-spacing:0.5px;
	margin-bottom:10px;
	transition:background 0.2s ease, color 0.2s ease;
}
.swo_top_ranking__cta:hover{
	background:var(--color-darkgrey);
	color:#fff;
	text-decoration:none;
}
.swo_top_ranking__cta_icon{
	font-size:16px;
}
.swo_top_ranking__disclaimer{
	font-family:var(--font-primary);
	font-size:10px;
	color:#999;
	text-align:center;
}

/* Magazine Top
--------------------------------------------- */
.swo_mag_top{
	width:100%;
	margin:20px 0;
}
.swo_mag_top__inner{
	max-width:var(--width-main);
	margin:0 auto;
}
.swo_mag_main{
	display:grid;
	grid-template-columns:1fr 1fr 1fr;
	grid-template-rows:1fr 1fr;
	gap:4px;
	height:520px;
}
.swo_mag_main__item{
	position:relative;
	display:flex;
	text-decoration:none;
	color:#fff;
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
	overflow:hidden;
}
.swo_mag_main__item--large{
	grid-row:1 / 3;
}
.swo_mag_main__item--small{
	grid-row:span 1;
}
.swo_mag_main__overlay{
	position:absolute;
	inset:0;
	background:linear-gradient(to top, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0.1) 50%, rgba(0,0,0,0) 100%);
}
.swo_mag_main__content{
	position:relative;
	z-index:1;
	display:flex;
	flex-direction:column;
	justify-content:flex-end;
	gap:6px;
	padding:14px;
	width:100%;
}
.swo_mag_main__cat{
	display:inline-block;
	align-self:flex-start;
	background:var(--color-red);
	color:#fff;
	font-family:var(--font-secondary);
	font-weight:700;
	font-size:11px;
	padding:2px 8px;
}
.swo_mag_main__title{
	font-family:var(--font-secondary);
	font-weight:700;
	font-size:18px;
	line-height:1.3;
	color:#fff;
}
.swo_mag_main__item--small .swo_mag_main__title{
	font-size:14px;
}
.swo_mag_main__meta{
	font-family:var(--font-primary);
	font-size:12px;
	color:rgba(255,255,255,0.8);
}

/* Magazine Section
--------------------------------------------- */
.swo_mag_section{
	width:100%;
	margin:20px 0;
}
.swo_mag_section__inner{
	max-width:var(--width-main);
	margin:0 auto;
	background:#fff;
	padding:40px;
}
.swo_mag_page_title{
	max-width:var(--width-main);
	margin:20px auto 0;
	font-family:var(--font-secondary);
	font-weight:800;
	font-size:28px;
	color:var(--color-darkgrey);
}
.swo_mag_section__inner h2{
	font-family:var(--font-secondary);
	font-weight:800;
	font-size:24px;
	color:var(--color-darkgrey);
	margin:0 0 20px;
}

/* Magazine Small Grid
--------------------------------------------- */
.swo_mag_small{
	display:grid;
	grid-template-columns:repeat(3, 1fr);
	gap:30px 24px;
}
.swo_mag_small--4{
	grid-template-columns:repeat(4, 1fr);
}
.swo_mag_small__item{
	display:flex;
	flex-direction:column;
	gap:10px;
}
.swo_mag_small__img_wrap{
	display:block;
	overflow:hidden;
}
.swo_mag_small__img_wrap img{
	width:100%;
	height:200px;
	object-fit:cover;
	display:block;
	transition:transform 0.3s ease;
}
.swo_mag_small__img_wrap:hover img{
	transform:scale(1.04);
}
.swo_mag_small__content{
	display:flex;
	flex-direction:column;
	gap:6px;
}
.swo_mag_small__title{
	font-family:var(--font-primary);
	font-weight:700;
	font-size:15px;
	line-height:1.4;
	color:var(--color-darkgrey);
	text-decoration:none;
}
.swo_mag_small__title:hover{
	color:var(--color-red);
}
.swo_mag_small__meta{
	font-family:var(--font-primary);
	font-size:12px;
	color:#888;
}
.swo_mag_small__more{
	font-family:var(--font-secondary);
	font-weight:700;
	font-size:13px;
	color:var(--color-red);
	text-decoration:none;
}
.swo_mag_small__more:hover{
	text-decoration:underline;
}

/* Related Posts
--------------------------------------------- */
.swo_related_posts{
	width:100%;
	max-width:var(--width-main);
	background:#fff;
	margin:10px auto;
	padding:20px 40px;
}

/* Magazine List (sc-magazine-all-new)
--------------------------------------------- */
.swo_mag_list{
	display:flex;
	flex-direction:column;
	gap:24px;
}
.swo_mag_list__title{
	font-family:var(--font-secondary);
	font-size:22px;
	font-weight:700;
	color:var(--color-darkgrey);
	margin:0 0 8px;
}
.swo_mag_list__item{
	display:flex;
	gap:20px;
	align-items:flex-start;
	border-bottom:1px solid #eee;
	padding-bottom:24px;
}
.swo_mag_list__img_wrap{
	flex:0 0 220px;
	display:block;
	overflow:hidden;
}
.swo_mag_list__img_wrap img{
	width:100%;
	height:150px;
	object-fit:cover;
	display:block;
	transition:transform 0.3s ease;
}
.swo_mag_list__img_wrap:hover img{
	transform:scale(1.04);
}
.swo_mag_list__content{
	display:flex;
	flex-direction:column;
	gap:8px;
	flex:1;
}
.swo_mag_list__meta{
	display:flex;
	align-items:center;
	gap:10px;
}
.swo_mag_list__cat{
	background:var(--color-red);
	color:#fff;
	font-family:var(--font-secondary);
	font-weight:700;
	font-size:11px;
	padding:2px 8px;
	white-space:nowrap;
}
.swo_mag_list__meta_info{
	font-family:var(--font-primary);
	font-size:12px;
	color:#888;
}
.swo_mag_list__headline{
	font-family:var(--font-secondary);
	font-weight:700;
	font-size:17px;
	line-height:1.4;
	color:var(--color-darkgrey);
	text-decoration:none;
}
.swo_mag_list__headline:hover{
	color:var(--color-red);
}
.swo_mag_list__excerpt{
	font-family:var(--font-primary);
	font-size:14px;
	line-height:1.6;
	color:#555;
	margin:0;
}
.swo_mag_list__more{
	font-family:var(--font-secondary);
	font-weight:700;
	font-size:13px;
	color:var(--color-red);
	text-decoration:none;
}
.swo_mag_list__more:hover{
	text-decoration:underline;
}
.swo_mag_list__pagination{
	display:flex;
	gap:4px;
	align-items:center;
	margin-top:8px;
}
.swo_mag_list__pagination .page-numbers{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:32px;
	height:32px;
	border:1px solid #ddd;
	font-family:var(--font-secondary);
	font-size:14px;
	font-weight:700;
	color:var(--color-darkgrey);
	text-decoration:none;
}
.swo_mag_list__pagination .page-numbers.current,
.swo_mag_list__pagination .page-numbers:hover{
	background:var(--color-red);
	border-color:var(--color-red);
	color:#fff;
}

/* Footer
--------------------------------------------- */
.swo_footer{
	background-color:var(--color-darkgrey);
	color:#fff;
	padding:50px 0 0;
	margin-top:40px;
}
.swo_footer__nav{
	max-width:var(--width-main);
	margin:0 auto;
	display:grid;
	grid-template-columns:repeat(4, 1fr);
	gap:40px;
	padding-bottom:50px;
	padding-left:10px;
	padding-right:10px;
}
.swo_footer__col_title{
	font-family:var(--font-secondary);
	font-weight:700;
	font-size:15px;
	color:white;
	margin:0 0 16px;
	text-transform:uppercase;
}
.swo_footer__col_arrow{
	display:none;
}
.swo_footer__col ul{
	list-style:disc;
	margin:0;
	padding-left:18px;
}
.swo_footer__col ul li{
	margin-bottom:8px;
}
.swo_footer__col ul li a{
	font-family:var(--font-primary);
	font-size:14px;
	color:#fff;
	text-decoration:none;
	transition:color 0.2s ease;
}
.swo_footer__col ul li a:hover{
	color:var(--color-lightgrey);
}
.swo_footer__disclaimer_bar{
	border-top:1px solid rgba(255,255,255,0.1);
	padding:30px 0;
	text-align:center;
}
.swo_footer__disclaimer_text{
	font-family:var(--font-primary);
	font-size:14px;
	color:rgba(255,255,255,0.7);
	margin:0 0 16px;
}
.swo_footer__trust_logos{
	display:flex;
	align-items:center;
	justify-content:center;
	gap:30px;
}
.swo_footer__trust_logos img{
	height:36px;
	width:auto;
	filter:brightness(0) invert(1);
	opacity:0.8;
}
.swo_footer__responsible{
	max-width:900px;
	margin:0 auto;
	padding:30px 20px;
	text-align:center;
	border-top:1px solid rgba(255,255,255,0.1);
}
.swo_footer__responsible_title{
	font-family:var(--font-secondary);
	font-weight:700;
	font-size:14px;
	color:#fff;
	margin:0 0 12px;
}
.swo_footer__responsible_text{
	font-family:var(--font-primary);
	font-size:13px;
	line-height:1.7;
	color:rgba(255,255,255,0.6);
	margin:0;
}
.swo_footer__copyright{
	border-top:1px solid rgba(255,255,255,0.1);
	padding:20px;
	text-align:center;
}
.swo_footer__copyright p{
	font-family:var(--font-primary);
	font-size:13px;
	color:rgba(255,255,255,0.5);
	margin:0;
}
.swo_footer__copyright a{
	color:rgba(255,255,255,0.5);
	text-decoration:none;
	transition:color 0.2s ease;
}
.swo_footer__copyright a:hover{
	color:#fff;
}

/* Wetttipps Overview
--------------------------------------------- */
.wt_overview{
	width:100%;
}
.wt_overview__filter{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:10px;
	margin-bottom:20px;
	flex-wrap:wrap;
}
.wt_overview__filter_liga{
	display:flex;
	align-items:center;
	gap:6px;
	flex-wrap:wrap;
}
.wt_overview__filter_date{
	display:flex;
	align-items:center;
	gap:8px;
	font-family:var(--font-primary);
	font-size:14px;
	color:var(--color-darkgrey);
}
.wt_filter_btn{
	font-family:var(--font-secondary);
	font-size:13px;
	font-weight:600;
	padding:3px 14px;
	background:#fff;
	color:var(--color-darkgrey);
	text-decoration:none;
	transition:background 0.2s, color 0.2s;
	cursor:pointer;
}
.wt_filter_btn:hover,
.wt_filter_btn--active,
.wt_btn_active{
	background:var(--color-red);
	color:#fff !important;
	border-color:var(--color-red);
}
.wt_filter_btn_date{
	font-family:var(--font-secondary);
	font-weight:600;
	font-size:13px;
	color:var(--color-darkgrey);
	text-decoration:none;
	cursor:pointer;
}
.wt_filter_btn_date:hover,
.wt_filter_btn_date.wt_btn_active{
	color:var(--color-red) !important;
	background:none !important;
	border-color:transparent;
}
.wt_overview__grid{
	display:grid;
	grid-template-columns:repeat(4, 1fr);
	gap:16px;
	position:relative;
}
.wt_overview{
	position:relative;
}
.ajax-loader{
	display:none;
	position:absolute;
	inset:0;
	background:rgba(255,255,255,0.55);
	z-index:10;
}
.ajax-loader__popup{
	position:sticky;
	top:40%;
	width:56px;
	height:56px;
	margin:0 auto;
	background:#fff;
	border-radius:10px;
	box-shadow:0 4px 18px rgba(0,0,0,0.13);
	display:flex;
	align-items:center;
	justify-content:center;
	font-size:22px;
	color:var(--color-red);
}

/* Pagination
--------------------------------------------- */
.wt_pagination_bar{
	grid-column:1/-1;
	display:flex;
	justify-content:center;
	padding:24px 0 8px;
}
.wt_pagination_bar_inner{
	display:flex;
	align-items:center;
	gap:6px;
	flex-wrap:wrap;
}
.wt_pagination_bar_inner a,
.wt_pagination_bar_inner span{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-width:36px;
	height:36px;
	padding:0 10px;
	border-radius:6px;
	font-size:14px;
	font-weight:500;
	text-decoration:none;
	border:1px solid #e0e0e0;
	color:var(--color-darkgrey);
	background:#fff;
	transition:background .15s, color .15s, border-color .15s;
}
.wt_pagination_bar_inner a:hover{
	background:var(--color-red);
	color:#fff;
	border-color:var(--color-red);
}
.wt_pagination_bar_inner span.current{
	background:var(--color-red);
	color:#fff;
	border-color:var(--color-red);
}
.wt_pagination_bar_inner .dots{
	border:none;
	background:none;
	color:#999;
}

/* SC wett-tipps: 3-Spalten Grid
--------------------------------------------- */
.wth_latest_t_wrap{
	display:grid;
	grid-template-columns:repeat(3, 1fr);
	gap:16px;
}
@media(max-width:820px){
	.wth_latest_t_wrap{
		grid-template-columns:repeat(2, 1fr);
	}
}
@media(max-width:600px){
	.wth_latest_t_wrap{
		grid-template-columns:1fr;
	}
}

/* Wetttipps Card
--------------------------------------------- */
.wt_card{
	display:flex;
	flex-direction:column;
	background:#fff;
	border:1px solid #e0e0e0;
	border-radius:8px;
	overflow:hidden;
}
.wt_card__header{
	display:flex;
	align-items:center;
	justify-content:space-between;
	background:transparent;
	padding:0px 10px 10px 0px;
	gap:8px;
}
.wt_card__league{
	background:var(--color-red);
	color:#fff;
	font-family:var(--font-secondary);
	font-weight:700;
	font-size:11px;
	padding: 6px 12px;
	border-bottom-right-radius: 8px;
	white-space:nowrap;
}
.wt_card__date{
	font-family:var(--font-primary);
	font-size:12px;
	color:#919191;
	white-space:nowrap;
}
.wt_card__teams{
	display:flex;
	align-items:center;
	justify-content:center;
	gap:16px;
	padding:20px 16px 10px;
}
.wt_card__team_logo{
	width:60px;
	height:60px;
	object-fit:contain;
}
.wt_card__info{
	display:flex;
	flex-direction:column;
	align-items:center;
	gap:4px;
	padding:0 16px 14px;
	text-align:center;
}
.wt_card__matchup{
	font-family:var(--font-secondary);
	font-weight:700;
	font-size:14px;
	color:var(--color-darkgrey);
	height:43px;
	display:flex;
	align-items:center;
	justify-content:center;
}
.wt_card__analysis{
	font-family:var(--font-primary);
	font-size:13px;
	color:var(--color-red);
	text-decoration:none;
	font-weight:600;
}
.wt_card__analysis:hover{
	text-decoration:underline;
}
.wt_card__tip_bar{
	background:var(--color-darkgrey);
	color:#fff;
	font-family:var(--font-secondary);
	font-weight:700;
	font-size:13px;
	text-align:center;
	padding:10px 12px;
}
.wt_card__quote_row{
	display:flex;
	align-items:center;
	gap:0;
	margin:14px 16px 0;
	border-radius:4px;
	overflow:hidden;
	text-decoration:none;
}
.wt_card__quote{
	background:var(--color-darkgrey);
	color:#fff;
	font-family:var(--font-secondary);
	font-weight:800;
	font-size:20px;
	padding:12px 16px;
	white-space:nowrap;
	border-radius: 8px;
}
.wt_card__bookie{
	flex:1;
	display:flex;
	align-items:center;
	justify-content:center;
	padding:8px;
	min-height:46px;
}
.wt_card__bookie img{
	max-height:45px;
	max-width:100%;
	object-fit:contain;
	border-radius:5px;
}
.wt_card__disclaimer{
	font-family:var(--font-primary);
	font-size:11px;
	color:#aaa;
	text-align:center;
	padding:8px 16px 0;
}
.wt_card__cta{
	display:flex;
	align-items:center;
	justify-content:center;
	gap:6px;
	margin:12px 16px 16px;
	background:var(--color-red);
	color:#fff;
	font-family:var(--font-secondary);
	font-weight:700;
	font-size:14px;
	text-transform:uppercase;
	text-decoration:none;
	padding:14px;
	border-radius:6px;
	letter-spacing:0.5px;
	transition:background 0.2s ease;
}
.wt_card__cta:hover{
	background:var(--color-darkgrey);
	color:#fff;
	text-decoration:none;
}
.wt_card__cta i{
	color:#fff;
	font-size:13px;
}
.wt_nomatches{
	display:block;
	padding:20px 0;
	font-family:var(--font-primary);
	font-size:14px;
	color:#888;
}

/* Main Table
--------------------------------------------- */
.swo_main_table{
	width:100%;
	overflow:hidden;
	border:1px solid var(--color-lightgrey);
	margin-bottom:20px;
}
.swo_main_table__row--featured .swo_main_table__rating{
	background:var(--color-red);
}

/* 6 Zellen im HTML: rank | logo | rating-col | highlights | bonus | cta
   Full-mode: rating-col versteckt, rating sitzt im logo
   Small-mode: highlights versteckt, rating-col als eigene Spalte sichtbar */

/* 6 Spalten: rank | logo | rating-col | highlights | bonus | cta */
.swo_main_table__head,
.swo_main_table__row{
	display:grid;
	grid-template-columns:40px 220px 0 1fr 160px 210px;
	align-items:stretch;
}

/* Explizite Spalten-Zuweisung damit display:none die Reihenfolge nicht verschiebt */
.swo_main_table__h_rank,    .swo_main_table__rank_cell       { grid-column:1; }
.swo_main_table__h_logo,    .swo_main_table__logo_cell        { grid-column:2; }
.swo_main_table__h_rating_col, .swo_main_table__rating_cell  { grid-column:3; }
.swo_main_table__h_highlights, .swo_main_table__highlights_cell{ grid-column:4; }
.swo_main_table__h_bonus,   .swo_main_table__bonus_cell       { grid-column:5; }
.swo_main_table__h_cta,     .swo_main_table__cta_cell         { grid-column:6; }

/* rating-col im full-mode verstecken */
.swo_main_table__h_rating_col,
.swo_main_table__rating_cell{
	display:none;
}

/* small: highlights ausblenden, rating-col einblenden */
.swo_main_table--small .swo_main_table__head,
.swo_main_table--small .swo_main_table__row{
	grid-template-columns:40px 220px auto 160px 210px;
}
.swo_main_table--small .swo_main_table__h_highlights,
.swo_main_table--small .swo_main_table__highlights_cell{
	display:none;
}
.swo_main_table--small .swo_main_table__h_highlights,
.swo_main_table--small .swo_main_table__highlights_cell{ grid-column:3; }
.swo_main_table--small .swo_main_table__h_bonus,
.swo_main_table--small .swo_main_table__bonus_cell      { grid-column:4; }
.swo_main_table--small .swo_main_table__h_cta,
.swo_main_table--small .swo_main_table__cta_cell        { grid-column:5; }
.swo_main_table--small .swo_main_table__rating_cell{
	display:flex;
	align-items:center;
	justify-content:center;
	padding:0 12px;
	border-left:1px solid var(--color-lightgrey);
}
.swo_main_table--small .swo_main_table__logo_cell .swo_main_table__rating{
	display:none;
}

/* Header */
.swo_main_table__head{
	background:var(--color-darkgrey);
}
.swo_main_table__h_rank,
.swo_main_table__h_logo,
.swo_main_table__h_highlights,
.swo_main_table__h_bonus,
.swo_main_table__h_cta{
	font-family:var(--font-secondary);
	font-weight:600;
	font-size:14px;
	color:#fff;
	padding:5px 16px;
	display:flex;
	align-items:center;
	justify-content:center;
}
.swo_main_table__h_logo{
	justify-content:flex-start;
}

/* Zeilen */
.swo_main_table__row{
	border-bottom:1px solid var(--color-lightgrey);
	background:#fff;
}
.swo_main_table__row:last-child{
	border-bottom:none;
}


/* Rank */
.swo_main_table__rank_cell{
	display:flex;
	align-items:center;
	justify-content:center;
	background:var(--color-darkgrey);
}
.swo_main_table__rank{
	font-family:var(--font-secondary);
	font-weight:700;
	font-size:18px;
	color:white;
}
.swo_main_table__row--featured .swo_main_table__rank_cell{
	background:var(--color-red);
}
.swo_main_table__row--featured .swo_main_table__rank{
	color:#fff;
}

/* Logo + Rating-Badge */
.swo_main_table__logo_cell{
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	padding:12px 16px;
	text-decoration:none;
	position:relative;
	transition:opacity 0.2s ease;
}
.swo_main_table__logo_cell:hover{
	opacity:0.85;
}
.swo_main_table__logo_cell img{
	max-width:150px;
	max-height:55px;
	object-fit:contain;
}
.swo_main_table__rating{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	white-space:nowrap;
	background:var(--color-darkgrey);
	color:#fff;
	font-family:var(--font-secondary);
	font-weight:700;
	font-size:12px;
	padding:4px 10px;
	border-radius:4px;
	margin-bottom:8px;
	align-self:center;
}

/* Highlights */
.swo_main_table__highlights_cell{
	display:flex;
	align-items:center;
	padding:16px 20px;
	border-left:1px solid var(--color-lightgrey);
}
.swo_main_table__bullets{
	font-family:var(--font-primary);
	color:var(--color-darkgrey);
	line-height:1.8;
}
.swo_main_table__bullets ul{
	list-style:none;
	margin:0;
	padding:0;
}
.swo_main_table__bullets ul li{
	display:flex;
	align-items:baseline;
	gap:8px;
}
.swo_main_table__bullets ul li::before{
	content:'\f00c';
	font-family:'Font Awesome 7 Free';
	font-weight:900;
	font-size:14px;
	color:var(--color-red);
	flex-shrink:0;
}

/* Bonuswert */
.swo_main_table__bonus_cell{
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	gap:4px;
	padding:16px;
	border-left:1px solid var(--color-lightgrey);
}
.swo_main_table__bonus_value{
	font-family:var(--font-secondary);
	font-weight:800;
	font-size:30px;
	color:var(--color-red);
	line-height:1;
}
.swo_main_table__bonus_sub{
	font-family:var(--font-primary);
	font-size:12px;
	color:var(--color-darkgrey);
	text-align:center;
}

/* CTA */
.swo_main_table__cta_cell{
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	gap:8px;
	padding:16px;
	border-left:1px solid var(--color-lightgrey);
}
.swo_main_table__cta{
	display:inline-flex;
	align-items:center;
	gap:6px;
	background:var(--color-red);
	color:#fff;
	font-family:var(--font-secondary);
	font-weight:700;
	font-size:13px;
	text-transform:uppercase;
	text-decoration:none;
	padding:10px 16px;
	border-radius:4px;
	letter-spacing:0.5px;
	transition:background 0.2s ease;
}
.swo_main_table__cta:hover{
	background:var(--color-darkgrey);
	color:#fff;
	text-decoration:none;
}
.swo_main_table__cta_icon{
	display:inline-block;
	width:14px;
	height:14px;
	background:url(images/icon_link_ext.png) center/contain no-repeat;
}
.swo_main_table__disclaimer{
	font-family:var(--font-primary);
	font-size:10px;
	color:#999;
	text-align:center;
}

/* Sidebar Ranking
--------------------------------------------- */
.swo_sb_ranking{
	border:1px solid var(--color-lightgrey);
	overflow:hidden;
	background:#fff;
}
.swo_sb_ranking__row{
	display:grid;
	grid-template-columns:36px 1fr auto auto;
	align-items:center;
	border-bottom:1px solid var(--color-lightgrey);
	background:#fff;
}
.swo_sb_ranking__row:last-child{
	border-bottom:none;
}
.swo_sb_ranking__row--featured{
}
.swo_sb_ranking__rank{
	display:flex;
	align-items:center;
	justify-content:center;
	align-self:stretch;
	background:var(--color-darkgrey);
	font-family:var(--font-secondary);
	font-weight:700;
	font-size:15px;
	color:#fff;
}
.swo_sb_ranking__row--featured .swo_sb_ranking__rank{
	background:var(--color-red);
	color:#fff;
}
.swo_sb_ranking__row--featured .swo_sb_ranking__rating{
	background:var(--color-red);
}
.swo_sb_ranking__logo{
	display:flex;
	align-items:center;
	justify-content:center;
	padding:10px 12px;
	text-decoration:none;
	transition:opacity 0.2s ease;
}
.swo_sb_ranking__logo:hover{
	opacity:0.85;
}
.swo_sb_ranking__logo img{
	max-width:110px;
	max-height:40px;
	object-fit:contain;
}
.swo_sb_ranking__rating{
	font-family:var(--font-secondary);
	font-weight:700;
	font-size:12px;
	color:#fff;
	background:var(--color-darkgrey);
	padding:4px 8px;
	border-radius:4px;
	white-space:nowrap;
	margin:0 8px;
}
.swo_sb_ranking__cta{
	display:inline-flex;
	align-items:center;
	gap:4px;
	background:var(--color-red);
	color:#fff;
	font-family:var(--font-secondary);
	font-weight:700;
	font-size:13px;
	text-decoration:none;
	padding:8px 12px;
	margin:8px 10px 8px 0;
	border-radius:4px;
	transition:background 0.2s ease;
}
.swo_sb_ranking__cta:hover{
	background:var(--color-darkgrey);
	color:#fff;
	text-decoration:none;
}

/* Sidebar Tipps
--------------------------------------------- */
.swo_sb_tipp{
	border:1px solid var(--color-lightgrey);
	border-radius:6px;
	overflow:hidden;
	background:#fff;
	margin-bottom:16px;
}
.swo_sb_tipp__league{
	display:inline-block;
	background:var(--color-red);
	color:#fff;
	font-family:var(--font-secondary);
	font-weight:700;
	font-size:13px;
	padding:7px 14px;
	border-bottom-right-radius: 6px;
}
.swo_sb_tipp__teams{
	display:flex;
	align-items:center;
	justify-content:center;
	gap:16px;
	padding:16px 14px 8px;
}
.swo_sb_tipp__team_logo img{
	width:48px;
	height:48px;
	object-fit:contain;
}
.swo_sb_tipp__matchname{
	display:block;
	text-align:center;
	font-family:var(--font-secondary);
	font-weight:700;
	font-size:14px;
	color:var(--color-darkgrey);
	text-decoration:none;
	padding:0 14px 4px;
	line-height:1.3;
}
.swo_sb_tipp__matchname:hover{
	color:var(--color-red);
}
.swo_sb_tipp__datetime{
	display:block;
	text-align:center;
	font-family:var(--font-primary);
	font-size:12px;
	color:#999;
	padding-bottom:5px;
	padding-top:5px;
}
.swo_sb_tipp__lower{
	display:grid;
	grid-template-columns:1fr auto;
	background:var(--color-lightgrey);
	text-decoration:none;
	border-radius:4px;
	overflow:hidden;
	transition:opacity 0.2s ease;
	margin:10px;
}
.swo_sb_tipp__lower:hover{
	opacity:0.8;
}
.swo_sb_tipp__lower_content{
	display:flex;
	flex-direction:column;	
}
.swo_sb_tipp__tip{
	margin:0;
	padding:8px 14px 2px;
	font-family:var(--font-primary);
	font-size:13px;
	color:var(--color-darkgrey);
}
.swo_sb_tipp__tip strong{
	color:var(--color-red);
	font-family:var(--font-secondary);
}
.swo_sb_tipp__bottom{
	display:grid;
	grid-template-columns:auto 1fr;
	align-items:center;
	flex:1;
}
.swo_tipps_section{
	max-width:var(--width-main);
	margin:20px auto;
	margin-top:10px;
	background:#fff;
	padding:40px 40px;
}
.swo_sb_tipp__quote{
	display:flex;
	align-items:center;
	justify-content:center;
	background:var(--color-darkgrey);
	color:#fff;
	font-family:var(--font-secondary);
	font-weight:700;
	font-size:16px;
	padding:10px 18px;
	border-radius:10px;
	align-self:center;
	min-width:64px;
	box-shadow: 0px 0px 15px 5px #CFCFCF;
	margin-left:10px;
}
.swo_sb_tipp__operator{
	display:flex;
	align-items:center;
	justify-content:center;
	padding:10px;
}
.swo_sb_tipp__operator img{
	max-width:90px;
	max-height:60px;
	object-fit:contain;
	border-radius:6px;
}
.swo_sb_tipp__operator span{
	display:inline-block;
	font-family:var(--font-secondary);
	font-weight:700;
	font-size:15px;
	color:var(--color-darkgrey);
	background:#fff;
	border-radius:6px;
	padding:8px 20px;
	box-shadow:0 1px 4px rgba(0,0,0,0.08);
}
.swo_sb_tipp__cta{
	display:flex;
	align-items:center;
	justify-content:center;
	background:var(--color-red);
	color:#fff;
	font-size:22px;
	font-weight:700;
	text-decoration:none;
	padding:0 16px;
	align-self:stretch;
	transition:background 0.2s ease;
}
.swo_sb_tipp__cta:hover{
	background:var(--color-darkgrey);
	color:#fff;
}



/* OLD CSS*/

#category-posts-10-internal .cat-post-item {
    list-style: none;
    margin: 3px 0 10px;
    padding: 3px 0;
}

.cat-post-title {
    color: #000;
	text-decoration: none;
	font-size:15px;
}
.sidebar-image {
    width: 37%;
}
.sidebar-image, .sidebar-text {
    display: block;
    vertical-align: top;
	width:100%;
	text-align:center;
}
.sidebar-text {
    width:100%;
}
.sidebar-text p {
    margin: 0;
    text-align: center;
}
.sidebar-text a {
    text-decoration: none;
}
.sidebar-text a span {
	color:white !important;
}
.sidebar-text span{
	color:var(--color-darkgrey) !important;
}
.sidebar-text span em{	
	font-style:normal !important;
}
.review-bewertung-zum-anbieter {
    text-align: center;
    background: var(--color-darkgrey);
    color: #fff;
    margin-top: 0;
    padding-top: 0;
    font-size: 12px;
}
.review-bewertung-zum-anbieter a {
	padding:10px;
	display:block;
}
#secondary .widget-title{
	background:var(--color-red);
	color:white;
	padding:10px;
	text-align:center;
	font-size:17px;
	font-weight:700;
	margin-top:0px;
}
#secondary .widget.cat-post-widget, #secondary .widget.widget_text{
	border:1px solid var(--color-lightgrey);
	padding:10px;
}
.cat-post-item {
    border-bottom: 1px solid; /* Die Breite muss definiert sein */
    border-image: linear-gradient(
        to right, 
        transparent 0%,
        var(--color-lightgrey) 20%,
        var(--color-lightgrey) 80%,
        transparent 100%
    ) 1;
}

/* SB News
--------------------------------------------- */
.swo_sb_news__list{
	padding:8px 0;
}
.swo_sb_news__item{
	display:block;
	padding:12px 14px;
	border-bottom:1px solid;
	border-image:linear-gradient(
		to right,
		transparent 0%,
		var(--color-lightgrey) 20%,
		var(--color-lightgrey) 80%,
		transparent 100%
	) 1;
	text-decoration:none;
	color:inherit;
}
.swo_sb_news__item:last-child{
	border-bottom:none;
}
.swo_sb_news__title{
	font-weight:700;
	font-size:14px;
	color:var(--color-darkgrey);
	margin-bottom:6px;
	line-height:1.4;
}
.swo_sb_news__meta{
	display:flex;
	align-items:center;
	gap:6px;
	font-size:12px;
	color:#888;
}
.swo_sb_news__badge{
	background:var(--color-red);
	color:#fff;
	font-size:11px;
	font-weight:700;
	padding:2px 7px;
	border-radius:3px;
}
.swo_sb_news__item:hover .swo_sb_news__title{
	color:var(--color-red);
}
.swo_header{
	margin-bottom:20px;
}
.introtext_section_image{
	min-height:243px;
	background-repeat: no-repeat;
	background-position:center;
	background-size:cover;
}
.introtext_section_image{
	margin-top:10px;
	margin-bottom:10px;
}
.swo_header_intro_subline{
	margin-top:-15px;
	display:block;
	font-weight:600;
	font-size:18px;
}
.swo_header_intro{
	margin-bottom:10px;
}
.swo_header_intro_grey{
	background:var(--color-darkgrey);
	color:white;
	margin-bottom:10px;
}
@media(min-width:821px){
	.swo_main_table--full .swo_main_table__rating{
		position:absolute;
		right:0px;
		top:0px;
	}
}


/* ################## RESPONSIVE ################## */


/* MacBook (max 1280px)
--------------------------------------------- */
@media (max-width: 1280px) {

	.swo_home_header__left{
		width:600px;
	}
	.swo_home_header__article img{
		width:150px;
		height:90px;
	}

	.swo_home_ranking__bonus_value{
		font-size:18px;
	}
	.swo_home_ranking__cta{
		font-size:11px;
		padding:8px 6px;
	}

	.swo_top_ranking__bonus_value{
		font-size:18px;
	}
	.swo_top_ranking__cta{
		font-size:11px;
		padding:8px 6px;
	}

}


/* Mittlere Desktops / kleine Laptops (max 1220px)
--------------------------------------------- */
@media (max-width: 1280px) {
	.site-header-inner, .swo_bc{
		padding-left:10px;
		padding-right:10px;
	}

	/* Fixe Spalten verkleinern damit nichts abgeschnitten wird */
	.swo_main_table__head,
	.swo_main_table__row{
		grid-template-columns:36px 160px 0 1fr 140px 170px;
	}
	.swo_main_table--small .swo_main_table__head,
	.swo_main_table--small .swo_main_table__row{
		grid-template-columns:36px 160px auto 130px 170px;
	}
	.swo_main_table__logo_cell img{
		max-width:120px;
		max-height:40px;
	}
	.swo_main_table__bonus_value{
		font-size:15px;
	}
	.swo_main_table__cta{
		font-size:13px;
		padding:10px 14px;
	}
	.swo_main_table__highlights_cell{
		padding:0 10px;
	}

}

/* iPad Portrait
--------------------------------------------- */
@media (max-width: 820px) {

	.site-main{
		padding-left:20px;
	}

	.swo_mag_main{
		grid-template-columns:1fr 1fr;
		grid-template-rows:auto;
		height:auto;
	}
	.swo_mag_main__item--large{
		grid-row:auto;
		min-height:280px;
	}
	.swo_mag_main__item--small{
		min-height:200px;
	}

	.swo_mag_small,
	.swo_mag_small--4{
		grid-template-columns:repeat(2, 1fr);
	}

	.swo_mag_list__img_wrap{
		flex:0 0 160px;
	}

	.swo_home_header{
		flex-direction:column;
		gap:0;
	}
	.swo_home_header__left{
		width:100%;
		min-height:420px;
	}
	.swo_home_header__content{
		padding-top:40px;
	}
	.swo_home_header__right{
		display:grid;
		grid-template-columns:1fr 1fr;
		gap:12px;
		padding:16px 0;
	}
	.swo_home_header__article img{
		width:120px;
		height:80px;
	}

	.swo_home_ranking__grid{
		display:grid;
		grid-template-columns:repeat(3, 1fr);
	}
	.swo_home_ranking__features{
		flex-direction:column;
		align-items:flex-start;
		gap:10px;
	}
	.swo_home_ranking__feature_last{
		display:none;
	}

	.swo_top_ranking__grid{
		display:grid;
		grid-template-columns:repeat(3, 1fr);
	}

	.swo_footer__nav{
		grid-template-columns:repeat(2, 1fr);
		padding-left:20px;
		padding-right:20px;
	}

	.wt_overview__grid{
		grid-template-columns:repeat(2, 1fr);
	}

	.site-main-sidebar{
		grid-template-columns:1fr;
		grid-gap:30px;
	}

	/* main table → card grid (3 Spalten) */
	.swo_main_table{
		display:grid;
		grid-template-columns:repeat(3, 1fr);
		gap:12px;
		border:none;
		background:transparent;
	}
	.swo_main_table__head{ display:none; }
	.swo_main_table__row{
		display:flex;
		flex-direction:column;
		align-items:center;
		border:1px solid var(--color-lightgrey);
		border-radius:6px;
		padding:0 10px 12px;
		position:relative;
		background:#fff;
	}
	.swo_main_table__row--featured{
		border-color:var(--color-red);
		border-width:2px;
		background:var(--color-lightgrey);
	}
	.swo_main_table__rank_cell{
		background: transparent;
		z-index:1;
		min-height:45px;
	}
	.swo_main_table__rank{
		font-family: var(--font-secondary);
		font-weight: 700;
		font-size: 25px;
		color: var(--color-darkgrey);
		background: var(--color-lightgrey);
		width: 28px;
		height: 39px;
		display: flex;
		align-items: center;
		justify-content: center;
		position: absolute;
		left: 0px;
		top: 0px;
		border-bottom-left-radius: 0px;
		border-top-right-radius: 0px;
		border-top-left-radius: 0px;
		border-bottom-right-radius: 6px;
	}
	.swo_main_table__logo_cell{
		width:100%;
		padding:12px;
		border:none;
		border-radius:6px;
	}
	.swo_main_table__logo_cell .swo_main_table__rating{
		display:inline-flex;
		position:absolute;
		top:-45px; right:-10px;
		border-radius:0 4px 0 4px;
		margin:0;
	}
	.swo_main_table--small .swo_main_table__rating_cell{
		border:0px;
	}
	.swo_main_table__bonus_cell{
		margin-top:10px;
	}
	.swo_main_table__row--featured .swo_main_table__rank{
		background:var(--color-red);
	}
	.swo_main_table__rating_cell{
		border:0px;
		position:absolute;
		right:-12px;
		top:0px;
	}


	.swo_main_table__highlights_cell,
	.swo_main_table__rating_cell{ display:none; }
	.swo_main_table__bonus_cell{
		width:100%;
		border:none;
		padding:0 10px 10px;
	}
	.swo_main_table__cta_cell{
		width:100%;
		border:none;
		padding:0 10px;
	}
	.swo_main_table__cta{
		width:100%;
		justify-content:center;
	}
	.swo_main_table__disclaimer{ display:none; }

}


/* iPhone 16 Portrait
--------------------------------------------- */
@media (max-width: 600px) {

	.site-main{
		padding-left:20px;
		padding-right:20px;
	}

	.swo_mag_main{
		grid-template-columns:1fr;
	}
	.swo_mag_main__item--large{
		min-height:260px;
	}
	.swo_mag_main__item--small{
		min-height:180px;
	}

	.swo_mag_small,
	.swo_mag_small--4{
		grid-template-columns:1fr;
	}

	.swo_mag_list__item{
		flex-direction:column;
	}
	.swo_mag_list__img_wrap{
		flex:none;
		width:100%;
	}
	.swo_mag_list__img_wrap img{
		height:200px;
	}

	.swo_home_header__left{
		min-height:360px;
	}
	.swo_home_header__content{
		padding-top:24px;
	}
	.swo_home_header__title{
		font-size:20px;
	}
	.swo_home_header__subtitle{
		font-size:14px;
	}
	.swo_home_header__logos img{
		height:24px;
	}
	.swo_home_header__right{
		grid-template-columns:1fr;
	}
	.swo_home_header__article img{
		width:100px;
		height:70px;
	}

	.swo_home_ranking{
		padding:20px 12px;
	}
	.swo_home_ranking__grid{
		grid-template-columns:1fr;
	}
	.swo_home_ranking__card{
		width:100%;
	}
	.swo_home_ranking__title{
		font-size:16px;
	}
	.swo_home_ranking__logo_wrap{
		height:70px;
	}
	.swo_home_ranking__bonus_value{
		font-size:16px;
	}

	.swo_top_ranking{
		padding:20px 12px;
	}
	.swo_top_ranking__grid{
		grid-template-columns:1fr;
	}
	.swo_top_ranking__card{
		width:100%;
	}
	.swo_top_ranking__logo_wrap{
		height:70px;
	}
	.swo_top_ranking__bonus_value{
		font-size:16px;
	}

	/* main table → 1 Spalte auf iPhone */
	.swo_main_table{
		grid-template-columns:1fr;
	}

	.wt_overview__grid{
		grid-template-columns:1fr;
	}
	.wt_overview__filter{
		flex-direction:column;
		align-items:flex-start;
	}
	.wt_overview__filter_date{
		width:100%;
	}

	/* Footer Accordion */
	.swo_footer__nav{
		grid-template-columns:1fr;
		gap:0;
		padding-bottom:0;
	}
	.swo_footer__col{
		border-bottom:1px solid rgba(255,255,255,0.1);
	}
	.swo_footer__col_title{
		display:flex;
		justify-content:space-between;
		align-items:center;
		margin:0;
		padding:16px 20px;
		cursor:pointer;
	}
	.swo_footer__col_arrow{
		display:inline-block;
		transform:rotate(90deg);
		transition:transform 0.2s ease;
		font-style:normal;
	}
	.swo_footer__col--open .swo_footer__col_arrow{
		transform:rotate(-90deg);
	}
	.swo_footer__col ul{
		display:none;
		padding:0 20px 16px 36px;
		margin:0;
	}
	.swo_footer__col--open ul{
		display:block;
	}

}

/* =============================================
   404 Page
   ============================================= */
.error-404{
	text-align:center;
	padding:80px 20px 100px;
}
.error-404__heading{
	font-size:180px;
	line-height:1;
	font-weight:900;
	margin:0 0 16px;
	background:linear-gradient(90deg, var(--color-darkgrey) 0%, var(--color-red) 50%, var(--color-darkgrey) 100%);
	background-size:200% auto;
	-webkit-background-clip:text;
	-webkit-text-fill-color:transparent;
	background-clip:text;
	animation:swo_404_shine 3s linear infinite;
}
@keyframes swo_404_shine{
	0%   { background-position:200% center; }
	100% { background-position:0% center; }
}
.error-404__sub{
	font-size:20px;
	color:var(--color-darkgrey);
	margin:0;
}

/* =============================================
   Breadcrumb
   ============================================= */
.swo_bc{
	max-width:var(--width-main);
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	margin-bottom:10px;
}
.swo_bc__list{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	gap:4px;
	list-style:none;
	margin:0;
	padding:0;
	font-size:13px;
	color:#888;
}
.swo_bc__item{
	display:flex;
	align-items:center;
}
.swo_bc__link{
	color:#888;
	text-decoration:none;
}
.swo_bc__link:hover{
	color:var(--color-red);
}
.swo_bc__sep{
	font-size: 15px;
	color:black;
}
.swo_bc__item--current{
	color:var(--color-darkgrey);
	font-weight:600;
}

/* =============================================
   Bookie Table Rating (.tbw_rating)
   ============================================= */
.tbw_rating{
	display:flex;
	flex-direction:column;
	align-items:center;
	gap:4px;
	border:none;
	background:none;
	padding:4px 6px;
}
.tbw_rating_number{
	display:flex;
	align-items:baseline;
	gap:2px;
	width:auto;
	padding:0;
}
.tbw_number_large{
	font-size:22px;
	font-weight:800;
	color:var(--color-darkgrey);
	line-height:1;
	margin:0;
}
.tbw_number_small{
	font-size:12px;
	color:#aaa;
	font-weight:400;
}
.tbw_rating_stars{
	display:flex;
	align-items:center;
	gap:2px;
	width:auto;
	line-height:1;
	margin:0;
}
.tbw_rating_stars i{
	color:#f5c518;
	font-size:13px;
}

/* =============================================
   Content Tables
   ============================================= */
.primary_wrap{
	min-width:0;
}
.primary_wrap table{
	min-width:100%;
	border-collapse:collapse;
	font-size:14px;
	margin-bottom:24px;
}
.primary_wrap table thead tr{
	background:var(--color-red);
	color:#fff;
}
.primary_wrap table th{
	padding:10px 14px;
	text-align:left;
	font-weight:700;
	font-size:13px;
	white-space:nowrap;
}
.primary_wrap table td{
	padding:10px 14px;
	border-bottom:1px solid #e8e8e8;
	vertical-align:middle;
}
.primary_wrap table tbody tr:nth-child(even){
	background:#f7f7f7;
}
.primary_wrap table tbody tr:hover{
	background:#f0f4f8;
}
/* Responsive: horizontales Scrollen via Wrapper-Div */
.table-scroll{
	overflow-x:auto;
	margin-bottom:24px;
}
.table-scroll table{
	margin-bottom:0;
}

/* =============================================
   Tipp Footer (SC: tipp-footer)
   ============================================= */
.wtf_box{
	border:1px solid #e0e0e0;
	overflow:hidden;
	margin-top:20px;
}
.wtf_grid__head,
.wtf_grid__row{
	display:grid;
	grid-template-columns:1fr 1fr;
}
.wtf_grid__head{
	background:#3a3a3a;
	color:#fff;
}
.wtf_grid__head span{
	padding:13px 20px;
	font-size:14px;
	font-weight:600;
	text-align:center;
}
.wtf_grid__head span:first-child{
	border-right:1px solid rgba(255,255,255,.15);
}
.wtf_grid__row span{
	padding:16px 20px;
	font-size:15px;
	text-align:center;
	background:#fff;
	font-weight:600;
}
.wtf_grid__row span:first-child{
	border-right:1px solid #e0e0e0;
}
.wtf_gewinn{
	text-align:center;
	padding:13px 20px 5px 20px;
	font-size:18px;
	font-weight:700;
	border-top:1px solid #e0e0e0;
}
.wtf_cta_row{
	display:flex;
	align-items:center;
	justify-content:center;
	padding:16px 20px;
	background:#fff;
	gap:16px;
}
.wtf_logo{
	display:flex;
	align-items:center;
	justify-content:center;
	background:#f0f0f0;
	border-radius:6px;
	padding:8px 20px;
	height:44px;
}
.wtf_logo img{
	max-height:28px;
	max-width:120px;
	object-fit:contain;
}

/* =============================================
   Review Header
   ============================================= */
.review_head{
	width:100%;
	max-width:var(--width-main);
	margin:10px auto 10px;
	overflow:hidden;
}

/* Top Bar */
.review_head__bar{
	display:flex;
	align-items:center;
	justify-content:space-between;
	background:var(--color-darkgrey);
	padding:15px 40px 15px 40px;
}
.review_head__title{
	font-family:var(--font-secondary);
	font-size:18px;
	font-weight:700;
	color:#fff;
	margin:0;
}
.review_head__rating{
	background:var(--color-red);
	color:#fff;
	font-family:var(--font-secondary);
	font-weight:700;
	font-size:15px;
	padding:6px 14px;
	border-radius:6px;
	white-space:nowrap;
}

/* Body */
.review_head__body{
	display:grid;
	grid-template-columns:200px 1fr auto auto;
	align-items:center;
	background:#fff;
	padding:20px 40px;
	gap:20px;
}
.review_head__logo_cell{
	display:flex;
	align-items:center;
	justify-content:center;
	border-radius:8px;
	padding:16px;
	min-height:100px;
}
.review_head__logo_cell img{
	max-width:140px;
	max-height:60px;
	object-fit:contain;
}
.review_head__highlights{
	align-self:center;
}
.review_head__bonus{
	display:flex;
	flex-direction:column;
	align-items:center;
	text-align:center;
	white-space:nowrap;
}
.review_head__bonus_value{
	font-weight:600;
	font-size:28px;
	color:var(--color-red);
	line-height:1.1;
}
.review_head__bonus_sub{
	font-size:13px;
	color:var(--color-darkgrey);
}
.review_head__cta_cell{
	display:flex;
	flex-direction:column;
	align-items:center;
	gap:8px;
}

/* Footer Icons */
.review_head__footer{
	display:flex;
	align-items:center;
	justify-content:space-between;
	background:#f7f7f7;
	padding:12px 40px;
	gap:20px;
}
.review_head__payments,
.review_head__trust{
	display:flex;
	align-items:center;
	gap:10px;
	flex-wrap:wrap;
}
.review_head__payments img,
.review_head__trust img{
	height:24px;
	width:35px;
	object-fit:contain;
}
.review_head__payments img{
	background:#fff;
	border-radius:3px;
	border:1px solid #D9D9D9;
	padding:2px;
}
.review_head__logobar{
	margin-left:auto;
}
.review_head__logobar img{
	height:32px;
	width:auto;
	object-fit:contain;
}

@media (max-width: 820px) {
	.review_head__body{
		grid-template-columns:160px 1fr;
		padding:16px 20px;
	}
	.review_head__highlights{
		grid-column:2;
		grid-row:1;
	}
	.review_head__bonus{
		grid-column:1 / -1;
		flex-direction:row;
		gap:8px;
		justify-content:flex-start;
		white-space:normal;
	}
	.review_head__cta_cell{
		grid-column:1 / -1;
	}
	.review_head__bar{
		padding:12px 20px;
	}
	.review_head__footer{
		padding:12px 20px;
	}
}

@media (max-width: 600px) {
	.review_head__body{
		grid-template-columns:1fr;
		gap:14px;
	}
	.review_head__logo_cell{
		max-width:160px;
	}
	.review_head__highlights{
		grid-column:auto;
		grid-row:auto;
	}
	.review_head__bonus{
		flex-direction:column;
		align-items:flex-start;
		gap:2px;
	}
	.review_head__title{
		font-size:15px;
	}
	.review_head__cta_cell{
		width:100%;
	}
	.review_head__cta_cell .swo_main_table__cta{
		width:100%;
		justify-content:center;
	}
	.review_head__footer{
		flex-direction:column;
		align-items:flex-start;
	}
}

/* =============================================
   Author Profile
   ============================================= */
.author_profile_wrap{
	width:100%;
	background:var(--color-darkgrey);
}
.author_profile{
	display:grid;
	grid-template-columns:180px 1fr;
	gap:40px;
	align-items:start;
	padding:60px 20px;
	background:transparent;
}
.author_profile__left{
	display:flex;
	flex-direction:column;
	align-items:center;
	gap:20px;
}
.author_profile__avatar{
	width:140px;
	height:140px;
	border-radius:50%;
	background:var(--color-lightgrey);
	overflow:hidden;
	display:flex;
	align-items:center;
	justify-content:center;
	flex-shrink:0;
}
.author_profile__avatar img{
	width:100%;
	height:100%;
	object-fit:cover;
}
.author_profile__avatar svg{
	width:60px;
	height:60px;
}
.author_profile__social{
	display:flex;
	align-items:center;
	gap:16px;
}
.author_profile__social a{
	color:#fff;
	font-size:22px;
	text-decoration:none;
	transition:opacity .2s;
}
.author_profile__social a:hover{
	opacity:.7;
}
.author_profile__right{
	display:flex;
	flex-direction:column;
	gap:10px;
}
.author_profile__label{
	font-family:var(--font-secondary);
	font-size:12px;
	font-weight:700;
	letter-spacing:.08em;
	text-transform:uppercase;
	color:var(--color-red);
}
.author_profile__name{
	font-family:var(--font-secondary);
	font-size:28px;
	font-weight:700;
	color:#fff;
	margin:0;
	line-height:1.2;
}
.author_profile__kompetenz{
	font-size:16px;
	font-weight:400;
	color:#aaa;
}
.author_profile__desc{
	font-size:15px;
	line-height:1.7;
	color:white;
	margin:0;
}

@media (max-width: 820px){
	.author_profile{
		grid-template-columns:1fr;
		gap:24px;
		padding:32px 20px;
	}
	.author_profile__left{
		flex-direction:row;
		align-items:center;
	}
	.author_profile__avatar{
		width:90px;
		height:90px;
	}
}

@media (max-width: 600px){
	.author_profile__left{
		flex-direction:column;
	}
	.author_profile__name{
		font-size:22px;
	}
}

/* =============================================
   Author Content Section
   ============================================= */
.author_cnt{
	padding:20px 0;
}
.author_cnt__h2{
	font-family:var(--font-secondary);
	font-size:26px;
	font-weight:700;
	color:var(--color-red);
	margin:0 0 20px;
}
.author_cnt__info{
	margin-bottom:48px;
}
.author_cnt__text{
	font-size:15px;
	line-height:1.8;
	color:var(--color-darkgrey);
}
.author_cnt__text p{
	margin:0 0 16px;
}

/* Highlights Grid */
.author_cnt__highlights{
	margin-top:8px;
}
.author_cnt__grid{
	display:grid;
	grid-template-columns:repeat(3, 1fr);
	gap:20px;
	margin-bottom:32px;
}
.author_cnt__card{
	display:flex;
	flex-direction:column;
	border:1px solid #e0e0e0;
	overflow:hidden;
	text-decoration:none;
	color:inherit;
	transition:box-shadow .2s;
}
.author_cnt__card:hover{
	box-shadow:0 4px 16px rgba(0,0,0,.1);
}
.author_cnt__card_img img{
	width:100%;
	height:160px;
	object-fit:cover;
	object-position:center;
	display:block;
}
.author_cnt__card_img--fallback{
	height:160px;
	background:#e0e0e0;
}
.author_cnt__card_body{
	padding:14px;
	display:flex;
	flex-direction:column;
	gap:8px;
}
.author_cnt__card_title{
	font-family:var(--font-secondary);
	font-size:14px;
	font-weight:700;
	color:var(--color-darkgrey);
	margin:0;
	line-height:1.4;
	text-align:center;
}
.author_cnt__card_excerpt{
	font-size:13px;
	color:#666;
	margin:0;
	line-height:1.5;
	text-align:center;
}

/* Sidebar Boxes */
.author_cnt__sidebar{
	display:flex;
	flex-direction:column;
	gap:20px;
}
.author_sb_box{
	border:1px solid #e0e0e0;
	overflow:hidden;
}
.author_sb_box__title{
	font-family:var(--font-secondary);
	font-size:18px;
	font-weight:700;
	color:var(--color-red);
	text-align:center;
	padding:16px;
	margin:0;
}
.author_sb_box__list{
	list-style:none;
	margin:0;
	padding:0;
}
.author_sb_box__list li{
	padding:14px 20px;
	font-size:14px;
	color:var(--color-darkgrey);
	border-bottom:1px solid #f0f0f0;
	line-height:1.4;
}
.author_sb_box__list li:last-child{
	border-bottom:none;
}
.author_sb_box__list li a{
	color:var(--color-darkgrey);
	text-decoration:none;
	font-weight:600;
}
.author_sb_box__list li a:hover{
	color:var(--color-red);
}
.author_sb_box__list--icons li{
	display:flex;
	align-items:center;
	gap:12px;
}
.author_sb_box__list--icons li i{
	font-size:18px;
	color:var(--color-darkgrey);
	width:22px;
	text-align:center;
	flex-shrink:0;
}

@media (max-width: 820px){
	.author_cnt__grid{
		grid-template-columns:repeat(2, 1fr);
	}
}
@media (max-width: 600px){
	.author_cnt__grid{
		grid-template-columns:1fr;
	}
}

/* =============================================
   Wetttipp Header
   ============================================= */
.wt_header{
	width:100%;
	margin-top:10px;
	position:relative;
}
.wt_header__inner{
	max-width:var(--width-main);
	margin-left:auto;
	margin-right:auto;
	position:relative;
	background-size:cover;
	background-position:center;
}
.wt_header__league{
	display:inline-block;
	background:var(--color-red);
	color:#fff;
	font-family:var(--font-secondary);
	font-size:13px;
	font-weight:700;
	padding:4px 14px;
	border-bottom-right-radius: 6px;
	margin-bottom:16px;
}
.wt_header__match{
	display:grid;
	grid-template-columns:1fr auto 1fr;
	align-items:center;
	gap:20px;
	padding-bottom:40px;
}
.wt_header__team{
	display:flex;
	flex-direction:column;
	align-items:center;
	gap:10px;
}
.wt_header__team:last-child{
	align-items:center;
}
.wt_header__team_logo{
	width:110px;
	height:110px;
	border-radius:50%;
	background:rgba(255,255,255,.1);
	display:flex;
	align-items:center;
	justify-content:center;
	overflow:hidden;
}
.wt_header__team_logo img{
	width:90px;
	height:90px;
	object-fit:contain;
}
.wt_header__team_name{
	color:#fff;
	font-size:15px;
	font-weight:600;
	text-align:center;
	border-radius: 20px;
    background-color: rgba(53, 62, 71, 0.4);
    padding: 3px 15px;
}
.wt_header__center{
	display:flex;
	flex-direction:column;
	align-items:center;
	gap:4px;
}
.wt_header__date{
	color:white;
	font-size:13px;
	border-radius: 20px;
    background-color: rgba(53, 62, 71, 0.4);
    padding: 3px 15px;
}
.wt_header__time{
	color:#fff;
	font-family:var(--font-secondary);
	font-size:37px;
	font-weight:700;
	line-height:1;
	border-radius:20px;
	background-color: rgba(53, 62, 71, 0.4);
	padding:3px 15px;
}
.wt_header__status{
	color:white;
	font-size:13px;
	border-radius:20px;
	background-color: rgba(53, 62, 71, 0.4);
	padding:3px 15px;
}

/* Bar */
.wt_header__bar{
	margin-bottom:10px;
}
.wt_header__bar_inner{
	max-width:var(--width-main);
	margin-left:auto;
	margin-right:auto;
	display:grid;
	grid-template-columns:60% 40%;
	align-items:stretch;
	min-height:80px;
	background:white;
}
.wt_header__tipp_table{
	display:flex;
	flex-direction:column;
	text-align:center;
}
.wt_header__tipp_head,
.wt_header__tipp_row{
	display:grid;
	grid-template-columns:1fr 1fr;
}
.wt_header__tipp_head{
	background:var(--color-darkgrey);
}
.wt_header__tipp_head span{
	padding:10px 20px;
	color:#fff;
	font-family:var(--font-secondary);
	font-size:16px;
	border-right:1px solid rgba(255,255,255,.1);
}
.wt_header__tipp_head span:last-child{
	border-right:none;
}
.wt_header__tipp_row span{
	padding:12px 20px;
	color:var(--color-darkgrey);
	font-size:15px;
	font-weight:600;
	border-right:1px solid var(--color-darkgrey)
}

.wt_header__bookie{
	display:flex;
	align-items:center;
	gap:16px;
	padding:12px 24px;
}
.wt_header__bookie_logo{
	display:flex;
	align-items:center;
	justify-content:center;
	min-width:150px;
}
.wt_header__bookie_logo img{
	max-height:52px;
	max-width:160px;
	object-fit:contain;
	border-radius:8px;
}
.wt_header__bookie_right{
	display:flex;
	flex-direction:column;
	gap:8px;
}
.wt_header__gewinn{
	color:black;
	font-size:13px;
	font-weight:700;
	white-space:nowrap;
}

@media(max-width:820px){
	.wt_header__time{ font-size:36px; }
	.wt_header__team_logo{ width:80px; height:80px; }
	.wt_header__team_logo img{ width:64px; height:64px; }
	.wt_header__bar_inner{ grid-template-columns:1fr; }
	.wt_header__tipp_table{ border-right:none; border-bottom:1px solid rgba(255,255,255,.1); }
	.wt_header__bookie{ justify-content:center; }
}
@media(max-width:600px){
	.wt_header__match{ grid-template-columns:1fr auto 1fr; gap:8px; }
	.wt_header__time{ font-size:28px; }
	.wt_header__team_name{ font-size:13px; }
	.wt_header__bookie{ flex-direction:column; align-items:center; 
		border-top:1px solid var(--color-darkgrey);
	}
	.wt_header__tipp_row span{
		display: flex;
		align-items: center; 
		justify-content: center;
	}
}