@charset "UTF-8";
/* Settings(variables,...)*/
@font-face { font-family: 'Roboto'; src: url("../fonts/Roboto-regular/Roboto-regular.woff2") format("woff2"), url("../fonts/Roboto-regular/Roboto-regular.woff") format("woff"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'Roboto'; src: url("../fonts/Roboto-700/Roboto-700.woff2") format("woff2"), url("../fonts/Roboto-700/Roboto-700.woff") format("woff"); font-weight: 700; font-style: normal; }

@font-face { font-family: 'Roboto'; src: url("../fonts/Roboto-300/Roboto-300.woff2") format("woff2"), url("../fonts/Roboto-300/Roboto-300.woff") format("woff"); font-weight: 300; font-style: normal; }

/* colors*/
/* font-weights*/
/* breakpoints*/
/* arrays for sass-mixins/functions */
/* grid*/
/* Start Plugin: Normalize*/
/* The font size set on the root html element.*/
/* The base line height determines the basic unit of vertical rhythm.*/
/* The default font family.*/
/* The font sizes for h1-h6.*/
/* 30/14*/
/* 12/14*/
/* 14/14*/
/* 14/14*/
/* 12/14*/
/* 10/14*/
/* The amount lists and blockquotes are indented.*/
/* End Plugin: Normalize*/
/*Tools(mixins,...)*/
/* ===================================================================*/
/* Flexbox Grid Mixins*/
/* Version 0.1.3*/
/* Description: Sass Mixins to generate Flexbox grid*/
/* Author: thingsym*/
/* GitHub: https://github.com/thingsym/flexbox-grid-mixins*/
/* MIT License*/
/* ===================================================================*/
/* put on img-wrapper (img-wrapper>img)*/
/* put on background-img-wrapper (bg-img-wrapper>img), set parent of wrapper to position:relative!*/
@font-face { font-family: 'icons'; src: url("../fonts/icons/icons.eot?um16mx"); src: url("../fonts/icons/icons.eot?um16mx#iefix") format("embedded-opentype"), url("../fonts/icons/icons.woff?um16mx") format("woff"), url("../fonts/icons/icons.svg?um16mx#icons") format("svg"); font-weight: normal; font-style: normal; }

/*string replacement*/
/* Insert icon as pseudo-element*/
/* use svg as background-image, svgs have to be optimized! (https://jakearchibald.github.io/svgomg/)*/
/*Generic(normalize,...)*/
/*! normalize-scss | MIT/GPLv2 License | bit.ly/normalize-scss */
/* Document ========================================================================== */
/** 1. Correct the line height in all browsers. 2. Prevent adjustments of font size after orientation changes in IE on Windows Phone and in iOS. */
html { /* Change the default font family in all browsers (opinionated). */ font-family: "Roboto", Arial, Helvetica, sans-serif; font-size: 87.5%; line-height: 1.5em; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ }

/* Sections ========================================================================== */
/** Remove the margin in all browsers (opinionated). */
body { margin: 0; }

/** Add the correct display in IE 9-. */
article, aside, footer, header, nav, section { display: block; }

/** Correct the font size and margin on `h1` elements within `section` and `article` contexts in Chrome, Firefox, and Safari. */
h1 { font-size: 2.143em; line-height: 1.3999066729em; /* Set 1 unit of vertical rhythm on the top and bottom margins. */ margin: 0.6999533364em 0; }

h2 { font-size: 1.286em; line-height: 2.33281493em; margin: 1.166407465em 0; }

h3 { font-size: 1.125em; line-height: 1.3333333333em; margin: 1.3333333333em 0; }

h4 { font-size: 1em; line-height: 1.5em; margin: 1.5em 0; }

h5 { font-size: 0.857em; line-height: 1.7502917153em; margin: 1.7502917153em 0; }

h6 { font-size: 0.857em; line-height: 1.7502917153em; margin: 1.7502917153em 0; }

/* Grouping content ========================================================================== */
/** Set 1 unit of vertical rhythm on the top and bottom margin. */
blockquote { margin: 1.5em 40px; }

dl, ol, ul { margin: 1.5em 0; }

/** Turn off margins on nested lists. */
ol ol, ol ul, ul ol, ul ul { margin: 0; }

dd { margin: 0 0 0 40px; }

ol, ul { padding: 0 0 0 40px; }

/** Add the correct display in IE 9-. */
figcaption, figure { display: block; }

/** Add the correct margin in IE 8. */
figure { margin: 1.5em 40px; }

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

/** Add the correct display in IE. */
main { display: block; }

/** Set 1 unit of vertical rhythm on the top and bottom margin. */
p, pre { margin: 1.5em 0; }

/** 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, pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ }

/* Links ========================================================================== */
/** 1. Remove the gray background on active links in IE 10. 2. Remove gaps in links underline in iOS 8+ and Safari 8+. */
a { background-color: transparent; /* 1 */ -webkit-text-decoration-skip: objects; /* 2 */ }

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

/** Prevent the duplicate application of `bolder` by the next rule in Safari 6. */
b, strong { font-weight: inherit; }

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

/** Add the correct font style in Android 4.3-. */
dfn { font-style: italic; }

/** Add the correct background and color in IE 9-. */
mark { background-color: #ff0; color: #000; }

/** 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 ========================================================================== */
/** Add the correct display in IE 9-. */
audio, video { display: inline-block; }

/** Add the correct display in iOS 4-7. */
audio:not([controls]) { display: none; height: 0; }

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

/** Hide the overflow in IE. */
svg:not(:root) { overflow: hidden; }

/* Forms ========================================================================== */
/** Known issues: - `select`: By default, Chrome on OS X and Safari on OS X allow very limited styling of select, unless a border property is set. The default font weight on optgroup elements cannot safely be changed in Chrome on OSX and Safari on OS X. - `[type="checkbox"]`: It is recommended that you do not style checkbox and radio inputs as Firefox's implementation does not respect box-sizing, padding, or width. - `[type="number"]`: Certain font size values applied to number inputs cause the cursor style of the decrement button to change from `default` to `text`. - `[type="search"]`: The search input is not fully stylable by default. In Chrome and Safari on OSX/iOS you can't control `font`, `padding`, `border`, or `background`. In Chrome and Safari on Windows you can't control `border` properly. It will apply `border-width` but will only show a border color (which cannot be controlled) for the outer 1px of that border. Applying `-webkit-appearance: textfield` addresses these issues without removing the benefits of search inputs (e.g. showing past searches). Safari (but not Chrome) will clip the cancel button on when it has padding (and `textfield` appearance). - `::placeholder`: In Edge, placeholders will disappear on `relative` or `absolute` positioned `<input>` elements if you use `opacity` less than `1` due to a [bug](https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/3901363/). */
/** 1. Change the font styles in all browsers (opinionated). 2. Remove the margin in Firefox and Safari. */
button, input, optgroup, select, textarea { line-height: 1.5em; /* 1 */ font-family: "Roboto", Arial, Helvetica, sans-serif; /* 1 */ font-size: 100%; /* 1 */ margin: 0; /* 2 */ }

/** Show the overflow in IE. */
button { overflow: visible; }

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

/** 1. Prevent a WebKit bug where (2) destroys native `audio` and `video` controls in Android 4. 2. Correct the inability to style clickable types in iOS and Safari. */
button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; /* 2 */ }

[type="button"], [type="reset"], [type="submit"], button { /** Remove the inner border and padding in Firefox. */ /** Restore the focus styles unset by the previous rule. */ }

[type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner, button::-moz-focus-inner { border-style: none; padding: 0; }

[type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring, button:-moz-focusring { outline: 1px dotted ButtonText; }

/** Show the overflow in Edge. */
input { overflow: visible; }

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

/** 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; /* 1 */ outline-offset: -2px; /* 2 */ /** Remove the inner padding and cancel buttons in Chrome and Safari on macOS. */ }

[type="search"]::-webkit-search-cancel-button, [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; /* 1 */ font: inherit; /* 2 */ }

/** Correct the padding in Firefox. */
fieldset { padding: .35em .75em .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; /* 1 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ color: inherit; /* 2 */ white-space: normal; /* 1 */ }

/** 1. Add the correct display in IE 9-. 2. Add the correct vertical alignment in Chrome, Firefox, and Opera. */
progress { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ }

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

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

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

/* Add the correct display in IE 9-. */
menu { display: block; /* 1. Set 1 unit of vertical rhythm on the top and bottom margin. 2. Set consistent space for the list style image. */ margin: 1.5em 0; /* 1 */ padding: 0 0 0 40px; /* 2 */ /** Turn off margins on nested lists. */ }

menu menu, ol menu, ul menu { margin: 0; }

/* Scripting ========================================================================== */
/** Add the correct display in IE 9-. */
canvas { display: inline-block; }

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

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

/*Elements(h1,table,...)*/
* { -webkit-box-sizing: border-box; box-sizing: border-box; }

html { height: 100%; overflow-x: hidden; }

body { overflow-x: hidden; min-height: 100%; background-image: url(/assets/vereine3/img/icons/default-background.svg); background-size: 900px; background-repeat: repeat; background-attachment: fixed; background-position: center; }

p { margin-top: 0; margin-bottom: 0; }

p:not(:last-child) { margin-bottom: 10px; }

a { text-decoration: none; font-weight: 700; }

ol, ul { list-style-type: none; list-style-position: inside; margin: 0; padding: 0; }

pre { white-space: normal; margin-top: 10px; margin-bottom: 10px; }

h1 { line-height: 1.33; font-weight: 300; }

h2 { line-height: 1em; font-weight: 700; }

h3 { font-weight: 700; }

h4 { font-weight: 700; }

h5 { font-weight: 700; }

h6 { font-weight: 700; opacity: .75; }

b { font-weight: 700; }

small { font-size: .857em; }

iframe { border: none; }

ul.list { list-style-type: disc; }

figure { margin: 0; padding: 0; }

input { width: 100%; border: 1px solid currentColor; padding: 5px 10px; margin: 0; }

hr { border-color: currentColor; border-style: solid; border-top: 0; opacity: .25; }

/*Objects (OOCSS: .btn,.small,...)*/
.btn { display: inline-block; padding: .357em .714em; margin: 0; text-align: center; border: 1px solid; line-height: 1em; width: 100%; cursor: pointer; }

@media (min-width: 768px) { .btn { width: auto; } }

.select_prev:before { font-family: 'icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 2em; color: inherit; content: ""; line-height: inherit; vertical-align: middle; }

.select_next:before { font-family: 'icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 2em; color: inherit; content: ""; line-height: inherit; vertical-align: middle; }

.menu_items { -webkit-box-sizing: border-box; box-sizing: border-box; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: calc(100% + 20px); max-width: calc(100% + 20px); margin: 0 -10px; }

.menu_items > * { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: 100px; max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 10px; }

.menu_item { text-align: center; }

.menu_link { display: inline-block; width: 100%; }

.icon--car:before { font-family: 'icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1em; color: inherit; content: ""; margin-left: 5px; }

.icon--bus:before { font-family: 'icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1em; color: inherit; content: ""; margin-left: 5px; }

.icon--facebook:before { font-family: 'icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1em; color: inherit; content: ""; margin-left: 5px; }

.icon--twitter:before { font-family: 'icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1em; color: inherit; content: ""; margin-left: 5px; }

.icon--instagram:before { font-family: 'icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1em; color: inherit; content: ""; margin-left: 5px; }

.icon--youtube:before { font-family: 'icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1em; color: inherit; content: ""; margin-left: 5px; }

/*Components(BEM: .panel,.panel_header,...)*/
.page-header_wrapper { position: relative; max-width: 1280px; margin-left: auto; margin-right: auto; }

.page-header_wbg { width: 300px; height: 50px; margin-bottom: 25px; margin-left: auto; margin-right: auto; overflow: hidden; }

@media (min-width: 768px) { .page-header_wbg { margin-bottom: 10px; } }

@media (min-width: 992px) { .page-header_wbg { width: 728px; height: 90px; margin-bottom: 0; } }

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

.page-container_wrapper { -webkit-box-sizing: border-box; box-sizing: border-box; display: flex; width: calc(100% + 0px); max-width: calc(100% + 0px); margin: 0 0px; max-width: 1280px; margin-left: auto; margin-right: auto; }

.page-container_wrapper > * { -webkit-box-sizing: border-box; box-sizing: border-box; /* flex: none;*/ /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: 0; max-width: calc(100% - 0px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 0px; }

.page-container_wrapper > .page-container_wbg { display: none; }

@media (min-width: 992px) { .page-container_wrapper > .page-container_wbg { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: 300px; max-width: calc(100% - 0px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 0px; display: block; } }

.page-container_wrapper > .page-container_wbg img { width: auto; height: auto; max-width: 100%; max-height: 100%; }

.page-content { padding: 15px 10px 10px; position: relative; }

.page-content:before { content: ""; background-color: currentColor; position: absolute; top: 0; bottom: 0; left: 0; right: 0; opacity: 0.9; }

.brand { -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2); position: absolute; bottom: -3.1em; left: 0; z-index: 2; }

.brand_img-wrapper { width: 5.857em; height: 5.857em; position: relative; background-color: #fff; margin: .714em; }

@media (min-width: 768px) { .brand_img-wrapper { width: 7.857em; height: 7.857em; } }

@media (min-width: 1280px) { .brand_img-wrapper { width: 10.714em; height: 10.714em; } }

.brand_img { max-width: 100%; max-height: 100%; height: auto; width: auto; position: absolute; top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); }

.search { position: absolute; top: 0; left: -60px; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 2; }

.search_input { border: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; position: relative; background-color: transparent; padding: 1.429em 2.143em 1.429em 1.429em; color: inherit; }

.search_trigger { padding: 1.786em .714em; display: block; line-height: 1; }

.search_trigger:before { font-family: 'icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1.286em; color: inherit; content: ""; }

.search_wrapper { position: absolute; top: 100%; right: 0; z-index: 1; height: 0; overflow: hidden; -webkit-transition: .2s linear height; transition: .2s linear height; width: 200px; }

.search_wrapper--is-expanded { height: 61px; }

.search_wrapper:after { font-family: 'icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1.286em; color: inherit; content: ""; position: absolute; top: 50%; right: 10px; -webkit-transform: translateY(-50%); transform: translateY(-50%); opacity: .6; }

.search_wrapper:before { content: ''; position: absolute; left: 2px; right: 2px; top: 0; background-color: currentColor; bottom: 2px; opacity: .2; }

.search_wrapper.menu-theme:before { background-color: currentColor; }

.main-navigation { padding-left: 10px; padding-right: 10px; }

.main-navigation > .instances-column { position: relative; z-index: 2; -webkit-box-sizing: border-box; box-sizing: border-box; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: calc(100% + 20px); max-width: calc(100% + 20px); margin: 0 -10px; }

@media (min-width: 992px) { .main-navigation > .instances-column { padding-right: 300px; } }

.main-navigation > .instances-column > * { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: calc( 100% - 20px); max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 10px; position: relative; }

.main-navigation > .instances-column > .app-vhp3_frontendEditing, .main-navigation > .instances-column > .app-vhp3_sektionslogo, .main-navigation > .instances-column > .app-vhp3_suche, .main-navigation > .instances-column > .app-foesvAdSpace { -webkit-box-sizing: border-box; box-sizing: border-box; /* flex: none;*/ /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: 0; max-width: calc(100% - 0px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 0px 0px; }

.main-navigation > .instances-column > .app-foesvAdSpace { display: none; }

.main-navigation > .instances-column:before { content: ''; position: absolute; left: 50%; right: 50%; top: 0; bottom: 0; z-index: 1; margin-left: -50vw; margin-right: -50vw; -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2); }

.main-navigation > .instances-column > .app-navigation { -webkit-box-sizing: border-box; box-sizing: border-box; /* flex: none;*/ /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: 0; max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 10px; }

.main-navigation_menu { padding-left: calc(5.857em + 20px*2); padding-right: 60px; -webkit-box-sizing: border-box; box-sizing: border-box; display: flex; -webkit-box-pack: flex-end; -ms-flex-pack: flex-end; justify-content: flex-end; width: calc(100% + 0px); max-width: calc(100% + 0px); margin: 0 0px; }

@media (min-width: 768px) { .main-navigation_menu { padding-left: calc(7.857em + 20px*2); } }

@media (min-width: 1280px) { .main-navigation_menu { padding-left: calc(11.714em + 20px*2); } }

.main-navigation_menu > * { -webkit-box-sizing: border-box; box-sizing: border-box; /* flex: initial;*/ /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-preferred-size: auto; flex-basis: auto; width: auto; max-width: calc(100% - 0px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 0px 0px; }

.main-navigation_items { height: 100%; }

.main-navigation_items-collapsed { margin-right: 10px; margin-left: 10px; z-index: 1; top: 100%; right: 0; left: 0; }

@media (min-width: 992px) { .main-navigation_items-collapsed { left: auto; white-space: nowrap; } }

.main-navigation_item { float: left; z-index: 2; }

@media (min-width: 992px) { .main-navigation_item { position: relative; } }

.main-navigation_item--has-sub-items > .main-navigation_link:after { content: '▾'; padding-left: .357em; display: inline-block; }

.main-navigation_sub-items { position: absolute; left: 10px; right: 10px; top: 100%; z-index: 1; }

@media (min-width: 992px) { .main-navigation_sub-items { max-width: calc(100% + 380px); left: 0; right: auto; white-space: nowrap; } }

.main-navigation_sub-item > .main-navigation_link { padding: .714em 2.143em; }

@media (min-width: 768px) { .main-navigation_sub-item > .main-navigation_link { padding-left: .714em; } }

.main-navigation_link { color: inherit; font-weight: 400; padding: 1.786em .714em; display: block; }

/*flex-plugin*/
.flexMenu-viewMore { float: right; }

.flexMenu-viewMore > a { /*toggle*/ color: inherit; font-weight: 400; padding: 1.786em .714em; display: inline-block; text-align: right; float: right; position: relative; z-index: 1; width: 35px; height: 70px; white-space: nowrap; overflow: hidden; }

.flexMenu-viewMore > a:before { font-family: 'icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1.286em; color: inherit; content: ""; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.flexMenu-viewMore .main-navigation_sub-items { position: static; left: auto; top: auto; }

.flexMenu-viewMore .main-navigation_item { float: none; }

@media (min-width: 992px) { .flexMenu-viewMore { position: relative; } }

.content_sujet { margin-bottom: 20px; }

.content_sujet-img { width: auto; height: auto; max-height: 100%; max-width: 100%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.content_title { font-size: 1em; line-height: 1.5em; font-weight: 700; margin-top: 0; margin-bottom: 1em; }

.content_title--centered { text-align: center; }

.content_divider { height: 1px; width: 100%; background-color: currentColor; opacity: .25; margin-bottom: 20px; }

.content_footer { -webkit-box-sizing: border-box; box-sizing: border-box; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: space-between; -ms-flex-pack: space-between; justify-content: space-between; width: calc(100% + 20px); max-width: calc(100% + 20px); margin: 0 -10px; position: relative; padding-top: 10px; }

.content_footer:before { content: ''; position: absolute; left: 0; right: 0; top: 0; height: 1px; background-color: currentColor; opacity: 0.5; }

body .content_footer { background-color: transparent; }

.content_footer > * { -webkit-box-sizing: border-box; box-sizing: border-box; /* flex: initial;*/ /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-preferred-size: auto; flex-basis: auto; width: auto; max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 10px 20px; }

.content_footer-left { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: 400px; max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 10px 20px; }

.content_footer-links { -webkit-box-sizing: border-box; box-sizing: border-box; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: flex-end; -ms-flex-pack: flex-end; justify-content: flex-end; width: calc(100% + 5px); max-width: calc(100% + 5px); margin: 0 -2.5px; text-align: right; opacity: .5; }

.content_footer-links .content_footer-link { color: inherit; }

.content_footer-links > * { -webkit-box-sizing: border-box; box-sizing: border-box; /* flex: initial;*/ /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-preferred-size: auto; flex-basis: auto; width: auto; max-width: calc(100% - 5px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 2.5px; }

.content_footer-link { color: inherit; font-weight: 400; }

.sujet { width: 100%; padding-bottom: calc(100%*0.26); position: relative; overflow: hidden; }

.panels { position: relative; }

.panels > .instances-column { -webkit-box-sizing: border-box; box-sizing: border-box; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: space-around; -ms-flex-pack: space-around; justify-content: space-around; width: calc(100% + 20px); max-width: calc(100% + 20px); margin: 0 -10px; }

.panels > .instances-column > * { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: calc( 100% - 20px); max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 10px 20px; }

@media (min-width: 768px) { .panels > .instances-column > .panel--1\/1 { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: calc( 100% - 20px); max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 10px 20px; } }

@media (min-width: 768px) { .panels > .instances-column > .panel--1\/3 { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: calc( 33.3333333333% - 20px); max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 10px 20px; } }

.panels > .instances-column > .panel--1\/3.app-vhp3_kurztabelle { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: calc( 100% - 20px); max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 10px 20px; }

@media (min-width: 1280px) { .panels > .instances-column > .panel--1\/3.app-vhp3_kurztabelle { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: calc( 33.3333333333% - 20px); max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 10px 20px; } }

@media (min-width: 768px) { .panels > .instances-column > .panel--2\/3 { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: calc( 66.6666666667% - 20px); max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 10px 20px; } }

@media (min-width: 768px) { .panels > .instances-column > .panel--1\/2 { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: calc( 50% - 20px); max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 10px 20px; } }

.panels > .instances-column > .panel_wbg:not(.panel_wbg--werbung) { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: 300px; max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 10px 20px; }

.panel_header { -webkit-box-sizing: border-box; box-sizing: border-box; display: flex; width: calc(100% + 0px); max-width: calc(100% + 0px); margin: 0 0px; padding: .357em 0; position: relative; }

.panel_header:before { content: ''; position: absolute; bottom: -1px; left: 0; width: 100px; height: 2px; background-color: currentColor; }

.panel_header:after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 1px; background-color: currentColor; opacity: .25; }

.panel_header > * { -webkit-box-sizing: border-box; box-sizing: border-box; /* flex: initial;*/ /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-preferred-size: auto; flex-basis: auto; width: auto; max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 10px; }

.panel_content { -webkit-box-sizing: border-box; box-sizing: border-box; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: space-around; -ms-flex-pack: space-around; justify-content: space-around; width: calc(100% + 0px); max-width: calc(100% + 0px); margin: 0 0px; padding-top: .625em; padding-bottom: .625em; }

.panel_content > * { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: calc( 100% - 20px); max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 10px; }

.panel_content > .panel_cards { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: 300px; max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 10px 20px; padding-right: 0; padding-left: 0; padding-bottom: 0; }

.panel_content > .panel_text { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: calc( 100% - 20px); max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 10px; }

.panel_content > .panel_slider { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: calc( 100% - 20px); max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 10px; padding-right: 0; padding-left: 0; padding-bottom: 0; }

.panel_content > .content_tabs--1\/2 { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: calc( 100% - 20px); max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 10px; }

@media (min-width: 768px) { .panel_content > .content_tabs--1\/2 { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: calc( 50% - 20px); max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 10px; } }

.panel_content > .content_adds-and-outs { padding: 0; }

.panel_content > .content_program { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: calc( 100% - 20px); max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 10px; }

@media (min-width: 768px) { .panel_content > .content_program { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: calc( 50% - 20px); max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 10px; } }

.panel_content > .content_statistics { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: 450px; max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 10px; }

.panel_content > .content_results { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: 470px; max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 10px; }

.panel_content > .content_last-matches { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: calc( 100% - 20px); max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 10px; }

.panel_content > .panel_fans { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: calc( 100% - 20px); max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 10px; padding-right: 0; padding-left: 0; }

.panel_content > .content_match { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: calc( 100% - 20px); max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 10px; padding-right: 0; padding-left: 0; }

.panel_content > .content_match-title { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: calc( 100% - 20px); max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 10px; }

.panel_content > .content_liga-table { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: calc( 100% - 20px); max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 10px; }

@media (min-width: 768px) { .panel_content > .content_liga-table { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: calc( 50% - 20px); max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 10px; } }

.panel_content > .content_liga-list { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: calc( 100% - 20px); max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 10px; }

@media (min-width: 768px) { .panel_content > .content_liga-list { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: calc( 50% - 20px); max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 10px; } }

.panel_content > .panel_club-info { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: calc( 100% - 20px); max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 10px; padding-left: 0; padding-right: 0; }

.panel_content > .panel_person { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: calc( 100% - 20px); max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 10px; }

.panel_content > .content_person { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: calc( 100% - 20px); max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 10px; }

.panel_content > .content_video { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: calc( 100% - 20px); max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 10px; }

.panel_content > .panel_menu { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: calc( 100% - 20px); max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 10px; }

.panel_content > .panel_widget { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: calc( 100% - 0px); max-width: calc(100% - 0px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 0px 0px; padding: 0; overflow: hidden; }

.panel_content > .content_fussball-online { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: calc( 100% - 20px); max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 10px; }

.panel_content > .content_teaser { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: calc( 100% - 20px); max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 10px; }

.panel_content > .panel_img { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: calc( 100% - 20px); max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 10px; }

.panel_content_widget { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: calc( 100% - 20px); max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 10px; overflow: hidden; padding: 0; }

.panel_title { -webkit-box-sizing: border-box; box-sizing: border-box; /* flex: none;*/ /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: 0; max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 10px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: 1.285em; font-weight: 700; line-height: 1.285em; }

.panel_link:after { content: '▸'; padding-left: 5px; }

.panel--is-collapsed .panel_title { cursor: pointer; }

.panel--is-collapsed .panel_title:before { content: '▸'; }

.panel--is-collapsed .panel_content { display: none; }

.panel--is-expanded .panel_title { cursor: pointer; }

.panel--is-expanded .panel_title:before { content: '▾'; }

.panel--is-expanded .panel_content { display: -webkit-box; display: -ms-flexbox; display: flex; }

.panel_wbg { position: relative; padding-top: 10px; padding-bottom: 10px; z-index: 1; -webkit-box-sizing: border-box; box-sizing: border-box; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: calc(100% + 0px); max-width: calc(100% + 0px); margin: 0 0px; }

.panel_wbg > * { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: calc( 100% - 0px); max-width: calc(100% - 0px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 0px; }

.panel_wbg:after { content: ''; position: absolute; top: 0; right: 0; left: 50px; border-top: 1px solid currentColor; opacity: .2; }

.panel_wbg:before { content: 'Sponsor'; position: absolute; top: -13px; left: 0; right: 0; bottom: 0; padding-right: 5px; font-size: 12px; border-bottom: 1px solid currentColor; opacity: .2; }

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

.panel_wbg--foesv:before { content: 'fussballoesterreich.at Partner'; }

.panel_wbg--foesv:after { left: 165px; }

.panel_wbg--werbung:before { content: 'Werbung'; }

.panel_wbg--werbung a { aspect-ratio: 16/9; }

.panel_wbg--werbung img { object-position: center; object-fit: scale-down; width: 100%; height: 100%; max-width: none; max-height: none; }

.panel_wbg a { position: relative; z-index: 1; }

body .panel_wbg { background-color: transparent; }

.card { -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2); position: relative; padding-bottom: 50px; }

.card_img { padding-bottom: calc(100%*9/16); width: 100%; background-size: cover; background-position: center; position: relative; }

.card_label { position: absolute; bottom: 0; -webkit-transform: translateY(50%); transform: translateY(50%); right: 10px; padding: 5px 10px; line-height: 1em; }

.card_content { padding: 15px 10px 50px; }

.card_title { font-size: 20px; }

.card_subtitle { font-size: 12px; font-weight: 700; }

.card_btn { margin-left: auto; margin-right: auto; }

.card_btn-wrapper { text-align: center; position: absolute; bottom: 15px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }

.swiper-container { z-index: 0; }

.swiper-button-next { width: 20px; top: 0; bottom: 20px; height: auto; margin-top: 0; right: 0; background-image: none; }

.swiper-button-next:before { font-family: 'icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1em; color: inherit; content: ""; font-size: 1.5em; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 0; }

.swiper-button-prev { width: 20px; top: 0; bottom: 20px; height: auto; margin-top: 0; left: 0; background-image: none; }

.swiper-button-prev:before { font-family: 'icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1em; color: inherit; content: ""; font-size: 1.5em; position: absolute; top: 50%; -webkit-transform: translateY(-50%) rotateZ(0.5turn); transform: translateY(-50%) rotateZ(0.5turn); right: 0; }

.swiper-container-horizontal { padding-bottom: 30px; }

.swiper-wrapper-bg { top: 0; bottom: 1px; position: absolute; right: 0; left: 0; opacity: .05; }

.panel-theme .swiper-pagination.swiper-pagination-fraction { background-color: transparent; }

.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom { bottom: 0; }

.swiper-button-next, .swiper-button-prev { opacity: 0; }

.swiper-container:hover .swiper-button-next, .swiper-container:hover .swiper-button-prev { opacity: .2; }

.swiper-button-disabled { display: none; }

.team-thumbnail { width: 114px; margin-top: 10px; margin-bottom: 10px; -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2); margin-right: auto; margin-left: auto; }

.team-thumbnail_img { width: 100%; background-size: contain; padding-bottom: calc(100%*9/16); background-repeat: no-repeat; background-position: 50%; }

.team-thumbnail_name { padding: 10px; text-align: center; }

.newest-member { -webkit-box-sizing: border-box; box-sizing: border-box; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: calc(100% + 0px); max-width: calc(100% + 0px); margin: 0 0px; margin: 10px 5px; width: calc(100% - 10px); max-width: calc(100% - 10px); padding: 10px; }

.swiper-slide .newest-member { -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2); }

.newest-member_img-wrapper { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-preferred-size: auto; flex-basis: auto; width: 103px; max-width: calc(100% - 10px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 5px; position: relative; }

.newest-member_img { position: absolute; left: 50%; top: 50%; -webkit-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); width: auto; height: auto; max-width: 100%; max-height: 100%; }

.newest-member_infos { -webkit-box-sizing: border-box; box-sizing: border-box; /* flex: 1;*/ /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: auto; max-width: calc(100% - 10px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 5px; position: relative; }

.newest-member_infos:before { content: ''; height: 1px; position: absolute; left: 0; right: 0; bottom: 0; background-color: currentColor; opacity: .10; }

.newest-member_name { font-weight: 700; margin-bottom: 10px; }

.newest-member_clubs { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: calc( 100% - 10px); max-width: calc(100% - 10px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 5px; -webkit-box-sizing: border-box; box-sizing: border-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: calc(100% + 10px); max-width: calc(100% + 10px); margin: 0 -5px; padding-top: 10px; }

@media (min-width: 768px) { .newest-member_clubs { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } }

.newest-member_club { -webkit-box-sizing: border-box; box-sizing: border-box; /* flex: none;*/ /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: 0; max-width: calc(100% - 10px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 5px; -webkit-box-sizing: border-box; box-sizing: border-box; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: calc(100% + 0px); max-width: calc(100% + 0px); margin: 0 0px; }

.newest-member_icon-arrow-right { -webkit-box-sizing: border-box; box-sizing: border-box; /* flex: initial;*/ /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-preferred-size: auto; flex-basis: auto; width: auto; max-width: calc(100% - 10px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 5px; }

.newest-member_icon-arrow-right:before { font-family: 'icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 20px; color: inherit; content: ""; -webkit-transform: rotateZ(0.25turn); transform: rotateZ(0.25turn); display: inline-block; }

@media (min-width: 768px) { .newest-member_icon-arrow-right:before { -webkit-transform: rotateZ(0); transform: rotateZ(0); } }

.club_img-wrapper { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: 45px; max-width: calc(100% - 10px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 5px; height: 45px; position: relative; }

.club_img { position: absolute; left: 50%; top: 50%; -webkit-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); }

.club_name { -webkit-box-sizing: border-box; box-sizing: border-box; /* flex: none;*/ /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: 0; max-width: calc(100% - 10px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 5px; }

.gallery-item { padding-bottom: 30px; }

.gallery-item_wrapper { position: relative; padding-bottom: calc(100%*9/16); }

.gallery-item_title { font-weight: 700; margin-top: 1rem; }

.gallery-item_copyright { opacity: 0.75; font-size: 0.857em; }

.gallery-item_content { width: auto; height: auto; max-width: 100%; max-height: 100%; position: absolute; top: 50%; left: 50%; -webkit-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); }

.gallery-thumbnail-item_content { width: auto; height: auto; max-width: 100%; max-height: 100%; }

.slider_gallery .swiper-container-horizontal { padding-bottom: 0; }

.slider_gallery .swiper-button-next, .slider_gallery .swiper-button-prev { bottom: 0; }

.slider_gallery-thumbnails { padding-top: 0; }

.slider_gallery-thumbnails .swiper-container-horizontal { padding: 10px; }

.slider_gallery-thumbnails .swiper-slide { width: 50px; max-height: 50px; }

.fans { -webkit-box-sizing: border-box; box-sizing: border-box; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: calc(100% + 0px); max-width: calc(100% + 0px); margin: 0 0px; }

.fans_count { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: calc( 100% - 20px); max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 10px 20px; }

@media (min-width: 768px) { .fans_count { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: 200px; max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 10px 20px; } }

.fans_number { font-size: 60px; line-height: 1; }

.fans_club-name { font-weight: 700; font-size: 0.857em; }

.fans_btn { margin-top: 5px; }

.fans_text { font-size: 0.857em; }

.fans_benefits { font-size: 0.857em; -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: calc( 100% - 20px); max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 10px 20px; }

@media (min-width: 768px) { .fans_benefits { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: 200px; max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 10px 20px; } }

.person { -webkit-box-sizing: border-box; box-sizing: border-box; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: calc(100% + 10px); max-width: calc(100% + 10px); margin: 0 -5px; }

.person_img-wrapper { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-preferred-size: auto; flex-basis: auto; width: 80px; max-width: calc(100% - 10px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 5px; height: 100px; position: relative; }

.person_img { position: absolute; left: 50%; top: 50%; -webkit-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); width: auto; height: auto; max-width: 100%; max-height: 100%; }

.person_infos { -webkit-box-sizing: border-box; box-sizing: border-box; /* flex: none;*/ /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: 0; max-width: calc(100% - 10px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 5px; }

.person_icon--ANMERKUNG { font-style: italic; }

.person_icon--TELEFON:before { font-family: 'icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1em; color: inherit; content: ""; padding-right: 5px; }

.person_icon--MOBIL:before { font-family: 'icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1em; color: inherit; content: ""; padding-right: 5px; }

.person_icon--FAX:before { font-family: 'icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1em; color: inherit; content: ""; padding-right: 5px; }

.person_icon--EMAIL { padding-left: 20px; position: relative; -webkit-hyphens: none; -ms-hyphens: none; hyphens: none; }

.person_icon--EMAIL:before { font-family: 'icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1em; color: inherit; content: ""; position: absolute; top: 3px; left: 0; }

.person_icon--TEXT:first-child { font-weight: 700; font-size: 12px; }

.person_text--is-indented { padding-left: 10px; }

.persons { -webkit-box-sizing: border-box; box-sizing: border-box; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: calc(100% + 20px); max-width: calc(100% + 20px); margin: 0 -10px; }

.persons > * { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: 400px; max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 10px 20px; }

.persons--is-coach > * { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: calc( 100% - 20px); max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 10px 20px; }

@media (min-width: 768px) { .persons--is-coach > * { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: calc( 50% - 20px); max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 10px 20px; } }

@media (min-width: 768px) { .persons--is-coach .person:first-child { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; text-align: right; } .persons--is-coach .person:first-child .widget-player_other-icon:first-child { margin-left: auto; } .persons--is-coach .person:first-child .widget-player_other-icon:last-child { margin-right: 10px; } .persons--is-coach .person:last-child .widget-player_other-icon:first-child { margin-left: 0px; } .persons--is-coach .person:last-child .widget-player_other-icon:last-child { margin-right: auto; } }

.persons--is-coach .person .widget-player_other-icon:first-child { margin-left: 0px; }

.persons--is-coach .person .widget-player_other-icon:last-child { margin-right: auto; }

.persons--is-coach .person_text { font-size: .857em; }

.persons--is-player > * { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: calc( 100% - 20px); max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 10px 20px; }

@media (min-width: 480px) { .persons--is-player > * { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: calc( 50% - 20px); max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 10px 20px; } }

.persons--is-player .content_title { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: calc( 100% - 20px); max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 10px 20px; }

@media (min-width: 480px) { .persons--is-player .widget-list:first-child { text-align: right; } .persons--is-player .widget-list:first-child .widget-list_container { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .persons--is-player .widget-list:first-child .widget-player_nr { right: auto; left: 0; } .persons--is-player .widget-list:first-child .widget-player_other-icon:last-child { margin-right: 5px; } .persons--is-player .widget-list:first-child .widget-player_other-icon:nth-child(3), .persons--is-player .widget-list:first-child .widget-player_other-icon:nth-child(2) { margin-left: auto; } }

.persons .widget-list_container { margin-left: 0; margin-right: 0; width: 100%; }

.persons .widget-list_player { margin-left: 0; margin-right: 0; }

.persons--is-referee > * { -webkit-box-sizing: border-box; box-sizing: border-box; /* flex: 1;*/ /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: auto; max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 10px 20px; }

.persons--is-referee > .person:first-child { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: 300px; max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 10px 20px; position: relative; }

.persons--is-referee > .person:first-child:before { content: ""; position: absolute; opacity: 0.5; bottom: 0; left: 0; right: 0; background-color: currentColor; }

@media (min-width: 970px) { .persons--is-referee > .person:first-child:before { content: none; } }

@media (min-width: 992px) { .persons--is-referee > .person:first-child:before { content: ""; } }

@media (min-width: 1270px) { .persons--is-referee > .person:first-child:before { content: none; } }

.persons--is-referee > .person:first-child .person_img-wrapper { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-preferred-size: auto; flex-basis: auto; width: 50px; max-width: calc(100% - 10px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 5px; height: 82px; }

@media (min-width: 970px) { .persons--is-referee > .person:first-child .person_img-wrapper { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-preferred-size: auto; flex-basis: auto; width: 60px; max-width: calc(100% - 10px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 5px; } }

@media (min-width: 992px) { .persons--is-referee > .person:first-child .person_img-wrapper { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-preferred-size: auto; flex-basis: auto; width: 50px; max-width: calc(100% - 10px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 5px; } }

@media (min-width: 1270px) { .persons--is-referee > .person:first-child .person_img-wrapper { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-preferred-size: auto; flex-basis: auto; width: 60px; max-width: calc(100% - 10px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 5px; } }

.persons--is-referee .persons_wrapper { -webkit-box-sizing: border-box; box-sizing: border-box; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: calc(100% + 20px); max-width: calc(100% + 20px); margin: 0 -10px; -webkit-box-sizing: border-box; box-sizing: border-box; /* flex: 1;*/ /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: auto; max-width: calc(100% - 0px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 0px 0px; }

.persons--is-referee .persons_wrapper > * { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: 190px; max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 10px 20px; }

.persons--is-referee .person_img-wrapper { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-preferred-size: auto; flex-basis: auto; width: 50px; max-width: calc(100% - 10px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 5px; height: 82px; }

.persons--is-referee .person_img { top: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); }

.persons--is-referee .person_text { font-size: .857em; }

.persons--is-referee .person_text:first-child { font-size: 1em; font-weight: 400; }

.content_adds-and-outs { -webkit-box-sizing: border-box; box-sizing: border-box; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: calc(100% + 0px); max-width: calc(100% + 0px); margin: 0 0px; margin-left: 5px; margin-right: 5px; }

.content_adds-and-outs > * { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: calc( 100% - 10px); max-width: calc(100% - 10px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 5px 10px; }

@media (min-width: 768px) { .content_adds-and-outs > * { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: calc( 50% - 10px); max-width: calc(100% - 10px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 5px 10px; } }

.content_adds-and-outs .newest-member { position: relative; padding-left: 0; padding-right: 0; }

.content_adds-and-outs .newest-member:after { position: absolute; bottom: 0; left: 0; right: 0; height: 1px; background-color: currentColor; opacity: 0.25; content: ""; }

@media (min-width: 480px) { .content_adds-and-outs .newest-member_icon-arrow-right:before { -webkit-transform: rotateZ(0); transform: rotateZ(0); } .content_adds-and-outs .newest-member_clubs { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } }

.club-info { -webkit-box-sizing: border-box; box-sizing: border-box; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: calc(100% + 0px); max-width: calc(100% + 0px); margin: 0 0px; }

.club-info_item { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: calc( 100% - 20px); max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 10px 20px; }

@media (min-width: 768px) { .club-info_item { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: 193px; max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 10px 20px; } }

.club-info_persons { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: calc( 100% - 20px); max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 10px; }

@media (min-width: 768px) { .club-info_persons { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: calc( 100% - 20px); max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 10px; } }

.club-info_icon--TELEFON:before { font-family: 'icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1em; color: inherit; content: ""; padding-right: 5px; }

.club-info_icon--MOBIL:before { font-family: 'icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1em; color: inherit; content: ""; padding-right: 5px; }

.club-info_icon--FAX:before { font-family: 'icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1em; color: inherit; content: ""; padding-right: 5px; }

.club-info_icon--EMAIL { padding-left: 20px; position: relative; -webkit-hyphens: none; -ms-hyphens: none; hyphens: none; }

.club-info_icon--EMAIL:before { font-family: 'icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1em; color: inherit; content: ""; position: absolute; top: 3px; left: 0; }

.club-info_title { font-weight: 700; }

.club-info_title.text--is-centered { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: calc( 100% - 20px); max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 10px; }

.club-info_persons { -webkit-box-sizing: border-box; box-sizing: border-box; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: calc(100% + 0px); max-width: calc(100% + 0px); margin: 0 0px; }

.club-info_person { -webkit-box-sizing: border-box; box-sizing: border-box; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: calc(100% + 10px); max-width: calc(100% + 10px); margin: 0 -5px; -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-preferred-size: auto; flex-basis: auto; width: 290px; max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 10px 20px; }

.club-info_person:nth-child(2n) { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; text-align: right; }

.club-info_person:nth-child(2n) [class*="person_icon"]:before { content: none; }

.club-info_person:nth-child(2n) .person_icon--TELEFON:after { font-family: 'icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1em; color: inherit; content: ""; padding-left: 5px; }

.club-info_person:nth-child(2n) .person_icon--MOBIL:after { font-family: 'icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1em; color: inherit; content: ""; padding-left: 5px; }

.club-info_person:nth-child(2n) .person_icon--FAX:after { font-family: 'icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1em; color: inherit; content: ""; padding-left: 5px; }

.club-info_person:nth-child(2n) .person_icon--EMAIL { padding-left: 0; padding-right: 20px; position: relative; -webkit-hyphens: none; -ms-hyphens: none; hyphens: none; }

.club-info_person:nth-child(2n) .person_icon--EMAIL:after { font-family: 'icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1em; color: inherit; content: ""; position: absolute; top: 3px; right: 0; left: auto; }

/*btn*/
.widget-btn { display: inline-block; padding: 5px; border: none; font-size: 1em; text-align: center; cursor: pointer; }

/*dropdown*/
.widget-dropdown_btn { -webkit-box-sizing: border-box; box-sizing: border-box; display: flex; -webkit-box-pack: flex-end; -ms-flex-pack: flex-end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: calc(100% + 10px); max-width: calc(100% + 10px); margin: 0 -5px; }

.widget-dropdown_btn > * { -webkit-box-sizing: border-box; box-sizing: border-box; /* flex: initial;*/ /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-preferred-size: auto; flex-basis: auto; width: auto; max-width: calc(100% - 10px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 5px; }

.widget-dropdown_list { list-style: none; padding: 0; margin: 0; }

.widget-dropdown_list-item { padding: 5px; text-align: right; }

.widget-dropdown_trigger { padding-left: 10px; padding-right: 10px; }

.widget-small { font-size: .714em; }

.widget-large { font-size: 1.714em; }

.widget-bx-wrapper { border: 0; }

.widget-widgetHolder { position: absolute; left: 0; right: 0; bottom: 0; top: 85px; }

@media (min-width: 992px) { .widget-widgetHolder { top: 95px; } }

@media (min-width: 1280px) { .widget-widgetHolder { top: 125px; } }

.noad .widget-widgetHolder { top: 25px; }

/* ad*/
.widget-ad { padding-top: 5px; padding-bottom: 5px; font-size: .8rem; }

.widget-ad_header { -webkit-box-sizing: border-box; box-sizing: border-box; display: flex; width: calc(100% + 0px); max-width: calc(100% + 0px); margin: 0 0px; margin-bottom: 5px; }

.widget-ad_text { -webkit-box-sizing: border-box; box-sizing: border-box; /* flex: 1;*/ /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: auto; max-width: calc(100% - 0px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 0px; position: relative; }

.widget-ad_text:after { content: ''; border-bottom: 1px solid currentColor; display: block; position: absolute; height: 1px; left: 13em; right: .4em; bottom: 0; }

.widget-ad_link { -webkit-box-sizing: border-box; box-sizing: border-box; /* flex: initial;*/ /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-preferred-size: auto; flex-basis: auto; width: auto; max-width: calc(100% - 0px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 0px; color: inherit; }

.widget-ad_content { max-width: 100%; margin: 0 auto 10px; border-bottom: 1px solid currentColor; padding-bottom: 5px; height: 56px; width: 300px; overflow: hidden; }

@media (min-width: 992px) { .widget-ad_content { height: 66px; width: 468px; } }

@media (min-width: 1280px) { .widget-ad_content { height: 96px; width: 728px; } }

.noad .widget-ad_content { display: none; }

.app-foesvAdSpace.hidden { display: none; }

.foesv_ad_popup_link { display: inline-block; background-color: white; padding: 5px; line-height: 0px; max-width: 310px; }

.foesv_ad_popup_link img { max-width: 300px; }

@media (min-width: 620px) { .foesv_ad_popup_link { max-width: 610px; } .foesv_ad_popup_link img { max-width: 600px; } }

/*table*/
.widget-table { width: 100%; border-collapse: collapse; border-spacing: 0; }

.widget-table_header { font-weight: bold; text-align: left; padding: 2px 5px; }

.widget-table_v-line { width: 2px; }

.widget-table_h-line { border-bottom: 1px solid currentColor; padding: 0; }

.widget-table_row { position: relative; }

.widget-table_content { padding: 2px 5px; }

.widget-table_content a[href] { color: currentColor; overflow-wrap: break-word; word-wrap: break-word; word-break: break-all; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; }

.widget-table_content-img-wrapper { width: 2.857em; height: 2.857em; border-radius: 50%; background-color: #fff; overflow: hidden; }

.widget-table_content-img { width: auto; height: auto; max-width: 100%; max-height: 100%; position: relative; top: 50%; -webkit-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); left: 50%; }

.widget-table_content--center { text-align: center; }

.widget-table_content--right { text-align: right; }

.widget-list { padding-top: 2px; overflow: hidden; position: relative; }

.widget-list.spiele:before { content: ""; position: absolute; top: 2px; left: 0; right: 0; height: 1px; background-color: currentColor; opacity: 0.25; position: absolute; z-index: 1; }

.widget-list.spiele .widget-list_container:first-child:before { content: none; }

.widget-list_info { position: relative; font-size: 0.857em; padding: 2px 10px; }

.widget-list_info:before { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background-color: currentColor; opacity: 0.1; width: 100%; }

.widget-list_container { -webkit-box-sizing: border-box; box-sizing: border-box; display: flex; width: calc(100% + 10px); max-width: calc(100% + 10px); margin: 0 -5px; position: relative; }

.widget-list_container--cancelled .match_date, .widget-list_container--cancelled .match_home-team, .widget-list_container--cancelled .match_other-team { text-decoration: line-through; }

.widget-list_container:first-child:before { content: ""; top: 0; left: 0; right: 0; height: 1px; background-color: currentColor; opacity: 0.25; position: absolute; z-index: 1; }

.widget-list_container:after { content: ""; position: absolute; bottom: 0; left: 0; right: 0; height: 1px; background-color: currentColor; opacity: 0.25; width: 100%; }

.widget-list_container > * { -webkit-box-sizing: border-box; box-sizing: border-box; /* flex: initial;*/ /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-preferred-size: auto; flex-basis: auto; width: auto; max-width: calc(100% - 10px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 5px; }

.widget-list_container > .next-last-match_link { -webkit-box-sizing: border-box; box-sizing: border-box; /* flex: initial;*/ /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-preferred-size: auto; flex-basis: auto; width: auto; max-width: calc(100% - 0px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 0px; }

.widget-list_topscorer { -webkit-box-sizing: border-box; box-sizing: border-box; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: calc(100% + 10px); max-width: calc(100% + 10px); margin: 0 -5px; -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: calc( 100% - 10px); max-width: calc(100% - 10px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 5px; padding-top: 5px; padding-bottom: 5px; border-top-width: 1px; border-top-style: solid; }

.widget-list_topscorer > * { -webkit-box-sizing: border-box; box-sizing: border-box; /* flex: initial;*/ /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-preferred-size: auto; flex-basis: auto; width: auto; max-width: calc(100% - 10px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 5px; }

.widget-list_cards { -webkit-box-sizing: border-box; box-sizing: border-box; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: calc(100% + 10px); max-width: calc(100% + 10px); margin: 0 -5px; -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: calc( 100% - 10px); max-width: calc(100% - 10px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 5px; padding-top: 5px; padding-bottom: 5px; border-top-width: 1px; border-top-style: solid; }

.widget-list_cards > * { -webkit-box-sizing: border-box; box-sizing: border-box; /* flex: initial;*/ /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-preferred-size: auto; flex-basis: auto; width: auto; max-width: calc(100% - 10px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 5px; }

.widget-list_player--left { position: relative; font-size: .635em; }

@media (min-width: 480px) { .widget-list_player--left { font-size: inherit; } }

.widget-list_player--right { -webkit-box-sizing: border-box; box-sizing: border-box; /* flex: 1;*/ /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: auto; max-width: calc(100% - 10px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 5px; }

.widget-list_match { -webkit-box-sizing: border-box; box-sizing: border-box; /* flex: 1;*/ /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: auto; max-width: calc(100% - 10px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 5px; -webkit-box-sizing: border-box; box-sizing: border-box; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: calc(100% + 10px); max-width: calc(100% + 10px); margin: 0 -5px; position: relative; padding: 18px 5px 0; }

.widget-list_match--primary { border-bottom-width: 1px; border-bottom-style: solid; }

.widget-list_match:not(:first-child):before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 1px; display: block; }

.widget-list_match > * { -webkit-box-sizing: border-box; box-sizing: border-box; /* flex: initial;*/ /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-preferred-size: auto; flex-basis: auto; width: auto; max-width: calc(100% - 10px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 5px 10px; }

/* widget-panel*/
.widget-panel { border: currentColor; position: relative; }

.widget-panel_header { -webkit-box-sizing: border-box; box-sizing: border-box; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: calc(100% + 20px); max-width: calc(100% + 20px); margin: 0 -10px; opacity: 0.5; padding: 5px; position: absolute; top: 0; left: 0; right: 0; z-index: 2; }

.widget-panel_content { padding-top: 1.929em; padding-bottom: 0; }

.widget-panel_content--footer { padding-bottom: 2.643em; }

.widget-panel_footer { position: absolute; bottom: 0; left: 0; right: 0; z-index: 2; }

.widget-panel_footer:before { content: ""; background-color: currentColor; position: absolute; top: 0; bottom: 0; left: 0; right: 0; opacity: 0.1; pointer-events: none; }

/*header*/
.widget-header_text { -webkit-box-sizing: border-box; box-sizing: border-box; /* flex: 1;*/ /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: auto; max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 10px; min-width: 0; line-height: 1.25; }

.widget-header_text-content { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }

.widget-header_link { -webkit-box-sizing: border-box; box-sizing: border-box; /* flex: initial;*/ /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-preferred-size: auto; flex-basis: auto; width: auto; max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 10px; color: inherit; line-height: 1.25; }

.widget-header_selectbox { -webkit-box-sizing: border-box; box-sizing: border-box; /* flex: 1;*/ /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: auto; max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 10px; border-style: solid; border-width: 1px; position: relative; }

.widget-header_selectbox:before { content: ''; width: 0; height: 0; border-style: solid; border-width: 5px 5px 0 5px; border-color: currentColor transparent transparent transparent; position: absolute; top: 50%; right: 5px; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.widget-header_selectbox select { background-color: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; color: inherit; width: 100%; padding: 0 5px; height: 1.071em; font-size: .786em; }

.widget-header_selectbox select::-ms-expand { display: none; }

.widget-header_selectbox select option { color: black; }

/*footer*/
.widget-footer_dropdown { padding: 5px; }

.widget-footer_btn-group { padding: 5px; -webkit-box-sizing: border-box; box-sizing: border-box; display: flex; -webkit-box-pack: flex-end; -ms-flex-pack: flex-end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: calc(100% + 0px); max-width: calc(100% + 0px); margin: 0 0px; }

.widget-footer_btn-group > * { -webkit-box-sizing: border-box; box-sizing: border-box; /* flex: initial;*/ /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-preferred-size: auto; flex-basis: auto; width: auto; max-width: calc(100% - 0px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 0px; }

/*info*/
.widget-info { font-size: .714em; opacity: .5; text-align: right; padding: 10px 5px; }

/*more*/
.widget-more { background-color: #EAEAEA; color: white; text-align: center; padding: 2px 5px; }

.widget-more--bottom { position: absolute; top: 0; left: 0; right: 0; -webkit-transform: translateY(-100%); transform: translateY(-100%); }

.widget-more--bottom:before { font-family: 'icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1em; color: inherit; content: ""; }

.widget-more--bottom:after { font-family: 'icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1em; color: inherit; content: ""; }

.widget-more--top { position: absolute; bottom: 0; left: 0; right: 0; -webkit-transform: translateY(100%); transform: translateY(100%); }

.widget-more--top:before { display: inline-block; background-repeat: no-repeat; /* 			background-image: url(../img/sprite.svg); */ width: 1em; height: 1em; background-size: contain; vertical-align: middle; /* A particular icon has been specified*/ content: ""; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%3E%3C%2Fsvg%3E"); /*background-image: url("../img/.svg");*/ /*background-image: url("../img/sprite.svg#"); */ /* Include any extra rules supplied for the pseudo-element (color,...)*/ }

.widget-more--top:after { display: inline-block; background-repeat: no-repeat; /* 			background-image: url(../img/sprite.svg); */ width: 1em; height: 1em; background-size: contain; vertical-align: middle; /* A particular icon has been specified*/ content: ""; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%3E%3C%2Fsvg%3E"); /*background-image: url("../img/.svg");*/ /*background-image: url("../img/sprite.svg#"); */ /* Include any extra rules supplied for the pseudo-element (color,...)*/ }

.widget-match_date { position: relative; }

.widget-match_date:before { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: currentColor; opacity: .25; content: ""; }

.widget-match_date--small { font-size: .8em; position: absolute; top: -3px; left: 11px; padding: 0 10px; z-index: 1; }

.widget-match_date--lg { border-top-width: 1px; border-top-style: solid; width: 5.857em; padding: 10px 5px; text-align: center; line-height: 1.3; }

.widget-match_team-logo { width: 40px; height: 40px; }

.widget-match_team-logo img { width: auto; height: auto; max-height: 100%; max-width: 100%; position: relative; top: 50%; -webkit-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); left: 50%; }

.widget-match_competition { /*@extend %bg-white-transparent;*/ font-size: .857em; position: absolute; top: 0; right: 15px; text-align: right; opacity: .5; }

.panel-theme .widget-match_home-team { -webkit-box-sizing: border-box; box-sizing: border-box; /* flex: none;*/ /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: 0; max-width: calc(100% - 10px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 5px 10px; text-align: right; text-decoration: none; color: inherit; }

.panel-theme .widget-match_other-team { -webkit-box-sizing: border-box; box-sizing: border-box; /* flex: none;*/ /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: 0; max-width: calc(100% - 10px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 5px 10px; text-decoration: none; color: inherit; }

.widget-match_live { padding: 0 10px; text-transform: uppercase; }

.widget-match_live--small { position: absolute; top: -3px; right: 1px; font-size: .8em; /*@extend %bg-gray;*/ }

.widget-match_comment { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: calc( 100% - 10px); max-width: calc(100% - 10px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 5px 10px; position: relative; padding-top: 10px; text-align: center; font-size: .85em; }

.widget-match_comment:before { content: ''; position: absolute; top: 0; left: 25%; right: 25%; height: 1px; background-color: currentColor; }

.widget-match_scores { -webkit-box-sizing: border-box; box-sizing: border-box; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: calc(100% + 10px); max-width: calc(100% + 10px); margin: 0 -5px; -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: 4.55em; max-width: calc(100% - 10px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 5px 10px; margin-right: 0; margin-left: 0; font-size: 1.285em; text-align: center; }

.widget-match_scores--primary { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: 5.35em; max-width: calc(100% - 10px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 5px 10px; }

.widget-match_scores--primary .scores_left { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: 1.7em; max-width: calc(100% - 10px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 5px; height: 1.7em; border-radius: 50%; padding: 5px; /*@extend %bg-dark;*/ text-align: inherit; }

.widget-match_scores--primary .scores_right { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: 1.7em; max-width: calc(100% - 10px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 5px; height: 1.7em; padding: 5px; border-radius: 50%; /*@extend %bg-dark;*/ text-align: inherit; }

.widget-match_scores > * { -webkit-box-sizing: border-box; box-sizing: border-box; /* flex: initial;*/ /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-preferred-size: auto; flex-basis: auto; width: auto; max-width: calc(100% - 10px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 5px; }

.widget-scores_left { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: 1.3em; max-width: calc(100% - 10px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 5px; text-align: right; }

.widget-scores_right { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: 1.3em; max-width: calc(100% - 10px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 5px; text-align: left; }

.widget-scores_first-half { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: calc( 100% - 10px); max-width: calc(100% - 10px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 5px; font-size: 0.625em; }

.widget-player { -webkit-box-sizing: border-box; box-sizing: border-box; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: calc(100% + 10px); max-width: calc(100% + 10px); margin: 0 -5px; }

.widget-player > * { -webkit-box-sizing: border-box; box-sizing: border-box; /* flex: initial;*/ /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-preferred-size: auto; flex-basis: auto; width: auto; max-width: calc(100% - 10px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 5px; }

.widget-player_name { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: calc( 100% - 10px); max-width: calc(100% - 10px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 5px; -ms-flex-item-align: end; align-self: flex-end; text-decoration: none; color: inherit; }

.widget-player_position { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: calc( 100% - 10px); max-width: calc(100% - 10px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 5px; font-size: .857em; }

.widget-player_nr { position: absolute; bottom: 0; right: 0; border-radius: 50%; line-height: 2em; z-index: 1; text-align: center; width: 2em; height: 2em; }

.widget-player_nr:empty :before { content: "\2014"; }

.widget-player_in-action { /*@include panel-theme ( $icon: shirt, $size: 15px);*/ -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: 2.5em; max-width: calc(100% - 10px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 5px; -ms-flex-item-align: start; align-self: flex-start; position: relative; padding-left: 1.357em; }

.widget-player_in-action:before { font-family: 'icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1em; color: inherit; content: ""; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 0; }

.widget-player_other-icon { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: 1em; max-width: calc(100% - 10px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 5px; -ms-flex-item-align: start; align-self: flex-start; text-align: right; line-height: 1; }

.widget-player_other-icon:last-child { margin-right: auto; }

.widget-player_other-icon--goal:before { font-family: 'icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1em; color: inherit; content: ""; }

.widget-player_other-icon--own-goal { color: red; }

.widget-player_other-icon--own-goal:before { font-family: 'icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1em; color: inherit; content: ""; }

.widget-player_other-icon--transfer:before { font-family: 'icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1em; color: inherit; content: ""; }

.widget-player_other-icon--card-red { color: red; }

.widget-player_other-icon--card-red:before { font-family: 'icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1em; color: inherit; content: ""; }

.widget-player_other-icon--card-yellow { color: orange; }

.widget-player_other-icon--card-yellow:before { font-family: 'icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1em; color: inherit; content: ""; }

.widget-player_other-icon--card-red-yellow { position: relative; }

.widget-player_other-icon--card-red-yellow:before { font-family: 'icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1em; color: inherit; content: ""; color: red; }

.widget-player_other-icon--card-red-yellow:after { font-family: 'icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1em; color: inherit; content: ""; color: orange; position: absolute; top: 0; left: 0; }

.widget-player_other-icon--card-blue { color: blue; }

.widget-player_other-icon--card-blue:before { font-family: 'icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1em; color: inherit; content: ""; }

.widget-player_other-icon--card-red-blue { position: relative; }

.widget-player_other-icon--card-red-blue:before { font-family: 'icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1em; color: inherit; content: ""; color: red; }

.widget-player_other-icon--card-red-blue:after { font-family: 'icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1em; color: inherit; content: ""; color: blue; position: absolute; top: 0; left: 0; }

.widget-player_goals { /*  @include panel-theme ( $icon: ball, $size: 15px);*/ -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: 2.5em; max-width: calc(100% - 10px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 5px; -ms-flex-item-align: start; align-self: flex-start; position: relative; padding-left: 1.357em; }

.widget-player_goals:before { font-family: 'icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1em; color: inherit; content: ""; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 0; }

.widget-player_card--red { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: 2.5em; max-width: calc(100% - 10px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 5px; -ms-flex-item-align: start; align-self: flex-start; position: relative; padding-left: 1.357em; }

.widget-player_card--red:before { font-family: 'icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1em; color: inherit; content: ""; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 0; color: red; }

.widget-player_card--yellow { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: 2.5em; max-width: calc(100% - 10px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 5px; -ms-flex-item-align: start; align-self: flex-start; position: relative; padding-left: 1.357em; }

.widget-player_card--yellow:before { font-family: 'icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1em; color: inherit; content: ""; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 0; color: orange; }

.widget-player_card--red-yellow { position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: 2.5em; max-width: calc(100% - 10px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 5px; -ms-flex-item-align: start; align-self: flex-start; position: relative; padding-left: 1.357em; }

.widget-player_card--red-yellow:before { font-family: 'icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1em; color: inherit; content: ""; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 0; color: red; }

.widget-player_card--red-yellow:after { font-family: 'icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1em; color: inherit; content: ""; color: orange; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 0; }

.widget-player_card--red-blue { position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: 2.5em; max-width: calc(100% - 10px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 5px; -ms-flex-item-align: start; align-self: flex-start; position: relative; padding-left: 1.357em; }

.widget-player_card--red-blue:before { font-family: 'icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1em; color: inherit; content: ""; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 0; color: red; }

.widget-player_card--red-blue:after { font-family: 'icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1em; color: inherit; content: ""; color: blue; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 0; }

.widget-player_card--blue { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: 2.5em; max-width: calc(100% - 10px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 5px; -ms-flex-item-align: start; align-self: flex-start; position: relative; padding-left: 1.357em; }

.widget-player_card--blue:before { font-family: 'icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1em; color: inherit; content: ""; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 0; color: blue; }

.widget-player_image { width: auto; height: auto; max-width: 100%; max-height: 100%; position: relative; top: 50%; -webkit-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); left: 50%; }

.widget-player_image-wrapper { width: 5em; height: 5em; margin: .714em; text-align: left; }

.widget-topscorer_rank { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: 2.286em; max-width: calc(100% - 10px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 5px; }

.widget-topscorer_name { -webkit-box-sizing: border-box; box-sizing: border-box; /* flex: 1;*/ /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: auto; max-width: calc(100% - 10px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 5px; -ms-flex-item-align: end; align-self: flex-end; }

.widget-topscorer_in-action { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: 2.5em; max-width: calc(100% - 10px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 5px; position: relative; padding-left: 1.357em; text-align: right; }

.widget-topscorer_in-action:before { font-family: 'icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1em; color: inherit; content: ""; position: absolute; top: 0; left: 0; }

.widget-topscorer_goals { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: 2.5em; max-width: calc(100% - 10px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 5px; position: relative; padding-left: 1.357em; text-align: right; }

.widget-topscorer_goals:before { font-family: 'icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1em; color: inherit; content: ""; position: absolute; top: 0; left: 0; }

.widget-cards_name { -webkit-box-sizing: border-box; box-sizing: border-box; /* flex: 1;*/ /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: auto; max-width: calc(100% - 10px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 5px; }

.widget-cards_in-action { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: 2.5em; max-width: calc(100% - 10px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 5px; }

.widget-cards_in-action:before { font-family: 'icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1em; color: inherit; content: ""; padding-right: 5px; }

.widget-cards_goals { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: 2.5em; max-width: calc(100% - 10px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 5px; }

.widget-cards_goals:before { font-family: 'icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1em; color: inherit; content: ""; padding-right: 5px; }

.widget-cards_card--red { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: 2.5em; max-width: calc(100% - 10px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 5px; position: relative; padding-left: 1.357em; text-align: right; }

.widget-cards_card--red:before { font-family: 'icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1em; color: inherit; content: ""; position: absolute; top: 0; left: 0; color: red; }

.widget-cards_card--yellow { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: 2.5em; max-width: calc(100% - 10px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 5px; position: relative; padding-left: 1.357em; text-align: right; }

.widget-cards_card--yellow:before { font-family: 'icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1em; color: inherit; content: ""; position: absolute; top: 0; left: 0; color: orange; }

.widget-cards_card--red-yellow { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: 2.5em; max-width: calc(100% - 10px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 5px; position: relative; padding-left: 1.357em; text-align: right; }

.widget-cards_card--red-yellow:before { font-family: 'icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1em; color: inherit; content: ""; position: absolute; top: 0; left: 0; color: red; }

.widget-cards_card--red-yellow:after { font-family: 'icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1em; color: inherit; content: ""; position: absolute; top: 0; left: 0; color: orange; position: absolute; top: 0; left: 0; }

.widget-spinner { padding: 10px; }

.widget-spinner svg g { stroke-width: .5; }

@-webkit-keyframes ball-movement { 0% { -webkit-transform: translatex(0px);
    transform: translatex(0px); }
  60% { -webkit-transform: translateY(-2px);
    transform: translateY(-2px); }
  50% { -webkit-transform: translatex(10px) translateY(0);
    transform: translatex(10px) translateY(0); }
  100% { -webkit-transform: translatex(0px) translateY(0px);
    transform: translatex(0px) translateY(0px); } }

@keyframes ball-movement { 0% { -webkit-transform: translatex(0px);
    transform: translatex(0px); }
  60% { -webkit-transform: translateY(-2px);
    transform: translateY(-2px); }
  50% { -webkit-transform: translatex(10px) translateY(0);
    transform: translatex(10px) translateY(0); }
  100% { -webkit-transform: translatex(0px) translateY(0px);
    transform: translatex(0px) translateY(0px); } }

.ball { -webkit-animation: ball-movement 1.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) infinite; animation: ball-movement 1.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) infinite; }

@-webkit-keyframes leg-right-movement { 0% { -webkit-transform: rotateZ(-20deg);
    transform: rotateZ(-20deg); }
  50% { -webkit-transform: rotateZ(20deg);
    transform: rotateZ(20deg); }
  100% { -webkit-transform: rotateZ(-20deg);
    transform: rotateZ(-20deg); } }

@keyframes leg-right-movement { 0% { -webkit-transform: rotateZ(-20deg);
    transform: rotateZ(-20deg); }
  50% { -webkit-transform: rotateZ(20deg);
    transform: rotateZ(20deg); }
  100% { -webkit-transform: rotateZ(-20deg);
    transform: rotateZ(-20deg); } }

.leg--right { -webkit-animation: leg-right-movement .7s linear infinite; animation: leg-right-movement .7s linear infinite; -webkit-transform-origin: top right; transform-origin: top right; }

@-webkit-keyframes leg-left-movement { 0% { -webkit-transform: rotateZ(20deg);
    transform: rotateZ(20deg); }
  50% { -webkit-transform: rotateZ(-20deg);
    transform: rotateZ(-20deg); }
  100% { -webkit-transform: rotateZ(20deg);
    transform: rotateZ(20deg); } }

@keyframes leg-left-movement { 0% { -webkit-transform: rotateZ(20deg);
    transform: rotateZ(20deg); }
  50% { -webkit-transform: rotateZ(-20deg);
    transform: rotateZ(-20deg); }
  100% { -webkit-transform: rotateZ(20deg);
    transform: rotateZ(20deg); } }

.leg--left { -webkit-animation: leg-left-movement .7s linear infinite; animation: leg-left-movement .7s linear infinite; -webkit-transform-origin: top right; transform-origin: top right; }

@-webkit-keyframes arm-left-movement { 0% { -webkit-transform: rotateZ(30deg);
    transform: rotateZ(30deg); }
  50% { -webkit-transform: rotateZ(-50deg);
    transform: rotateZ(-50deg); }
  100% { -webkit-transform: rotateZ(30deg);
    transform: rotateZ(30deg); } }

@keyframes arm-left-movement { 0% { -webkit-transform: rotateZ(30deg);
    transform: rotateZ(30deg); }
  50% { -webkit-transform: rotateZ(-50deg);
    transform: rotateZ(-50deg); }
  100% { -webkit-transform: rotateZ(30deg);
    transform: rotateZ(30deg); } }

.arm--left { -webkit-animation: arm-left-movement .7s linear infinite; animation: arm-left-movement .7s linear infinite; -webkit-transform-origin: top right; transform-origin: top right; }

@-webkit-keyframes arm-right-movement { 0% { -webkit-transform: rotateZ(-50deg);
    transform: rotateZ(-50deg); }
  50% { -webkit-transform: rotateZ(30deg);
    transform: rotateZ(30deg); }
  100% { -webkit-transform: rotateZ(-50deg);
    transform: rotateZ(-50deg); } }

@keyframes arm-right-movement { 0% { -webkit-transform: rotateZ(-50deg);
    transform: rotateZ(-50deg); }
  50% { -webkit-transform: rotateZ(30deg);
    transform: rotateZ(30deg); }
  100% { -webkit-transform: rotateZ(-50deg);
    transform: rotateZ(-50deg); } }

.arm--right { -webkit-animation: arm-right-movement .7s linear infinite; animation: arm-right-movement .7s linear infinite; -webkit-transform-origin: top right; transform-origin: top right; }

/* just helper for preview! remove class later or use it for iframes*/
.u-widget_content { display: none; }

.u-widget_content--show { display: block; }

.u-widget_empty-text { padding: 10px; text-align: center; }

.u-widget_hidden { display: none; }

.u-widget_visible--xs { display: none; }

.u-widget_visible-table--xs { display: none; }

.u-widget_visible-flex--xs { display: none; }

.u-widget_visible--sm { display: none; }

.u-widget_visible-table--sm { display: none; }

.u-widget_visible-flex--sm { display: none; }

.u-widget_visible--md { display: none; }

.u-widget_visible-table--md { display: none; }

.u-widget_visible-flex--md { display: none; }

.u-widget_visible--lg { display: none; }

.u-widget_visible-table--lg { display: none; }

.u-widget_visible-flex--lg { display: none; }

@media only screen and (min-width: 480px) { .u-widget_hidden--xs { display: none; } }

@media only screen and (min-width: 480px) { .u-widget_visible--xs { display: block; } }

@media only screen and (min-width: 480px) { .u-widget_visible-table--xs { display: table-cell; } }

@media only screen and (min-width: 480px) { .u-widget_visible-flex--xs { display: flex; } }

@media only screen and (min-width: 768px) { .u-widget_hidden--sm { display: none; } }

@media only screen and (min-width: 768px) { .u-widget_visible--sm { display: block; } }

@media only screen and (min-width: 768px) { .u-widget_visible-table--sm { display: table-cell; } }

@media only screen and (min-width: 768px) { .u-widget_visible-flex--sm { display: flex; } }

@media only screen and (min-width: 992px) { .u-widget_hidden--md { display: none; } }

@media only screen and (min-width: 992px) { .u-widget_visible--md { display: block; } }

@media only screen and (min-width: 992px) { .u-widget_visible-table--md { display: table-cell; } }

@media only screen and (min-width: 992px) { .u-widget_visible-flex--md { display: flex; } }

@media only screen and (min-width: 1280px) { .u-widget_hidden--lg { display: none; } }

@media only screen and (min-width: 1280px) { .u-widget_visible--lg { display: block; } }

@media only screen and (min-width: 1280px) { .u-widget_visible-table--lg { display: table-cell; } }

@media only screen and (min-width: 1280px) { .u-widget_visible-flex--lg { display: flex; } }

.tabs_link { border-bottom: 1px solid transparent; cursor: pointer; z-index: 1; }

.tabs_link--is-selected { border-color: currentColor; }

.tabs_links { -webkit-box-sizing: border-box; box-sizing: border-box; display: flex; width: calc(100% + 20px); max-width: calc(100% + 20px); margin: 0 -10px; position: relative; }

.tabs_links > * { -webkit-box-sizing: border-box; box-sizing: border-box; /* flex: initial;*/ /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-preferred-size: auto; flex-basis: auto; width: auto; max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 10px 20px; margin-bottom: 10px; }

.app-vhp3_spielberichtSpielort .tabs_links > *:first-child, .app-vhp3_spielortinfo + * .tabs_links > *:first-child { -webkit-box-sizing: border-box; box-sizing: border-box; /* flex: 1;*/ /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: auto; max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 10px 20px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; margin-bottom: 10px; }

.tabs_links:before { content: ''; height: 1px; background-color: currentColor; position: absolute; bottom: 10px; left: 10px; right: 10px; opacity: 0.25; }

.tabs_links_content-item { display: none; }

.timeline { -webkit-box-sizing: border-box; box-sizing: border-box; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: calc(100% + 20px); max-width: calc(100% + 20px); margin: 0 -10px; }

.timeline > * { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: calc( 100% - 20px); max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 10px; }

@media (min-width: 768px) { .timeline > * { -webkit-box-sizing: border-box; box-sizing: border-box; /* flex: none;*/ /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: 0; max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 10px; } }

.timeline > .timeline_update { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: calc( 100% - 20px); max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 10px; }

.timeline_update { font-size: .8em; text-align: center; }

@media (min-width: 768px) { .timeline_update { text-align: right; } }

.timeline_update > .btn:before { font-family: 'icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1em; color: inherit; content: ""; padding-right: .357em; }

.timeline_item { -webkit-box-sizing: border-box; box-sizing: border-box; display: flex; -webkit-box-align: flex-start; -ms-flex-align: flex-start; align-items: flex-start; width: calc(100% + 5px); max-width: calc(100% + 5px); margin: 0 -2.5px; position: relative; padding: 10px; }

@media (min-width: 480px) { .timeline_item { -webkit-box-sizing: border-box; box-sizing: border-box; display: flex; -webkit-box-align: flex-start; -ms-flex-align: flex-start; align-items: flex-start; width: calc(100% + 20px); max-width: calc(100% + 20px); margin: 0 -10px; } }

.timeline_item > * { -webkit-box-sizing: border-box; box-sizing: border-box; /* flex: initial;*/ /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-preferred-size: auto; flex-basis: auto; width: auto; max-width: calc(100% - 5px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 2.5px; }

@media (min-width: 480px) { .timeline_item > * { -webkit-box-sizing: border-box; box-sizing: border-box; /* flex: initial;*/ /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-preferred-size: auto; flex-basis: auto; width: auto; max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 10px; } }

.timeline_item > .timeline_text, .timeline_item > .timeline_loading { -webkit-box-sizing: border-box; box-sizing: border-box; /* flex: 1;*/ /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: auto; max-width: calc(100% - 5px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 2.5px; margin-top: 5px; }

@media (min-width: 480px) { .timeline_item > .timeline_text, .timeline_item > .timeline_loading { -webkit-box-sizing: border-box; box-sizing: border-box; /* flex: 1;*/ /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: auto; max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 10px; padding-right: 0; } }

.timeline_item > .timeline_time { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-preferred-size: auto; flex-basis: auto; width: 42px; max-width: calc(100% - 5px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 2.5px; }

@media (min-width: 480px) { .timeline_item > .timeline_time { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-preferred-size: auto; flex-basis: auto; width: 42px; max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 10px; } }

.timeline_item > .timeline_team { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-preferred-size: auto; flex-basis: auto; width: 40px; max-width: calc(100% - 5px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 2.5px; }

@media (min-width: 480px) { .timeline_item > .timeline_team { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-preferred-size: auto; flex-basis: auto; width: 40px; max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 10px; } }

.timeline_item:not(:first-child):before { content: ''; width: 5px; height: 12px; left: 122px; top: 0; position: absolute; background-color: currentColor; }

@media (min-width: 480px) { .timeline_item:not(:first-child):before { left: 159px; } }

.timeline_item:not(:first-child):last-child:before { height: 12px; }

.timeline_item:not(:last-child):after { content: ''; width: 5px; height: calc(100% - 48px); bottom: 0; left: 122px; position: absolute; background-color: currentColor; }

.timeline_item:not(:last-child):last-child:after { height: 12px; }

@media (min-width: 480px) { .timeline_item:not(:last-child):after { left: 159px; } }

.timeline_list { -webkit-box-sizing: border-box; box-sizing: border-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: flex-start; -ms-flex-pack: flex-start; justify-content: flex-start; width: calc(100% + 0px); max-width: calc(100% + 0px); margin: 0 0px; -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: 400px; max-width: calc(100% - 0px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 0px; }

.timeline_list > * { -webkit-box-sizing: border-box; box-sizing: border-box; /* flex: initial;*/ /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-preferred-size: auto; flex-basis: auto; width: auto; max-width: calc(100% - 0px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 0px 0px; }

.timeline_team:not(:empty) { width: 40px; height: 40px; border-radius: 100%; overflow: hidden; background-color: #fff; }

.timeline_team:not(:empty) > * { width: 100%; height: auto; position: relative; top: 50%; left: 50%; -webkit-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); }

.timeline_loading:after { overflow: hidden; display: inline-block; vertical-align: bottom; -webkit-animation: ellipsis steps(4, end) 700ms infinite; animation: ellipsis steps(4, end) 700ms infinite; content: '\2026'; width: 0; }

.timeline_text { word-break: break-word; }

.timeline_event { border: 2px solid currentColor; border-radius: 100%; width: 40px; height: 40px; position: relative; z-index: 1; }

.timeline_event:after, .timeline_event:before { position: absolute; top: 50%; left: 50%; -webkit-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); }

.timeline_event--general:before { font-family: 'icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1.428em; color: inherit; content: ""; }

.timeline_event--goal:before { font-family: 'icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1.428em; color: inherit; content: ""; }

.timeline_event--card-red:before { font-family: 'icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1.428em; color: inherit; content: ""; color: red; }

.timeline_event--card-yellow:before { font-family: 'icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1.428em; color: inherit; content: ""; color: orange; }

.timeline_event--on-going:before { font-family: 'icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1.428em; color: inherit; content: ""; }

.timeline_event--card-red-yellow:before { font-family: 'icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1.428em; color: inherit; content: ""; color: red; }

.timeline_event--card-red-yellow:after { font-family: 'icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1.428em; color: inherit; content: ""; color: orange; }

.timeline_event--change-player:before { font-family: 'icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1.428em; color: inherit; content: ""; }

.timeline_event--card-blue:before { font-family: 'icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1.428em; color: inherit; content: ""; color: blue; }

.timeline_event--card-red-blue:before { font-family: 'icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1.428em; color: inherit; content: ""; color: red; }

.timeline_event--card-red-blue:after { font-family: 'icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1.428em; color: inherit; content: ""; color: blue; }

@-webkit-keyframes ellipsis { to { width: 1.25em; } }

@keyframes ellipsis { to { width: 1.25em; } }

.liveticker_author { text-align: right; font-size: 0.857em; opacity: 0.75; }

.statistics { -webkit-box-sizing: border-box; box-sizing: border-box; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: calc(100% + 20px); max-width: calc(100% + 20px); margin: 0 -10px; -ms-flex-line-pack: center; align-content: center; }

.statistics > * { -webkit-box-sizing: border-box; box-sizing: border-box; /* flex: initial;*/ /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-preferred-size: auto; flex-basis: auto; width: auto; max-width: calc(100% - 0px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 0px 0px; }

.statistics > .statistics_donut { -webkit-box-sizing: border-box; box-sizing: border-box; /* flex: initial;*/ /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-preferred-size: auto; flex-basis: auto; width: auto; max-width: calc(100% - 0px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 0px 0px; }

.graph { font-size: 10px; width: 149px; }

.graph_time { fill-opacity: .25; font-weight: 700; fill: currentColor; }

.graph_text { font-weight: 700; fill: currentColor; }

.graph_divider { fill-opacity: .25; fill: currentColor; }

.graph_value { fill: currentColor; }

.statistics_donut { -webkit-box-sizing: border-box; box-sizing: border-box; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: calc(100% + 20px); max-width: calc(100% + 20px); margin: 0 -10px; }

.statistics_donut > * { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: 100px; max-width: calc(100% - 0px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 0px 0px; }

.donut_hole { fill: currentColor; }

.donut_ring { stroke: currentColor; fill: transparent; stroke-width: 3; stroke-opacity: 0.1; }

.donut_text { text-anchor: middle; fill: currentColor; }

.donut_text:only-child { font-size: .38em; }

.donut_numbers { font-size: 1.6em; text-anchor: middle; fill: currentColor; }

.donut_text-wrapper { text-anchor: middle; font-size: .3em; fill: currentColor; }

.donut_text-wrapper:empty { font-size: .38em; }

[class*="donut_segment"] { fill: transparent; stroke: currentColor; stroke-width: 3; }

[class*="donut_segment"].highlight-theme { stroke-opacity: 0.25; }

.results { font-size: .857em; -webkit-box-sizing: border-box; box-sizing: border-box; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: calc(100% + 0px); max-width: calc(100% + 0px); margin: 0 0px; }

.results > * { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: calc( 100% - 0px); max-width: calc(100% - 0px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 0px 0px; margin-top: -1px; }

@media (min-width: 480px) { .results > * { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: calc( 50% - 0px); max-width: calc(100% - 0px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 0px 0px; margin-top: -1px; } }

@media (min-width: 768px) { .results > * { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: calc( 33.3333333333% - 0px); max-width: calc(100% - 0px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 0px 0px; margin-top: -1px; } }

.results .widget-large { font-size: 1.714em; }

.results .widget-match_date--lg { font-size: .857em; width: 4.903em; }

.results .widget-match_date--lg.panel-theme-inv:before, .results .widget-match_date--lg.highlight-theme:before { opacity: 0; }

.results .widget-match_team-logo { width: 25px; height: 25px; }

.results .widget-match_scores { width: 3.244em; margin-right: 0; margin-left: 0; font-size: 1.285em; text-align: center; }

.results .widget-scores_left, .results .widget-scores_right { width: 1.168em; margin: 0; }

.results .widget-list_match > * { margin: 0; }

.results .widget-list_match { padding: 0; }

.results .widget-list_container:before { content: ""; top: 0; left: 0; right: 0; height: 1px; background-color: currentColor; opacity: 0.25; position: absolute; z-index: 1; }

.results .widget-list_container > * { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0; border: none; }

.last-matches { -webkit-box-sizing: border-box; box-sizing: border-box; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: calc(100% + 20px); max-width: calc(100% + 20px); margin: 0 -10px; }

.last-matches > * { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: calc( 100% - 20px); max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 10px 20px; }

@media (min-width: 768px) { .last-matches > * { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: calc( 50% - 20px); max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 10px 20px; } }

.last-matches .widget-list_match { margin: 0 5px; padding-left: 0; padding-right: 0; }

.match-title { padding: 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.match-title .widget-match_home-team { margin: 0; }

.match-title .widget-match_other-team { margin: 0; }

.match-title .widget-match_scores { margin: 0; }

.match-location { -webkit-box-sizing: border-box; box-sizing: border-box; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: calc(100% + 20px); max-width: calc(100% + 20px); margin: 0 -10px; }

.match-location > * { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: 180px; max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 10px 20px; }

.match-location_imgs { -webkit-box-sizing: border-box; box-sizing: border-box; display: flex; width: calc(100% + 20px); max-width: calc(100% + 20px); margin: 0 -10px; }

.match-location_imgs > * { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: 50px; max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 10px 20px; height: 50px; }

.match-location_img { width: 100%; height: auto; }

.img-wrapper { max-width: 100%; padding-bottom: calc(100%*3/7); position: relative; }

.img-wrapper > * { position: absolute; top: 50%; left: 50%; -webkit-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); max-width: calc(100% - 0.714em*2); max-height: calc(100% - 0.714em*2); width: auto; height: auto; }

.playfield_container { display: flex; flex-wrap: wrap; }

.playfield_container > * { padding: 0px 10px 10px 10px; }

.playfield_container .playfield_detail { list-style-type: initial; }

.articleBody { overflow-x: auto; width: 100%; }

.contentArticle > * { padding-top: .625em; padding-bottom: .625em; margin-left: 10px; margin-right: 10px; position: relative; }

.contentArticle .title { font-size: 1.285em; line-height: 1.285em; font-weight: 700; margin: 0; }

.contentArticle .subtitle { font-size: .857em; margin: 0; opacity: .75; line-height: 1.285em; }

.contentArticle .articleBody ol, .contentArticle .articleBody ul { list-style-type: initial; }

.contentArticle .articleBody table { border-collapse: collapse; border-spacing: 0; }

.contentArticle .articleBody td, .contentArticle .articleBody th { border: none; text-align: left; padding: 8px; width: 100px; position: relative; }

.contentArticle .articleBody td:after, .contentArticle .articleBody th:after { content: ''; left: 0; right: 0; bottom: 0; height: 1px; background-color: currentColor; opacity: .75; position: absolute; }

.contentArticle .articleBody blockquote { margin: 1.5em 10px; padding: .5em 10px .5em 40px; quotes: '\201C""\201D""\2018""\2019'; position: relative; }

.contentArticle .articleBody blockquote:before { content: open-quote; font-size: 4em; position: absolute; left: 0; top: 1rem; opacity: .75; }

.contentArticle .articleBody blockquote:after { content: ''; width: 3px; background-color: currentColor; opacity: .75; position: absolute; top: 0; bottom: 0; left: 25px; }

.contentArticle .articleBody h1, .contentArticle .articleBody h2, .contentArticle .articleBody h3, .contentArticle .articleBody h4, .contentArticle .articleBody h5, .contentArticle .articleBody h6 { line-height: 1.5em; }

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

.contentArticle .articleBody h1, .contentArticle .articleBody h2 { margin: 1.5em 0; font-size: 1.125em; font-weight: 700; }

.contentArticle .wrapper { -webkit-box-sizing: border-box; box-sizing: border-box; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: calc(100% + 20px); max-width: calc(100% + 20px); margin: 0 -10px; }

.contentArticle .wrapper > * { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: calc( 100% - 20px); max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 10px; }

@media (min-width: 480px) { .contentArticle .wrapper > .date { -webkit-box-sizing: border-box; box-sizing: border-box; /* flex: initial;*/ /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-preferred-size: auto; flex-basis: auto; width: auto; max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 10px; } .contentArticle .wrapper > .title { -webkit-box-sizing: border-box; box-sizing: border-box; /* flex: none;*/ /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: 0; max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; -webkit-box-ordinal-group: -1; -ms-flex-order: -1; order: -1; margin: 0 10px; } }

.contentArticle > header:before { content: ''; position: absolute; bottom: -1px; left: 0; width: 100px; height: 2px; background-color: currentColor; }

.contentArticle > header:after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 1px; background-color: currentColor; opacity: .25; }

.app-Calendar { /* overwrite blueContent JS-value */ }

.app-Calendar .fc-view { font-size: 3.2vw; line-height: 3.9vw; }

@media (min-width: 480px) { .app-Calendar .fc-view { font-size: 2vw; line-height: 2vw; } }

@media (min-width: 768px) { .app-Calendar .fc-view { font-size: 1em; line-height: 1.5em; } }

.app-Calendar .instance-header { font-size: 1.285em; font-weight: 700; line-height: 1.285em; padding: .357em 10px; position: relative; }

.app-Calendar .instance-header:before { content: ''; position: absolute; bottom: -1px; left: 0; width: 100px; height: 2px; background-color: currentColor; }

.app-Calendar .instance-header:after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 1px; background-color: currentColor; opacity: .25; }

.app-Calendar .overviewDiv { -webkit-box-sizing: border-box; box-sizing: border-box; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: calc(100% + 0px); max-width: calc(100% + 0px); margin: 0 0px; position: relative; font-size: .857em; }

.app-Calendar .overviewDiv > * { padding: .357em 10px; -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: calc( 100% - 0px); max-width: calc(100% - 0px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 0px 0px; }

@media (min-width: 480px) { .app-Calendar .overviewDiv > * { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: calc( 33.3333333333% - 0px); max-width: calc(100% - 0px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 0px 0px; } }

@media (min-width: 768px) { .app-Calendar .overviewDiv > * { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: calc( 25% - 0px); max-width: calc(100% - 0px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 0px 0px; } }

@media (min-width: 1280px) { .app-Calendar .overviewDiv > * { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: calc( 16.6666666667% - 0px); max-width: calc(100% - 0px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 0px 0px; } }

.app-Calendar .overviewDiv > .feed { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: calc( 100% - 0px); max-width: calc(100% - 0px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 0px 0px; }

@media (min-width: 480px) { .app-Calendar .overviewDiv > .feed { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: calc( 33.3333333333% - 0px); max-width: calc(100% - 0px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 0px 0px; } }

@media (min-width: 768px) { .app-Calendar .overviewDiv > .feed { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: calc( 25% - 0px); max-width: calc(100% - 0px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 0px 0px; } }

@media (min-width: 1280px) { .app-Calendar .overviewDiv > .feed { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: calc( 16.6666666667% - 0px); max-width: calc(100% - 0px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 0px 0px; } }

.app-Calendar .overviewDiv:after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 1px; background-color: currentColor; opacity: .25; }

.app-Calendar .feed { -webkit-box-sizing: border-box; box-sizing: border-box; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: calc(100% + 0px); max-width: calc(100% + 0px); margin: 0 0px; }

.app-Calendar .feed > * { -webkit-box-sizing: border-box; box-sizing: border-box; /* flex: initial;*/ /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-preferred-size: auto; flex-basis: auto; width: auto; max-width: calc(100% - 0px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 0px; }

.app-Calendar .feed > .feedColor { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-preferred-size: auto; flex-basis: auto; width: 16px; max-width: calc(100% - 0px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 0px; margin: 0 10px 0 0; border-radius: 50%; }

.app-Calendar .feed > .feedName { -webkit-box-sizing: border-box; box-sizing: border-box; /* flex: none;*/ /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: 0; max-width: calc(100% - 0px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 0px; }

.app-Calendar .feed > a { margin-left: 10px; }

.app-Calendar .feedName { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.app-Calendar .calendarDiv { padding: 10px; }

.app-Calendar .fc button { background-color: transparent; background-image: none; text-shadow: none; -webkit-box-shadow: none; box-shadow: none; border-bottom-color: rgba(0, 0, 0, 0.1); }

.app-Calendar .fc button.fc-state-active, .app-Calendar .fc button.fc-state-down { border-bottom-color: currentColor; }

.app-Calendar .fc-toolbar h2 { margin-top: 10px; }

.app-Calendar .fc-state-default.fc-corner-left { border-radius: 0; }

.app-Calendar .fc-state-default.fc-corner-right { border-radius: 0; }

.app-Calendar .fc-state-active, .app-Calendar .fc-state-down { -webkit-box-shadow: none; box-shadow: none; border-color: currentColor; }

.app-Calendar .fc-state-active, .app-Calendar .fc-state-default, .app-Calendar .fc-state-disabled, .app-Calendar .fc-state-down, .app-Calendar .fc-state-hover { color: currentColor; }

.app-Calendar .fc-event { border-radius: 0; }

.app-Calendar h2 { font-size: 1.25em; }

.app-Calendar .fc-day-grid-container, .app-Calendar .fc-time-grid-container { height: auto !important; }

.frontend-editing { position: relative; z-index: 3; }

.frontend-editing_show-log-in { position: absolute; top: 50px; padding: 2px 8px; background-color: inherit; opacity: .7; right: 10px; }

@media (min-width: 480px) { .frontend-editing_show-log-in { top: 0; } }

.frontend-editing_user { width: auto; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin-left: auto; }

.frontend-editing_user-role { font-size: .857em; }

.frontend-editing_btn { padding-top: 8px; padding-bottom: 8px; }

.frontend-editing_btn.logout { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; font-size: .857em; padding: 0; }

.frontend-editing_btn-group { -webkit-box-sizing: border-box; box-sizing: border-box; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: calc(100% + 5px); max-width: calc(100% + 5px); margin: 0 -2.5px; }

.frontend-editing_btn-group > * { -webkit-box-sizing: border-box; box-sizing: border-box; /* flex: initial;*/ /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-preferred-size: auto; flex-basis: auto; width: auto; max-width: calc(100% - 5px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 2.5px 5px; }

.frontend-editing_container { -webkit-box-sizing: border-box; box-sizing: border-box; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: calc(100% + 5px); max-width: calc(100% + 5px); margin: 0 -2.5px; padding: 10px; -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2); border-bottom: 1px solid currentColor; }

.frontend-editing_container > * { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: calc( 100% - 5px); max-width: calc(100% - 5px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 2.5px 5px; }

.frontend-editing_container > .frontend-editing_btn { -webkit-box-sizing: border-box; box-sizing: border-box; /* flex: initial;*/ /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-preferred-size: auto; flex-basis: auto; width: auto; max-width: calc(100% - 5px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 2.5px 5px; }

@media (min-width: 480px) { .frontend-editing_container > .frontend-editing_input { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: 220px; max-width: calc(100% - 5px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 2.5px 5px; } }

.frontend-editing_gallerie-list { -webkit-box-sizing: border-box; box-sizing: border-box; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: calc(100% + 0px); max-width: calc(100% + 0px); margin: 0 0px; }

.frontend-editing_gallerie-list > * { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: calc( 100% - 0px); max-width: calc(100% - 0px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 0px 0px; }

.frontend-editing_gallerie-item { -webkit-box-sizing: border-box; box-sizing: border-box; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: calc(100% + 0px); max-width: calc(100% + 0px); margin: 0 0px; }

.frontend-editing_gallerie-item > * { -webkit-box-sizing: border-box; box-sizing: border-box; /* flex: none;*/ /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: 0; max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 10px 20px; }

.frontend-editing_gallerie-item > .frontend-editing_gallerie-img-wrapper { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-preferred-size: auto; flex-basis: auto; width: 50px; max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 10px 20px; }

.frontend-editing_gallerie-item > .frontend-editing_gallerie-btn-group { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: calc( 100% - 20px); max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 10px 20px; }

@media (min-width: 480px) { .frontend-editing_gallerie-item > .frontend-editing_gallerie-btn-group { -webkit-box-sizing: border-box; box-sizing: border-box; /* flex: 1;*/ /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: auto; max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 10px 20px; margin-left: auto; } }

.frontend-editing_gallerie-img-wrapper { height: 50px; position: relative; z-index: 1; }

.frontend-editing_gallerie-img-wrapper:before { content: ""; background-color: currentColor; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -1; opacity: 0.1; }

.frontend-editing_gallerie-img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: auto; height: auto; max-width: 100%; max-height: 100%; }

.frontend-editing_gallerie-name { font-weight: 700; }

.frontend-editing_main { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }

.frontend-editing_main > * { -webkit-box-sizing: border-box; box-sizing: border-box; /* flex: initial;*/ /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-preferred-size: auto; flex-basis: auto; width: auto; max-width: calc(100% - 5px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 2.5px 5px; }

.frontend-editing_main > *:last-child { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; }

.frontend-editing--create { background: url("/assets/vereine3/img/article_new.png") center center no-repeat; text-indent: -9999999px; background-size: 25px; width: 30px; height: 30px; /* border-color: currentColor; */ white-space: nowrap; margin: 10px; }

.frontend-editing--edit { background: url("/assets/vereine3/img/article_edit.png") center center no-repeat; text-indent: -9999999px; background-size: 25px; width: 30px; height: 30px; /* border-color: currentColor; */ white-space: nowrap; margin: 10px; }

.card .frontend-editing--edit { position: absolute; bottom: 5px; left: 0; }

.frontend-editing--remove { background: url("/assets/vereine3/img/article_remove.png") center center no-repeat; text-indent: -9999999px; background-size: 25px; width: 30px; height: 30px; /* border-color: currentColor; */ white-space: nowrap; margin: 10px; }

.card .frontend-editing--remove { position: absolute; bottom: 5px; left: 50px; }

.app-vhp3_sujet .frontend-editing--edit { position: absolute; top: 0; right: 0; }

.app-vhp3_sujet .dz-clickable { background-color: transparent; }

.app-vhp3_sujet .panel-theme-inv .dz-cancel a { background-color: transparent; }

.dz-clickable { position: absolute; top: 0; left: 0; right: 0; bottom: 0; text-align: center; }

.dz-clickable_bg { position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: .5; }

.dz-message { color: currentColor; position: absolute; top: 50%; left: 0; right: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); background: lightgrey; width: 75%; margin: 0 auto; padding: 150px 0; outline: 3px solid red; }

.dz-cancel { position: absolute; left: 10px; top: 10px; background: white; }

.dz-cancel .btn { width: 420px; }

.dz-file-preview { position: absolute; top: calc(50% + 16px); left: 0; right: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); color: currentColor; }

.dz-file-preview:not(:last-child) { display: none; }

.dz-details { color: currentColor; position: absolute; top: 50%; left: 0; right: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.dz-progress { height: 20px; max-width: 200px; width: calc(100% - 30px); margin-left: auto; margin-right: auto; }

.dz-error-message { position: absolute; top: calc(50% + 32px); left: 0; right: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.dz-upload { background: currentColor; height: 100%; }

.dz-error .dz-progress { display: none; }

.bg-image-selector .dz-clickable { position: fixed; z-index: 5; }

.bg-image-selector .dz-clickable_bg { position: fixed; }

.bg-image-selector .dz-message { position: fixed; }

.bg-image-selector .dz-cancel { position: fixed; }

.bg-image-selector .dz-file-preview { position: fixed; }

.bg-image-selector .dz-details { position: fixed; }

.bg-image-selector .dz-error-message { position: fixed; }

.css-dialog { position: relative; width: 100%; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; }

.css-wrapper { padding: 10px; border: 1px solid currentColor; -webkit-box-sizing: border-box; box-sizing: border-box; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: calc(100% + 0px); max-width: calc(100% + 0px); margin: 0 0px; }

.css-wrapper > * { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: calc( 100% - 0px); max-width: calc(100% - 0px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 0px 0px; margin-bottom: 10px; }

@media (min-width: 992px) { .css-wrapper { position: absolute; top: -1px; right: 0; z-index: 3; width: 300px; } }

.css-selector { border: 1px solid currentColor; padding: 5px; }

.css-selector option { color: initial; }

.css-header { width: 100%; font-weight: 700; position: relative; }

.css-header:after { content: ''; left: 0; right: 0; bottom: 0; height: 1px; background-color: currentColor; opacity: .25; position: absolute; }

.css-color { -webkit-box-sizing: border-box; box-sizing: border-box; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: calc(100% + 0px); max-width: calc(100% + 0px); margin: 0 0px; margin-bottom: 10px; }

.css-color > * { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: 200px; max-width: calc(100% - 0px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 0px 0px; }

#css-theme-auswahl { width: 100%; border: 0; background-color: transparent; padding: 0; margin: 0; color: currentColor; }

.css-buttons > * { margin-bottom: 5px; padding: 0.357em 0.571em; }

.page-content > .instances-column > .app-vhp3_socialShare { margin-top: -15px; margin-bottom: 10px; }

@media (min-width: 1320px) { .share-bar { position: fixed; top: 50%; left: 0; z-index: 2; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 40px !important; } }

.share-bar_items { -webkit-box-sizing: border-box; box-sizing: border-box; display: flex; -webkit-box-pack: flex-end; -ms-flex-pack: flex-end; justify-content: flex-end; width: calc(100% + 0px); max-width: calc(100% + 0px); margin: 0 0px; }

@media (min-width: 1320px) { .share-bar_items { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } }

.share-bar_items > * { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: 40px; max-width: calc(100% - 0px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 0px 0px; height: 40px; text-indent: 999999px; white-space: nowrap; overflow: hidden; position: relative; }

.share-bar_item { cursor: pointer; }

.share-bar_item .share-bar_item-link { color: inherit; }

.share-bar_item--facebook:after { font-family: 'icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1.286em; color: inherit; content: ""; position: absolute; top: 50%; left: 50%; text-indent: 0; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.share-bar .share-bar_item--facebook:hover { color: white; }

.share-bar .share-bar_item--facebook:hover:before { background-color: #32599d; }

.share-bar_item--facebook:before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; }

.share-bar_item--whatsapp:after { font-family: 'icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1.286em; color: inherit; content: ""; position: absolute; top: 50%; left: 50%; text-indent: 0; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.share-bar .share-bar_item--whatsapp:hover { color: white; }

.share-bar .share-bar_item--whatsapp:hover:before { background-color: #00d856; }

.share-bar_item--whatsapp:before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; }

.share-bar_item--twitter:after { font-family: 'icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1.286em; color: inherit; content: ""; position: absolute; top: 50%; left: 50%; text-indent: 0; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.share-bar .share-bar_item--twitter:hover { color: white; }

.share-bar .share-bar_item--twitter:hover:before { background-color: #00a2f9; }

.share-bar_item--twitter:before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; }

.share-bar_item--email:after { font-family: 'icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1.286em; color: inherit; content: ""; position: absolute; top: 50%; left: 50%; text-indent: 0; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.share-bar .share-bar_item--email:hover { color: white; }

.share-bar .share-bar_item--email:hover:before { background-color: #999; }

.share-bar_item--email:before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; }

.fussball-online { -webkit-box-sizing: border-box; box-sizing: border-box; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center; width: calc(100% + 20px); max-width: calc(100% + 20px); margin: 0 -10px; }

.fussball-online > * { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: calc( 100% - 20px); max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 10px 20px; }

.fussball-online > .fussball-online_img-wrapper { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: 200px; max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 10px 20px; }

.fussball-online > .fussball-online_container { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: 150px; max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 10px 20px; }

.fussball-online_container { text-align: center; }

.fussball-online_img-text { font-size: 1em; line-height: 1.2em; text-align: center; font-weight: 700; }

.video-wrapper { width: 100%; padding-bottom: calc(100%*9/16); position: relative; overflow: hidden; }

.video { width: 100%; height: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; }

.teaser_link { -webkit-box-sizing: border-box; box-sizing: border-box; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: calc(100% + 10px); max-width: calc(100% + 10px); margin: 0 -5px; }

.teaser_link > * { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: calc( 100% - 10px); max-width: calc(100% - 10px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 5px 10px; }

.teaser_link > .teaser_img-wrapper { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-preferred-size: auto; flex-basis: auto; width: 80px; max-width: calc(100% - 10px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 5px 10px; }

.teaser_link > .teaser_title { -webkit-box-sizing: border-box; box-sizing: border-box; /* flex: none;*/ /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: 0; max-width: calc(100% - 10px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 5px 10px; }

.teaser_link:not(:last-child):after { content: ''; background-color: currentColor; height: 1px; width: 100%; opacity: 0.1; margin-bottom: 10px; }

.teaser_img { max-width: 100%; height: auto; }

.teaser_date { font-size: 0.857em; }

.social-media:before { content: ""; top: 0; bottom: 1px; position: absolute; right: 0; left: 0; opacity: .05; background-color: currentColor; }

.social-media_list { -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2); position: relative; margin: 1rem 0.714rem; /* 14/14, 10/14 */ padding: 0.714rem; /* 10/14 */ }

.social-media_header { -webkit-box-sizing: border-box; box-sizing: border-box; display: flex; width: calc(100% + 20px); max-width: calc(100% + 20px); margin: 0 -10px; }

.social-media_header > * { -webkit-box-sizing: border-box; box-sizing: border-box; /* flex: none;*/ /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: 0; max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 10px 20px; }

.social-media_header > .social-media_club-img-wrapper { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: 3.214rem; max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 10px 20px; /* 45/14 */ }

.social-media_title { font-weight: 700; }

.social-media_date { font-size: 0.857rem; /* 12/14 */ }

.social-media_club-img-wrapper { height: 3.214rem; /* 45/14 */ position: relative; overflow: hidden; }

.social-media_club-img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: auto; height: auto; max-height: 100%; max-width: 100%; }

.social-media_link { position: absolute; top: 0; bottom: 0; left: 0; right: 0; }

.social-media_item { position: relative; }

.social-media_item:not(:first-child) { margin-top: 10px; padding-top: 10px; }

.social-media_item:not(:first-child):before { content: ""; position: absolute; top: 0; left: 0; right: 0; background-color: currentColor; opacity: 0.1; height: 1px; }

.vhp3_socialMedia .panel_content { height: 0; padding-bottom: calc(100%*9/16); min-height: 150px; position: relative; overflow-y: scroll; margin-top: .625em; margin-bottom: .625em; padding-top: 0; }

.vhp3_socialMedia .content_social-media { position: absolute; top: 0; left: 0; }

/*Theming*/
.test- .menu-theme { background: #1862ab; /* color.menu */ color: white; /* color.menu-inv */ }

.test- .menu-theme > .instances-column:before { background: #1862ab; /* color.menu */ }

.test- .menu-theme_link { color: white; /* color.menu-inv */ background: #1862ab; /* color.menu */ border-color: white; /* color.menu-inv */ -webkit-transition: .2s linear all; transition: .2s linear all; }

.test- .menu-theme_link--selected, .test- .menu-theme_link:hover { color: #1862ab; /* color.menu */ background-color: white; /* color.menu-inv */ border-color: #1862ab; /* color.menu */ }

.test- .page-theme { background-color: #212529; /* color.page */ }

.test- .page-content { background-color: #087f5b; /* color.panel-color */ color: #fcc2d7; /* color.panel-bg */ }

.test- .panel-theme { background-color: #fcc2d7; /* color.panel-bg */ color: #087f5b; /* color.panel-color */ }

.test- .panel-theme a { color: #e67700; /* color.panel-link */ font-weight: 400; -webkit-transition: .2s linear all; transition: .2s linear all; }

.test- .panel-theme a:hover { color: #c92a2a; /* color.panel-hover */ }

.test- .panel-theme .panel_header:before { color: #4990E2; /* color.highlight-color */ }

.test- .panel-theme .panel_title { color: #862e9c; /* color.panel-title */ }

.test- .panel-theme .swiper-pagination-bullet { background-color: #087f5b; /* color.panel-color */ }

.test- .panel-theme .swiper-pagination { background-color: #fcc2d7; /* color.panel-bg */ }

.test- .panel-theme-inv { background-color: #087f5b; /* color.panel-color */ color: #fcc2d7; /* color.panel-bg */ }

.test- .panel-theme-inv a { background-color: #087f5b; /* color.panel-color */ color: #fcc2d7; /* color.panel-bg */ }

.test- .highlight-theme { background-color: #4990E2; /* color.highlight-color */ color: #fcc2d7; /* color.panel-bg */ }

.test- .highlight-theme-inv { color: #4990E2; /* color.highlight-color */ background-color: #fcc2d7; /* color.panel-bg */ }

.test- .highlight-theme-inv a { color: #4990E2; /* color.highlight-color */ background-color: #fcc2d7; /* color.panel-bg */ }

.test- .btn-theme, .test- a.btn-theme { color: #fcc2d7; /* color.panel-bg */ background-color: #e67700; /* color.panel-link */ border-color: #e67700; /* color.panel-link */ -webkit-transition: .2s linear all; transition: .2s linear all; }

.test- .btn-theme:hover, .test- a.btn-theme:hover { color: #e67700; /* color.panel-link */ background-color: #fcc2d7; /* color.panel-bg */ border-color: #e67700; /* color.panel-link */ }

.test- .contentArticle { background-color: #fcc2d7; /* color.panel-bg */ color: #087f5b; /* color.panel-color */ }

.test- .contentArticle a { color: #e67700; /* color.panel-link */ font-weight: 400; -webkit-transition: .2s linear all; transition: .2s linear all; }

.test- .contentArticle a:hover { color: #c92a2a; /* color.panel-hover */ }

.test- .contentArticle header:before { color: #4990E2; /* color.highlight-color */ }

.test- .contentArticle .title { color: #862e9c; /* color.panel-title */ }

.menu-theme { background: #2d2d2d; /* color.menu */ color: #ffffff; /* color.menu-inv */ }

.menu-theme > .instances-column:before { background: #2d2d2d; /* color.menu */ }

.menu-theme_link { color: #ffffff; /* color.menu-inv */ background: #2d2d2d; /* color.menu */ border-color: #ffffff; /* color.menu-inv */ -webkit-transition: .2s linear all; transition: .2s linear all; }

.menu-theme_link--selected, .menu-theme_link:hover { color: #2d2d2d; /* color.menu */ background-color: #ffffff; /* color.menu-inv */ border-color: #2d2d2d; /* color.menu */ }

.page-theme { background-color: #f5f5f5; /* color.page */ }

.panel-theme, .contentArticle { background-color: #ffffff; /* color.panel-bg */ color: #4a4a4a; /* color.panel-color */ }

.panel-theme a, .contentArticle a { color: #2d2d2d; /* color.panel-link */ font-weight: 400; -webkit-transition: .2s linear all; transition: .2s linear all; }

.panel-theme a:hover, .contentArticle a:hover { opacity: 0.8; color: #2d2d2d; /* color.panel-hover */ }

.panel-theme .panel_header:before, .contentArticle header:before { color: #2d2d2d; /* color.highlight-color */ }

.panel-theme .panel_title, .contentArticle .title { color: #000000; /* color.panel-title */ }

.panel-theme .swiper-pagination-bullet { background-color: #4a4a4a; /* color.panel-color */ }

.panel-theme .swiper-pagination { background-color: #ffffff; /* color.panel-bg */ }

.page-content, .panel-theme-inv, .panel-theme-inv a { background-color: #4a4a4a; /* color.panel-color */ color: #ffffff; /* color.panel-bg */ }

.highlight-theme { background-color: #2d2d2d; /* color.highlight-color */ color: #ffffff; /* color.panel-bg */ }

.highlight-theme-inv, .highlight-theme-inv a { color: #2d2d2d; /* color.highlight-color */ background-color: #ffffff; /* color.panel-bg */ }

.btn-theme, a.btn-theme { color: #ffffff; /* color.panel-bg */ background-color: #2d2d2d; /* color.panel-link */ border-color: #2d2d2d; /* color.panel-link */ -webkit-transition: .2s linear all; transition: .2s linear all; }

.btn-theme:hover, a.btn-theme:hover { color: #2d2d2d; /* color.panel-link */ background-color: #ffffff; /* color.panel-bg */ border-color: #2d2d2d; /* color.panel-link */ }

.leaflet-container { width: 100%; height: 150px; }

div.leaflet-container a { color: black; }

.leaflet-pane { z-index: 1; }

.leaflet-top, .leaflet-bottom { z-index: 1; }

/*Trumps(utilitiy classes)*/
.match { -webkit-box-sizing: border-box; box-sizing: border-box; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: calc(100% + 20px); max-width: calc(100% + 20px); margin: 0 -10px; padding-top: 10px; }

.match > * { -webkit-box-sizing: border-box; box-sizing: border-box; /* flex: initial;*/ /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-preferred-size: auto; flex-basis: auto; width: auto; max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 10px; }

.match > .match_home-team, .match > .match_other-team { -webkit-box-sizing: border-box; box-sizing: border-box; /* flex: 1;*/ /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: auto; max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 10px; }

.match > .match_header, .match > .match_infos { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: calc( 100% - 20px); max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 10px; }

.match > .match_header { -webkit-box-sizing: border-box; box-sizing: border-box; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: space-between; -ms-flex-pack: space-between; justify-content: space-between; width: calc(100% + 20px); max-width: calc(100% + 20px); margin: 0 -10px; }

.match > .match_header > * { -webkit-box-sizing: border-box; box-sizing: border-box; /* flex: initial;*/ /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-preferred-size: auto; flex-basis: auto; width: auto; max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 10px; }

.match > .match_header > .match_header-counter { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: calc( 100% - 20px); max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 10px; }

@media (min-width: 480px) { .match > .match_header > .match_header-counter { -webkit-box-sizing: border-box; box-sizing: border-box; /* flex: initial;*/ /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-preferred-size: auto; flex-basis: auto; width: auto; max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 10px; } .match > .match_header > .match_header-counter.partners { margin-left: 6.5rem; } }

.match > .match_scores { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: 60px; max-width: calc(100% - 0px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 0px; }

.match_home-team, .match_other-team { -webkit-box-sizing: border-box; box-sizing: border-box; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: calc(100% + 20px); max-width: calc(100% + 20px); margin: 0 -10px; padding: 15px 5px 30px; }

.match_home-team > *, .match_other-team > * { -webkit-box-sizing: border-box; box-sizing: border-box; /* flex: initial;*/ /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-preferred-size: auto; flex-basis: auto; width: auto; max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 10px; }

.match_home-team > .match_team-name, .match_other-team > .match_team-name { -webkit-box-sizing: border-box; box-sizing: border-box; /* flex: none;*/ /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: 0; max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 10px; font-size: 22px; }

.match_other-team { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; text-align: right; }

.match_team-name { font-size: 1.15em; line-height: 1em; display: none; }

@media (min-width: 480px) { .match_team-name { display: block; } }

.match_team-img { width: 40px; height: 40px; border-radius: 100%; overflow: hidden; background-color: #fff; }

.match_team-img > * { width: 100%; height: auto; position: relative; top: 50%; left: 50%; -webkit-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); }

.match_infos { -webkit-box-sizing: border-box; box-sizing: border-box; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: space-between; -ms-flex-pack: space-between; justify-content: space-between; -webkit-box-align: flex-start; -ms-flex-align: flex-start; align-items: flex-start; width: calc(100% + 0%); max-width: calc(100% + 0%); margin: 0 0%; padding: 30px 15px; font-size: .857em; position: relative; }

.match_infos > * { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: 100%; max-width: calc(100% - 0%); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 0%; }

@media (min-width: 768px) { .match_infos > * { -webkit-box-sizing: border-box; box-sizing: border-box; /* flex: none;*/ /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: 0; max-width: calc(100% - 0%); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 0%; } .match_infos > .match_scores { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: 130px; max-width: calc(100% - 0%); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 0%; } }

.match_infos:before { position: absolute; top: 0; height: 1px; left: 15px; right: 15px; content: ''; background-color: currentColor; opacity: .25; }

.match_infos .scores_divider, .match_infos .scores_left, .match_infos .scores_right { font-size: 24px; }

.match_infos-divider.match_infos-divider { position: absolute; top: 0; left: 0; right: 0; width: 100%; background-color: transparent; }

.match_infos-divider.match_infos-divider:after { content: ''; background-color: currentColor; height: 4px; width: 90px; margin: 0 auto; display: block; }

.match_infos-item label { font-weight: 700; }

.match_infos-item:nth-child(2) { font-weight: 700; font-size: 16px; order: 1; text-align: center; }

@media (min-width: 768px) { .match_infos-item:nth-child(2) { order: 0; text-align: right; } }

.match_infos-detail { -webkit-box-sizing: border-box; box-sizing: border-box; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: space-between; -ms-flex-pack: space-between; justify-content: space-between; -webkit-box-align: flex-start; -ms-flex-align: flex-start; align-items: flex-start; width: calc(100% + 20px); max-width: calc(100% + 20px); margin: 0 -10px; }

.match_infos-detail > div { -webkit-box-sizing: border-box; box-sizing: border-box; /* flex: none;*/ /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: 0; max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 10px; text-align: right; }

.match_infos-detail > * { -webkit-box-sizing: border-box; box-sizing: border-box; /* flex: initial;*/ /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-preferred-size: auto; flex-basis: auto; width: auto; max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 10px; }

.match_header-date { font-size: 16px; font-weight: 700; order: 1; padding-top: 5px; padding-bottom: 5px; }

@media (min-width: 480px) { .match_header-date { order: 0; } }

.match_header.match_header { background-color: transparent; position: relative; z-index: 1; margin: -10px 0 0; width: 100%; max-width: 100%; padding: 0 15px; align-items: center; }

.match_header-counter > ul { -webkit-box-sizing: border-box; box-sizing: border-box; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: calc(100% + 0%); max-width: calc(100% + 0%); margin: 0 0%; padding-left: 5px; padding-right: 5px; }

@media (min-width: 768px) { .match_header-counter > ul { padding-left: 20px; padding-right: 20px; } }

.match_header-counter > ul > * { -webkit-box-sizing: border-box; box-sizing: border-box; /* flex: initial;*/ /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-preferred-size: auto; flex-basis: auto; width: auto; max-width: calc(100% - 0%); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 0%; padding: 15px; position: relative; }

.match_header-counter > ul > * + *:before { content: ":"; position: absolute; top: 15px; left: -2px; font-weight: 700; }

.match_header-bg { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -1; opacity: 0.9; }

.match_header-counter-value { font-size: 16px; font-weight: 700; }

.match_header-counter-unit { font-size: 12px; line-height: 12px; }

.match_header-partners > * { float: left; }

.match_header-partners > * + * { margin-left: 1rem; }

.match_header-partner { font-size: 11px; padding-top: 5px; padding-bottom: 5px; order: 1; }

.match_header-partner img { display: block; }

@media (min-width: 480px) { .match_header-partner { order: 0; } }

.scores { -webkit-box-sizing: border-box; box-sizing: border-box; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: calc(100% + 0px); max-width: calc(100% + 0px); margin: 0 0px; }

.scores > * { -webkit-box-sizing: border-box; box-sizing: border-box; /* flex: initial;*/ /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-preferred-size: auto; flex-basis: auto; width: auto; max-width: calc(100% - 0px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 0px; }

.scores > .scores_first-half { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: calc( 100% - 0px); max-width: calc(100% - 0px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 0px; }

.scores > .scores_left, .scores > .scores_right { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: 24px; max-width: calc(100% - 0px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 0px; }

.scores > .scores_divider { -webkit-box-sizing: border-box; box-sizing: border-box; /* flex: initial;*/ /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-preferred-size: auto; flex-basis: auto; width: auto; max-width: calc(100% - 0px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 0px; }

.scores_divider, .scores_first-half { text-align: center; }

.scores_right { text-align: right; }

.scores_left { text-align: left; }

.scores_divider, .scores_left, .scores_right { font-size: 1.429em; }

.next-last-match { -webkit-box-sizing: border-box; box-sizing: border-box; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-line-pack: flex-start; align-content: flex-start; width: calc(100% + 20px); max-width: calc(100% + 20px); margin: 0 -10px; position: relative; }

.next-last-match > * { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: calc( 100% - 20px); max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 10px 20px; }

.next-last-match > .next-last-match_goal-scorers { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: calc( 100% - 20px); max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 10px; }

.next-last-match > .next-last-match_teams { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: calc( 100% - 20px); max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 10px; }

.next-last-match_link { position: absolute; top: 0; bottom: 0; left: 0; right: 0; }

.next-last-match_timer { text-align: center; }

.next-last-match_timer-time { display: inline-block; border-radius: 50%; line-height: 2.785em; z-index: 1; text-align: center; width: 2.785em; height: 2.785em; }

.next-last-match_timer-text { font-size: .857em; line-height: 2em; }

.next-last-match_timer-wrapper { padding-left: 10px; padding-right: 10px; padding-top: 20px; position: relative; }

.next-last-match_timer-wrapper:before { position: absolute; top: 0; height: 1px; left: 0; right: 0; content: ''; background-color: currentColor; opacity: .1; }

.next-last-match_date { text-align: center; position: relative; font-size: .857em; }

.next-last-match_date:before { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: currentColor; opacity: .25; content: ''; }

.next-last-match_competition { text-align: center; margin-bottom: 0; opacity: .5; font-size: .857em; margin-top: -15px; padding-left: 10px; padding-right: 10px; }

.next-last-match_divider { font-size: 1.285em; }

.next-last-match_teams { -webkit-box-sizing: border-box; box-sizing: border-box; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: flex-start; -ms-flex-align: flex-start; align-items: flex-start; -ms-flex-line-pack: center; align-content: center; width: calc(100% + 20px); max-width: calc(100% + 20px); margin: 0 -10px; }

.next-last-match_teams > * { -webkit-box-sizing: border-box; box-sizing: border-box; /* flex: 1;*/ /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: auto; max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 10px 20px; }

.next-last-match_teams > .next-last-match_divider { -webkit-box-sizing: border-box; box-sizing: border-box; /* flex: initial;*/ /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-preferred-size: auto; flex-basis: auto; width: auto; max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; -ms-flex-item-align: center; align-self: center; margin: 0 10px 20px; margin-left: 0; margin-right: 0; text-align: center; }

.next-last-match_teams > .next-last-match_team { -webkit-box-sizing: border-box; box-sizing: border-box; /* flex: none;*/ /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: 0; max-width: calc(100% - 0px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 0px; }

.next-last-match_team--is-home-team { text-align: right; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }

.team { -webkit-box-sizing: border-box; box-sizing: border-box; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center; width: calc(100% + 20px); max-width: calc(100% + 20px); margin: 0 -10px; }

.team > * { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: 200px; max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 10px 20px; }

.team > .team_img-wrapper { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-preferred-size: auto; flex-basis: auto; width: 40px; max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; -ms-flex-item-align: flex-start; align-self: flex-start; margin: 0 10px 20px; }

.team_img-wrapper { width: 40px; height: 40px; border-radius: 100%; overflow: hidden; }

.team_img-wrapper > * { width: 100%; height: auto; position: relative; top: 50%; left: 50%; -webkit-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); }

.goal-scorers { -webkit-box-sizing: border-box; box-sizing: border-box; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: calc(100% + 0px); max-width: calc(100% + 0px); margin: 0 0px; padding-top: 20px; position: relative; }

.goal-scorers:before { position: absolute; top: 0; height: 1px; left: 0; right: 0; content: ''; background-color: currentColor; opacity: .1; }

.goal-scorers > * { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: calc( 100% - 20px); max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 10px 20px; }

.goal-scorers > .goal-scorers_team { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: calc( 50% - 20px); max-width: calc(100% - 20px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 10px 20px; }

.goal-scorers_title { font-weight: 700; text-align: center; margin-bottom: 5px; }

.goal-scorer { -webkit-box-sizing: border-box; box-sizing: border-box; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center; width: calc(100% + 10px); max-width: calc(100% + 10px); margin: 0 -5px; }

.goal-scorer > * { -webkit-box-sizing: border-box; box-sizing: border-box; /* flex: none;*/ /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: 0; max-width: calc(100% - 10px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 5px 10px; }

.goal-scorer > .goal-scorer_time { -webkit-box-sizing: border-box; box-sizing: border-box; /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-preferred-size: auto; flex-basis: auto; width: 38px; max-width: calc(100% - 10px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 5px 10px; }

.goal-scorer_time { font-weight: 700; font-size: 12px; }

.text--is-centered { text-align: center; }

.text--pull-left { float: left; }

.text--pull-right { float: right; }

/*Crossbrowserhacks*/
/** 100% of flexbox element to nested child */
.panel { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

.panel > * { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-preferred-size: auto; flex-basis: auto; }

.panel > .panel_content { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; }

.panels .instance-item { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.panels .instance-item > * { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-preferred-size: auto; flex-basis: auto; width: 0; }

.panels .instance-item > .instance-header:not(:empty), .panels .instance-item > .panel_header, .panels .instance-item > .instance-body { width: 100%; }

@media (min-width: 768px) { .panels .instance-item.u-widget_hidden--sm { display: none; } }

@media (min-width: 992px) { .panels .instance-item.u-widget_hidden--md { display: none; } }

@media (min-width: 1280px) { .panels .instance-item.u-widget_hidden--lg { display: none; } }

.panels .instance-body { display: -webkit-box; display: -ms-flexbox; display: flex; }

.panels .instance-body > * { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-preferred-size: auto; flex-basis: auto; width: 100%; }

.panels .app { display: -webkit-box; display: -ms-flexbox; display: flex; }

.panels .app > * { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-preferred-size: auto; flex-basis: auto; width: 100%; }

.panels .app-normal { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.panels .app-normal > * { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-preferred-size: auto; flex-basis: auto; width: 100%; }

.panels .app-navigation .app_loadingMessage { display: none; }

/* Default News images */
.card_img.teaser-image-willkommen { background: url("/assets/vereine3/img/news/n1.jpg"); }

.card_img.teaser-image-kontakt { background: url("/assets/vereine3/img/news/n2.jpg"); }

.card_img.teaser-image-spielort { background: url("/assets/vereine3/img/news/n3.jpg"); }

.card_img.teaser-image-0 { background: url("/assets/vereine3/img/news/b1.jpg"); }

.card_img.teaser-image-1 { background: url("/assets/vereine3/img/news/b2.jpg"); }

.card_img.teaser-image-2 { background: url("/assets/vereine3/img/news/b3.jpg"); }

.card_img.teaser-image-3 { background: url("/assets/vereine3/img/news/b4.jpg"); }

.card_img.teaser-image-4 { background: url("/assets/vereine3/img/news/b5.jpg"); }

.card_img.teaser-image-5 { background: url("/assets/vereine3/img/news/b6.jpg"); }

.card_img.teaser-image-6 { background: url("/assets/vereine3/img/news/b7.jpg"); }

.card_img.teaser-image-7 { background: url("/assets/vereine3/img/news/b8.jpg"); }

.card_img.teaser-image-8 { background: url("/assets/vereine3/img/news/b9.jpg"); }

.card_img.teaser-image-9 { background: url("/assets/vereine3/img/news/b10.jpg"); }

.card_img.teaser-image-10 { background: url("/assets/vereine3/img/news/b11.jpg"); }

.card_img.teaser-image-11 { background: url("/assets/vereine3/img/news/b12.jpg"); }

.card_img.teaser-image-12 { background: url("/assets/vereine3/img/news/b13.jpg"); }

.card_img.teaser-image-13 { background: url("/assets/vereine3/img/news/b14.jpg"); }

.highlight-theme a[href]:hover { color: currentColor; }

.page-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

.page-content > * { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-preferred-size: auto; flex-basis: auto; width: auto; max-width: 100%; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; }

.page-content > *:last-child { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; }

/* Slider Ads */
.panel_wbg--slider > .instances-column { height: 100%; }

.panel_wbg--slider > .instances-column > .panel_wbg { height: 100%; width: 300px; margin-left: 10px; margin-right: 10px; }

.panel_wbg--slider:before { content: none; }

.panel_wbg--slider:after { content: none; }

.panels > .instances-column > .panel_wbg--slider { -webkit-box-sizing: border-box; box-sizing: border-box; /* flex: 1;*/ /* bulletproof (IE10>=,safari)*/ -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; width: auto; max-width: calc(100% - 0px); overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 0px 0px; margin-bottom: 20px; padding: 0; }

/* fix IE 11-bug with margin:auto/flexbox/justify */
.persons--is-player .widget-player { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }

/* fix long texts in calendar */
.fc-daygrid-event { white-space: unset; }
