@charset "UTF-8";

/* inter-regular - latin */
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    /* IE9 Compat Modes */
    src: local('Inter'), 
    url('../fonts/inter-v3-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/inter-v3-latin-regular.woff') format('woff'); /* Super Modern Browsers */
}

/* inter-700 - latin */

@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/inter-v3-latin-700.eot');
    /* IE9 Compat Modes */
    src: local('Inter'), 
    url('../fonts/inter-v3-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/inter-v3-latin-700.woff') format('woff'); /*  Modern Browsers */
}

@font-face {
    font-family: 'Barlow Condensed';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/BarlowCondensed-Regular.ttf'),
        url('../fonts/barlow-condensed-v5-latin-regular.woff') format('woff'),
        url('../fonts/barlow-condensed-v5-latin-regular.woff2') format('woff2');
    /* IE9 Compat Modes */
    /* src: local(''), url('../fonts/inter-v3-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
}

@font-face {
    font-family: 'Barlow Condensed';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/BarlowCondensed-Regular.ttf'),
        url('../fonts/barlow-condensed-v5-latin-700.woff') format('woff'),
        url('../fonts/barlow-condensed-v5-latin-700.woff2') format('woff2');
    /* IE9 Compat Modes */
    /* src: local(''), url('../fonts/inter-v3-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
}

@font-face {
    font-family: 'icoVer';
    src: 
    local('icoVer'),
    url('../fonts/MaterialIcons-Regular.woff') format('woff'),
    url('../fonts/MaterialIcons-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
}
/*
@font-face {
    font-family: 'material_iconsregular';
    src: url('../fonts/materialicons-regular-webfont.woff2') format('woff2'),
         url('../fonts/materialicons-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
*/

/* barlow-regular - latin */
@font-face {
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/barlow-v5-latin-regular.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('../fonts/barlow-v5-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/barlow-v5-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
         url('../fonts/barlow-v5-latin-regular.woff') format('woff'), /* Modern Browsers */
         url('../fonts/barlow-v5-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/barlow-v5-latin-regular.svg#Barlow') format('svg'); /* Legacy iOS */
  }

  /* barlow-700 - latin */
@font-face {
font-family: 'Barlow';
font-style: normal;
font-weight: 700;
src: url('../fonts/barlow-v5-latin-700.eot'); /* IE9 Compat Modes */
src: local(''),
        url('../fonts/barlow-v5-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../fonts/barlow-v5-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
        url('../fonts/barlow-v5-latin-700.woff') format('woff'), /* Modern Browsers */
        url('../fonts/barlow-v5-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
        url('../fonts/barlow-v5-latin-700.svg#Barlow') format('svg'); /* Legacy iOS */
}

.material-icons, .material-icons-big {
    font-family: 'icoVer';
    font-weight: 400;
    font-style: normal;
    font-size: 24px;  /* Preferred icon size */
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
  
    /* Support for all WebKit browsers. */
    -webkit-font-smoothing: antialiased;
    /* Support for Safari and Chrome. */
    text-rendering: optimizeLegibility;
  
    /* Support for Firefox. */
    -moz-osx-font-smoothing: grayscale;
  
    /* Support for IE. */
    font-feature-settings: 'liga';
}

.material-icons-big {
    font-size: 2.5rem;
    padding:0;
    line-height:2.7rem;
    background-color: unset !important;
}

*, ::after, ::before {
    box-sizing: border-box;
    scroll-behavior: smooth
}

@media (prefers-reduced-motion:reduce) {
    *, ::after, ::before {
        -webkit-animation-delay: -1ms;
        animation-delay: -1ms;
        -webkit-animation-duration: 1ms;
        animation-duration: 1ms;
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1;
        background-attachment: initial;
        scroll-behavior: auto;
        transition-delay: 0s;
        transition-duration: 0s
    }
}

a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
    cursor: default;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    margin: 0;
    padding: 0;
    border: none;
    font: inherit;
    font-size: 100%;
    vertical-align: baseline;
}

td { vertical-align: top; }

html {
    font-family: "Barlow", Roboto, Ubuntu, Cantarell, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: inherit;
    background-color: inherit;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block
}

[tabindex="-1"]:focus:not(:focus-visible) {
    outline: 0
}

hr {
    margin: 1rem 0;
    color: inherit;
    background-color: currentColor;
    border: 0;
    opacity: .25;
    overflow: visible
}

hr:not([size]) {
    height: 1px
}

h1, h2, h3, h4, h5, h6 {
    margin-top: 0;
    margin-bottom: .5rem;
    font-weight: 500;
    line-height: 1.2
}

h1 {
    font-size: 2.2rem
}

@media (min-width:1200px) {
    h1 {
        font-size: 2.5rem
    }
}

h2 {
    font-size: 1.7rem
}

@media (min-width:1200px) {
    h2 {
        font-size: 2rem
    }
}

h3 {
    font-size: 1.4rem
}

@media (min-width:1200px) {
    h3 {
        font-size: 1.5rem
    }
}

h4 {
    font-size: 1.2rem
}

@media (min-width:1200px) {
    h4 {
        font-size: 1.3rem
    }
}

h5 {
    font-size: 1.25rem
}

h6 {
    font-size: 1rem
}

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

abbr[data-bs-original-title], abbr[title] {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
    cursor: help;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none
}

address {
    margin-bottom: 1rem;
    font-style: normal;
    line-height: inherit
}

ol, ul {
    padding-left: 2rem
}

dl, ol, ul {
    margin-top: 0;
    margin-bottom: 1rem
}

ol ol, ol ul, ul ol, ul ul {
    margin-bottom: 0
}

nav li {
    list-style: none;
    padding: 0
}

nav li::before {
    content: "​"
}

dt {
    font-weight: 700
}

dd {
    margin-bottom: .5rem;
    margin-left: 0
}

blockquote {
    margin: 0 0 1rem
}

b, strong {
    font-weight: bolder
}

small {
    font-size: .875em
}

mark {
    padding: .2em;
    background-color: currentColor
}

sub, sup {
    ition: relative;
    font-size: .75em;
    line-height: 0;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

a {
    cursor: pointer;
    color: #3333e1;
    background-color: transparent;
    text-decoration: none
}

a:hover {
    color: #3434e0;
    text-decoration: underline
}

a:focus {
    outline: thin dotted
}

a:not([href]):not([class]):hover, a:not([href]):not(class) {
    cursor: default;
    color: inherit;
    text-decoration: none
}

[tabindex], a, area, button, input, label, select, summary, textarea {
    touch-action: manipulation
}

code, kbd, pre, samp {
    font-family: "Fira Code", "Cascadia Code", Consolas, Inconsolata, Monaco, Menlo, "Noto Mono", "Roboto Mono", "Droid Sans Mono", "Ubuntu Mono", "Ubuntu Monospace", "Source Code Pro", "Oxygen Mono", "Liberation Mono", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", monospace, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 1.05em
}

pre {
    display: block;
    margin-top: 0;
    margin-bottom: 1rem;
    font-size: .875em;
    overflow: auto;
    -ms-overflow-style: scrollbar
}

pre code {
    font-size: inherit;
    color: inherit;
    word-break: normal
}

code {
    font-size: .875em;
    color: inherit;
    word-wrap: break-word
}

a>* {
    color: inherit
}

kbd {
    padding: .2rem .4rem;
    font-size: .875em;
    color: inherit;
    background-color: inherit;
    border-radius: .2rem
}

kbd kbd {
    padding: 0;
    font-size: 1em;
    font-weight: 700
}

figure {
    margin: 0 0 1rem
}

iframe, img, input, select, textarea {
    height: auto;
    max-width: 100%
}

audio, canvas, iframe, img, svg, video {
    vertical-align: middle
}

svg:not([fill]) {
    fill: currentColor
}

svg:not(:root) {
    overflow: hidden
}

img {
    border: 0;
    -ms-interpolation-mode: bicubic
}

table {
    caption-side: bottom;
    border-collapse: collapse;
    text-indent: 0
}

caption {
    padding-top: .5rem;
    padding-bottom: .5rem;
    color: inherit;
    text-align: left
}

th {
    text-align: inherit;
    text-align: -webkit-match-parent
}

tbody, td, tfoot, th, thead, tr {
    border-color: inherit;
    border-style: solid;
    border-width: 0
}

label {
    display: inline-block
}

button {
    border-radius: 0;
    text-transform: none
}

button:focus {
    outline: dotted 1px;
    outline: -webkit-focus-ring-color auto 5px
}

button, input {
    overflow: visible
}

button, input, optgroup, select, textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

button, input, select, textarea {
    background-color: transparent;
    border: 1px solid #333;
    color: inherit;
    font: inherit;
    letter-spacing: inherit;
    padding: .25rem .375rem;
    margin: .3rem 0 ;
    border-radius: 0.2rem;
}

button, select {
    text-transform: none
}

[role=button] {
    cursor: pointer
}

select:not([multiple]):not([size]) {
    background-image: "data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='4'%3E%3Cpath d='M4 0h6L7 4'/%3E%3C/svg%3E"
}

::-ms-expand {
    display: none
}

[list]::-webkit-calendar-picker-indicator {
    display: none
}

[type=button], [type=reset], [type=submit], button {
    -webkit-appearance: button
}

[type=button]:not(disabled), [type=reset]:not(disabled), [type=submit]:not(disabled), button:not(disabled) {
    cursor: pointer
}

::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button
}

textarea {
    overflow: auto;
    -ms-overflow-style: scrollbar;
    resize: vertical;
    vertical-align: top
}

fieldset {
    min-width: 0;
    padding: .35em .75em .625em;
    margin: 0;
    border: 1px solid inherit
}

legend {
    float: left;
    width: 100%;
    padding: 0;
    margin-bottom: .5rem;
    font-size: calc(1.275rem + .3vw);
    line-height: inherit;
    max-width: 100%;
    white-space: normal
}

@media (max-width:1200px) {
    legend {
        font-size: 1.5rem
    }
}

legend+* {
    clear: left
}

dialog {
    background-color: inherit;
    border: solid;
    color: inherit;
    display: block;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    left: 0;
    margin: auto;
    padding: 1em;
    position: absolute;
    right: 0;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

dialog:not([open]) {
    display: none
}

table.ranking {
    width:100%;
}


table.ranking td {
    text-align: right;
    padding: 0.1rem 0.4rem
}

table.ranking td:nth-child(2) {
    text-align: left;
    width: 80%;
}

table.ranking tr:nth-child(odd) {
    background-color: #512f758c;
    border-radius: 3px;
}


.spadaglow {
    /* border-radius: 10px; */
    /* box-shadow: 0 0 3px #ff0, inset 0 0 5px 0 #ff0; */
    text-shadow: 0 0 8px #ff0, 0 0 2px #000;
}

.spadaglowonwhite {
    text-shadow: 0 0 8px #ff0
}


::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-fields-wrapper, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-text, ::-webkit-datetime-edit-year-field {
    padding: 0
}

::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
    height: auto
}

::-webkit-input-placeholder {
    color: inherit;
    opacity: .54
}

[type=search] {
    outline-offset: -2px;
    -webkit-appearance: none;
    -moz-appearance: none;
    box-sizing: content-box
}

input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration, input[type=search]::-webkit-search-results-button, input[type=search]::-webkit-search-results-decoration {
    -webkit-appearance: none;
    -moz-appearance: none
}

[type=email], [type=number], [type=tel], [type=url] {
    direction: ltr
}

::-webkit-color-swatch-wrapper {
    padding: 0
}

::-moz-focus-inner {
    padding: 0;
    border-style: none
}

::-moz-ui-invalid {
    box-shadow: none
}

::-moz-focusring {
    outline: 1px dotted ButtonText
}

output {
    display: inline-block
}

iframe {
    border: none
}

audio, canvas, video {
    display: inline;
    display: inline-block;
    zoom: 1;
    max-width: 100%
}

audio:not([controls]) {
    display: none;
    height: 0
}

summary {
    display: list-item;
    cursor: pointer
}

progress {
    display: inline-block;
    vertical-align: baseline
}

template {
    display: none
}

[hidden] {
    display: none
}

[aria-busy=true] {
    cursor: progress
}

[aria-controls] {
    cursor: pointer
}

[aria-disabled=true], [disabled] {
    cursor: not-allowed
}

[aria-hidden=false][hidden=false] {
    display: initial
}

[aria-hidden=false][hidden=false]:not(:focus) {
    clip: rect(0, 0, 0, 0);
    position: absolute
}

/* punktestat */
/* .psdiv { padding: 15px; border: 2px solid #ccc; background-color: #eaeaea; border-radius: 6px; } */
.psdiv { margin: 15px 0 0 0;}
.pbar { background-color: #ccc; text-align: right; padding: 0px 8px; border-radius:4px; 
        border: 1px solid #00000069; font-weight: 700; vertical-align: middle; 
        box-shadow: 2px 2px 6px -1px rgba(0,0,0,0.3); }
.punktestat { border-spacing: 4px; border-collapse: separate; min-width: 150px; width:100%;
    background-color: #cacaca22; border-radius:8px; margin-top: 5px; }
.punktestat td { padding-top: 1px; padding-bottom: 1px; }
.punktestat tr:last-child td { padding-bottom: 6px; }
td.pointstotal { padding: 2px 10px; text-align: right; }
td.score { padding: 2px; text-align: center; vertical-align:middle; }
td.gewonnen, td.verloren { padding: 2px; text-align: center; vertical-align: middle; font-size: 14px; width: 24px; border-radius:3px; }
td.forpbar { width:100%; padding-left:4px; }
.s30, .s31, .gewonnen { background-color: #1f83e0 }
.s32 { background-color: #4b9ae4 }
.s23 { background-color: #8a68d9 }
.s13, .s03, .verloren { background-color: #ec6e70 }
.pmulti { color: rgba(198, 198, 198, 0.615); font-weight: normal; }
/* .rotated { writing-mode: tb-rl; transform: rotate(-180deg); } */
td.verttd { width: 15px; }
/* td.score { width: } */
.newuserbanner { background-color: #ff6; width:100%; padding: 10px 15px; box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.3) inset;z-index:500; }

.homeandaway { background-color: #cacaca22; width: 100%; border-radius:8px; }
.homeandaway td { text-align: center; padding: 1px 10px; color: #ffffffaa;}
.homeandaway tr td:first-child { text-align:left; }
.homeandaway tr td:nth-child(2) { text-align:right; }
.homeandaway tr td:nth-child(3) { width: 8px; padding: 0; }
.homeandaway tr td:nth-child(4) { text-align:left; }
.homeandaway .theader td { color: #ffffff }
.center { text-align: center; }
.total td { color: #fff; padding-bottom: 4px; }


/* ex index */
body { font-size: 1.15rem; background-color: #e9e3d8; margin: 0 auto;  /* 0d1e58 */ }
header { padding: 0; }
main { padding: 0 1rem 5rem 1rem; background-color: #fff; }
header { vertical-align: middle; position:relative; height: 2.5em;  }
header, header a { color:#fff; }
header navigation { white-space: nowrap; }
header navigation div { display:inline }
.mainnav a { padding: 0.4rem 0.4rem; }
.mainnav a:hover {  border-radius: 0.2rem; }
.mainnav a:hover { background-color: #fdf274; color: #102e90; }
a { color: #0050b6; }
a:hover { text-decoration: none; color: #7c44b8; }
H1, H2, H3, H4, H5 { font-weight:700; }
.center { text-align: center; }
/* neu display:flex; justify-content: space-between; flex-wrap: wrap; flex-direction: row */
#topright { position:absolute; top:0; right: .3rem; height:2.5rem; }
#hamburger{ padding-left:0.3rem; line-height: 2.5rem; font-size:2.5rem; display:none; }
.show a { display:block !important; }
.bold { font-weight:bold; }

.hide { display:none; }
main, article { flex: none; }
main { min-height: 50rem;  }
.page-MultiEdit { font-size: 1rem; }
article { margin: 1rem 0 0 0;}
.breadcrumbs  { display: block; color:#999; }
.breadcrumbs a { color:#999; }
.breadcrumbs a:last-child { color:#999; font-weight:bold; }
#sitename { display: inline-block; font-weight: 700; font-size: 1.5rem;  color:#fff; padding: 0.5rem 0.5rem 0 1rem; line-height:1.7rem;}
#sitename:active,.sitename:hover, header a:hover { color:#fdf274; }

.pagetitle { padding-top: 0.5rem; display: block; color: #0d1e58; }
.pageobject { border: 1px solid black; border-radius: 0.2rem; padding: 0.2rem 0.5rem; margin: 0.2rem; line-height: 2rem; color:#333; }
ul.editpc { padding: 0; }
.editpc li { display:inline-block; }
.pcmain { width: 25rem; vertical-align:middle; }
textarea.pcmain { height:10rem;vertical-align:middle; }
input[type=submit], .button, .unveilpc { border: 1px solid #226; border-radius: 0.2rem; padding: 0.2rem 1.5rem; background-color: #b9cbfc; }
a.button { color: black; }
/* button, .button, .unveilpc { border: 1px solid #229; padding: 0.2rem 1rem; background-color: #f7f1b5; line-height:0.8rem; } */
.fail { border-color: #b00; border-width: 2px; }

.page-ul { margin-bottom: 0.5rem; list-style-type: none; width: 300px; float:left; }
section>ul.page-ul { padding:0; }
.showonhover { opacity:0; }
.pageobject:hover + .showonhover, .showonhover:hover { opacity:1; }
.ishidden { color: #666; background-color: #eee; }
.inactive { background-color: #f99; }
.iscurrent { outline:none; border-color:#fac92a; box-shadow:0 0 10px #fac92a; }

.ptext { margin: 0 0 1rem 0; color:#333; max-width: 40rem;} /* section with text */
.ptext h1:not(:first-child) { margin-top: 2rem;  }
.ptext h2:not(:first-child) { margin-top: 2rem;  }
.ptext h3:not(:first-child) { margin-top: 2rem;  }
.ptext h4:not(:first-child) { margin-top: 2rem;  }
.ptext h7:not(:first-child) { margin-top: 2rem;  }
.ptemplate {} /* section with code */
.showonhover:hover { opacity:1; }
.pcsec {} /* page content section */
.pcsec img { border-radius: 0.2rem; }
section.pos1 { padding: 0 1rem 0 0; } /* Main content */
section.pos2, section.pos4 {  letter-spacing: 0.05rem; border-radius: 0.4rem; } /* aside */
section.pos2 { background-color: #48266d; color: #ddd; padding: 1rem; }
.pos2 a { color: #fee; }
.pos4 { }
.pos3 { width: 100%; max-width:unset; padding-right:10px } /* full width */

.vertform label { width: 10rem; clear:both; }
.vertform input[type=text],.vertform input[type=password] { margin: 0.3rem 0; width:20rem; }
.smallprint { font-size: 0.8rem; }
.littlelink { font-size:0.8rem;}

.newslist { list-style-type: none; padding: 0; }
.newsdate { color: #666; font-size: 0.8rem; }
.nsp-1, .nsp-2, .nsp-3, .nsp-4, .nsp-5 { border-radius: 3px; color: black; padding: 0 0.5rem; display:inline-block; }
.nsp-5 { background-color:#9f9; }
.nsp-4 { background-color:#afa; }
.nsp-3 { background-color:#bfb; }
.nsp-2 { background-color:#cfc; }
.nsp-1 { background-color:#dfd; }
h5 { margin-bottom: 0; color: #445; font-size: 100%; }
h5.newstitle { margin: 0rem; font-size:100%; color:#003; }
.newsitem { margin-bottom: 1.5rem; }
.newsteasertext { color:#226; } 
.newsnav { margin-bottom: 1rem; }

.dtable td { padding: 0.2rem 0.8rem 0.2rem 0.3rem ; font-size:1rem; }
.tableheader { background-color: #ccd; font-weight:bold; }
.dtable a { color: #113; }
.dtable tr { border-top: 1px solid #ccc; }
.dtable tr:nth-child(even) { background-color: #f9f9f9; }
.dtable td:nth-child(1),.dtable td:nth-child(2) { white-space:nowrap; }

/* matchlist */
.matches { margin-bottom: 1.5rem;}
.matches td,.fullranking td { padding: 0.2rem 0.5rem; font-variant-numeric: tabular-nums; }
.matches .headerrow, .matches thead, .fullranking .theader { background-color: #005; color:#eee; font-weight:bold; }
.matches .hometeam { color: #446; font-weight: bold; }
.table { display: table; table-layout: auto; }
.table-row { display: table-row; }
.matches .table-cell { display: table-cell; padding: 0.2rem 0.4rem; }
.matches, .fullranking { border: 1px solid #006; max-width: 100%; width:100%; border-spacing: 0; border-collapse: separate; border-radius: 5px; }
.matches .headerrow .table-cell:first-child,.matches tr:first-child th:first-child,.fullranking tr:first-child th:first-child { border-top-left-radius: 4px; }
.matches .headerrow .table-cell:last-child,.matches tr:first-child th:last-child,.fullranking tr:first-child th:last-child { border-top-right-radius: 4px; }
.matches tr:last-child td:first-child,.fullranking tr:last-child td:first-child { border-bottom-left-radius: 5px; }
.matches tr:last-child td:last-child,.fullranking tr:last-child td:last-child { border-bottom-right-radius: 5px; }
.matches .table-row:nth-child(even), .matches tr:nth-child(even),.fullranking tr:nth-child(even) { background-color: #f3f3f3; }
.matches a { color: #446; }
.new { background-color: #ddffdd !important; }
.bline { border-top: 2px solid #006; }
.yellow-glow { text-shadow: 0 0 5px #fff700 }
.lost { color: #778; }
.fullranking { width: 100%;  background-color:#fff; }
.fullranking td { text-align:right; }
.fullranking td:nth-child(2) { text-align:left; white-space:nowrap; }
.fullranking td:nth-child(10),td:nth-child(12) { text-align:center; }
.mn { font-size: 1px; width: 5px; height: 1rem; display: inline-block; border-radius: 2px; vertical-align:middle; }
.mn:hover { width: unset; height: unset; font-size: 1rem; padding: 5px; }
.showpax:hover { cursor: pointer }

.tag { display:inline-block; border: 1px solid #aad; border-radius: 0.2rem; font-size: 0.8rem; padding: 0.2rem 0.5rem; margin-bottom: 0.3rem; vertical-align:middle; white-space:nowrap }
.tagtype1 { background-color: #fdf; }
.tagtype2 { background-color: #cef; }
.tagtype3 { background-color: #dfc; }
.icon { height: 100%; padding: 0.4rem 0; position:relative; top: -0.4rem;  }
.icon:hover { background-color:unset; }
.dash { border-radius: 1rem; border: 1px solid #333;             
    background: linear-gradient(0deg, rgba(255,255,210,1) 0%, rgba(255,255,250,1) 100%); 
     padding: 1rem; width:100%; max-width:25rem; }
.vertform input[type=checkbox] { margin-right: 0.3rem; }
.overscrollwrapper { overflow-x: scroll; width:100%; }
.delimlistitem + .delimlistitem::before { content: "· "; }

.articleimg { position:relative; }
.articleimg img {  }
.arch, .picid { position:absolute; 
        right: 0px; bottom: 0px; 
        z-index:50; 
        line-height: normal; 
        font-size: 0.8rem;  
        color: rgb(255, 255, 255, 0.8);
        background-color: rgba(80, 80, 80, 0.4);
        display: inline-block;
        letter-spacing: 2px;
        padding: 1px 8px; }

.picid {
    right: unset;
    left: 0px;
}
.newsimg { width:160px;margin:8px 15px 20px 0;max-width:25vw; 
    max-height: 180px;
    object-fit: cover;
    object-position: 50% 0px;
} 

h5.newstitle, .newsteasertext, .newsimg {  cursor: pointer }

@media (min-width: 700px) {
    body { max-width: 1024px; margin: 0 auto; }
    main { padding: 0.2rem 1.2rem 5rem 1.2rem; }
    article { display: flex; flex-wrap: wrap; }
    .icon { margin-top: 0.4rem;}

    .pos1 { flex: 65%; padding: 0; } /* Main content */
    .pos2 { flex: 35%; padding: 0 0.8rem; } /* aside */
    .pos4 { flex: 35%; padding: 0 0.8rem; } /* aside */
}

@media (max-width: 699px) {
    #hamburger { display: inline-block;}
    #sitename { font-size: 1.1rem; }
    .mainnav a { width:100%; padding: 0.7rem 1rem; border-top: 2px solid #fff; display: none; position:relative; z-index:100; }
    .mainnav a:first-child { margin-top: 0.2rem }
}