/* ===== Reset / basis ===== */
html {
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

artikel, aside, footer, header, nav, section {
    display: block
}

h1 {
    font-size: 2em;
    margin: 0
}

figcaption, figure {
    display: block
}

figure {
    margin: 1em 40px
}

hr {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

main {
    display: block
}

pre {
    font-family: monospace, monospace;
    font-size: 1em
}

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

b, strong {
    font-weight: inherit;
    font-weight: bolder
}

code, kbd, samp {
    font-family: monospace, monospace;
    font-size: 1em
}

dfn {
    font-style: italic
}

mark {
    background-color: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

audio, video {
    display: inline-block
}

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

.news__body iframe {
    width: 100%;
    max-width: 560px;
    min-height: auto
}

    .news__body iframe.VmgIframe {
        min-height: auto
    }

img {
    border-style: none
}

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

button, input, optgroup, select, textarea {
    font-family: sans-serif;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button {
    overflow: visible
}

button, select {
    text-transform: none
}

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

    [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
    }

input {
    overflow: visible
}

[type=checkbox], [type=radio] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

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

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

fieldset {
    padding: .35em .75em .625em
}

legend {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: table;
    max-width: 100%;
    padding: 0;
    color: inherit;
    white-space: normal
}

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

textarea {
    overflow: auto
}

details {
    display: block
}

summary {
    display: list-item
}

menu {
    display: block
}

canvas {
    display: inline-block
}

[hidden], template {
    display: none
}

body {
    font-size: 16px;
    font-family: Open Sans, sans-serif
}

* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

::-webkit-input-placeholder {
    color: #bbb
}

:-ms-input-placeholder {
    color: #bbb
}

::placeholder {
    color: #bbb
}

h1 {
    font-size: 22px
}

.news h1 {
    font-size: 28px
}

@media (min-width:46.25em) {
    .news h1, h1 {
        font-size: 52px
    }
}

h2 {
    font-size: 16px;
    line-height: 1.4
}

@media (min-width:46.25em) {
    h2 {
        font-size: 22px
    }
}

h3 {
    font-size: 16px
}

h3, h4 {
    font-weight: 500;
    line-height: 1.4
}

h4 {
    font-size: 13px
}

a {
    text-decoration: none;
    color: #222
}

    a:hover {
        text-decoration: none;
        color: #222
    }

@media (min-width:46.25em) {
    a:hover {
        text-decoration: underline;
        color: #00485e
    }
}

hr {
    margin: 20px 0
}

p {
    line-height: 1.5
}

button {
    background: #00485e;
    border: 0;
    text-transform: uppercase;
    color: #fff;
    height: 40px;
    padding: 0 20px;
    font-weight: 600;
    font-size: 14px;
    cursor: pointer
}

    button:hover {
        background: #222
    }

:focus {
    border: none
}

blockquote {
    font-size: 18px;
    font-weight: 700;
    padding: 10px 30px;
    border-left: 3px solid #00485e;
    position: relative
}

@media (min-width:46.25em) {
    blockquote {
        padding: 20px 60px
    }
}

blockquote:after, blockquote:before {
    content: "";
    position: absolute;
    background-image: url(/css/images/quotes.png);
    width: 25px;
    height: 18px;
    left: 25px;
    top: 0
}

blockquote:after {
    right: 0;
    bottom: 0;
    left: auto;
    top: auto;
    background-position: 100% 0
}

.clearfix:after {
    content: "";
    display: table;
    clear: both
}

.input {
    border: 0;
    padding: 13px 10px;
    font-size: 14px;
    outline: none
}

.form-group {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

    .form-group .form-row {
        width: 48%
    }

        .form-group .form-row:last-child {
            margin-left: auto
        }

.form__label {
    display: block;
    line-height: 2;
    text-align: left;
    font-weight: 600
}

.form-row {
    margin-bottom: 10px;
    text-align: right
}

    .form-row input, .form-row textarea {
        width: 100%;
        padding: 11px 10px;
        border: 1px solid #ddd
    }

    .form-row textarea {
        height: 160px
    }

co.mob {
    display: none
}

@media (min-width:46.25em) {
    .mob {
        display: block
    }
}

.page {
    padding-top: 80px
}

@media (min-width:46.25em) {
    .page {
        padding-top: 144px
    }
}

#header {
    background: transparent;
    border-bottom: 1px solid #eee;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 10;
    -webkit-backface-visibility: hidden
}

@media (min-width:46.25em) {
    #header {
        background: #fff
    }
}

.head {
    margin: 18px 0 20px 0;
    padding: 0 11px
}

@media (min-width:46.25em) {
    .head {
        margin: -30px 0 30px 0;
        padding: 0 3px
    }
}

@media (min-width:61.25em) {
    .head {
        width: calc(100% - 50px);
        float: left;
        margin: 0 0 30px 25px;
        padding: 0
    }
}

.head h1 {
    margin-top: 0
}

.content {
    padding: 45px 0
}

    .content:after {
        clear: both;
        content: "";
        display: block
    }

@media (min-width:46.25em) {
    .content {
        padding: 50px 20px
    }
}

@media (min-width:61.25em) {
    .content {
        padding: 30px 0
    }
}

.content .mainpage {
    position: relative
}

.content .pad {
    padding: 0 10px
}

.nopad {
    padding: 0
}

@media (min-width:46.25em) {
    .content .pad {
        padding: 0 6px
    }

    .nopad {
        padding: 0 6px
    }
}

@media (min-width:61.25em) {
    .content .pad {
        padding: 0
    }

    .nopad {
        padding: 0
    }

    .content .mainpage {
        width: calc(66.66667% - 41.66667px);
        float: left;
        margin-left: 25px
    }
}

@media (min-width:61.25em) {
    .content .fullwidth {
        width: calc(100% - 50px);
        float: left;
        margin-left: 25px
    }
}

.sidebar {
    display: none
}

@media (min-width:61.25em) {
    .sidebar {
        display: block;
        width: calc(33.33333% - 33.33333px);
        float: left;
        margin-left: 25px
    }

    .home .sidebar {
        float: right;
        margin-right: 25px
    }
}

.sidebar .block {
    margin-bottom: 10px
}

.sidebar .heading {
    margin: 0;
    padding: 10px 0
}

.home .uptop .heading {
    padding-top: 0;
    margin-top: -6px
}

.page__footer {
    background: #222
}

.badge {
    position: absolute;
    left: 0;
    bottom: 0;
    background: #00485e;
    font-size: 12px;
    padding: 5px 10px
}

.badge, .badge--bet {
    color: #fff;
    text-transform: uppercase
}

.badge--bet {
    background: red;
    font-size: 9px;
    display: inline-block;
    padding: 4px
}

    .badge--bet:hover {
        color: #fff
    }

.list {
    list-style: none;
    margin: 0;
    padding: 0;
    line-height: 1.8
}

.alert {
    padding-left: 20px;
    margin: 20px 0;
    border-left: 3px solid #00485e
}

.rumor {
    color: #898989;
    border-left: 3px solid #ddd;
    font-size: 12px;
    line-height: 20px
}

.heading {
    text-transform: uppercase;
    font-weight: 400
}

.heading--border {
    border-bottom: 1px solid #eee;
    padding-bottom: 20px
}

    .heading--border + * {
        margin-top: 10px !important
    }

.button {
    height: 42px;
    line-height: 42px;
    cursor: pointer;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
    background: #222;
    display: inline-block;
    text-align: center;
    color: #fff;
    white-space: nowrap;
    outline: none;
    padding: 0 20px;
    border: 1px solid #222
}

.button--fluid {
    width: 100%
}

.button--tertiary {
    border: 1px solid #ddd;
    color: #222;
    background: #fff;
    background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#fff));
    background: -webkit-linear-gradient(#f2f2f2, #fff);
    background: -o-linear-gradient(#f2f2f2, #fff);
    background: linear-gradient(#f2f2f2, #fff)
}

.button--secondary {
    background: #00485e;
    border-color: #00485e
}

    .button--secondary:hover {
        color: #fff
    }

.container {
    max-width: 1030px;
    margin: 0 auto
}

    .container:after {
        clear: both;
        content: "";
        display: block
    }

.pagination {
    margin-bottom: 20px
}

    .pagination:after {
        clear: both;
        content: "";
        display: block
    }

    .pagination .current {
        background: #00485e;
        color: #fff
    }

    .pagination a {
        color: #000;
        float: left;
        padding: 8px 16px;
        text-decoration: none;
        -webkit-transition: background-color .3s;
        -o-transition: background-color .3s;
        transition: background-color .3s;
        border-radius: 5px;
        border: 1px solid #eee;
        margin-left: 5px;
        margin-right: 5px;
        display: inline-block
    }

        .pagination a:hover:not(.current) {
            background: #eee
        }

        .pagination a:first-child {
            margin-left: 0
        }

.highlight {
    display: none
}

@media (min-width:46.25em) {
    .page--sticky .highlight {
        display: block
    }
}

.highlight__wrapper {
    list-style: none;
    margin: 0;
    padding: 14px 0;
    font-size: 12px;
    text-transform: uppercase;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 700;
    text-align: center;
    position: relative
}

.highlight__item--next, .highlight__item--prev {
    color: #656565;
    position: absolute;
    top: 14px
}

.highlight__item--next {
    right: 25px
}

.highlight__item--prev {
    left: 25px
}

.highlight__item-link {
    color: #555
}

.highlight__item-link--next:before, .highlight__item-link--prev:before {
    background: url(https://www.WindsurfFysio.nl/css/images/arrow--small.png) no-repeat 0 0;
    content: "";
    width: 7px;
    height: 10px;
    position: absolute;
    top: 2px
}

.highlight__item-link--prev {
    padding-left: 24px
}

    .highlight__item-link--prev:before {
        left: 0
    }

.highlight__item-link--next {
    padding-right: 24px
}

    .highlight__item-link--next:before {
        right: 0;
        background-position: right 0
    }

.view-mode {
    list-style: none;
    margin: 0;
    padding: 0
}

.modus, .view-mode__item {
    width: 40px;
    height: 40px;
    overflow: hidden;
    float: left;
    margin-left: 10px;
    cursor: pointer
}

.view-mode__item--active, .viewactive {
    background: #00485e
}

    .view-mode__item--active span, .viewactive span {
        background: #fff !important
    }

.view-mode [data-view] {
    position: relative
}

    .view-mode [data-view] span {
        width: 20px;
        height: 20px;
        position: absolute;
        top: 10px;
        left: 10px;
        background: #888;
        text-indent: -9000px
    }

.view-mode [data-view=teaser] span {
    -webkit-mask: url(https://www.WindsurfFysio.nl/css/images/teaser.svg) no-repeat 0 0;
    mask: url(https://www.WindsurfFysio.nl/css/images/teaser.svg) no-repeat 0 0;
    -webkit-mask-size: cover
}

.view-mode [data-view=compact] span {
    -webkit-mask: url(https://www.WindsurfFysio.nl/css/images/compact.svg) no-repeat 0 0;
    mask: url(https://www.WindsurfFysio.nl/css/images/compact.svg) no-repeat 0 0;
    -webkit-mask-size: cover
}

.tabs__wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
    border-bottom: 0
}

.tabs__wrapper {
    border-top: 1px solid #eee
}

.tabs__item {
    border-bottom: 3px solid #eee;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    text-align: center;
    border-left: 1px solid #eee
}

    .tabs__item:first-child {
        border-left: 0
    }

.tabs__item--active {
    border-bottom: 3px solid #00485e
}

.tabs__pane {
    display: none
}

    .tabs__link, .tabs__pane.active {
        display: block
    }

.tabs__link {
    padding: 24px 0;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 700;
    color: #7f7f7f;
    cursor: pointer
}

.tabs__item--active .tabs__link {
    color: #00485e
}

.tabs__link {
    font-size: 13px;
    padding: 10px 5px
}

.tabs__content {
    padding: 10px 0 0
}

.header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.title {
    display: inline-block;
    text-transform: uppercase;
    font-weight: 400;
    margin: 0;
    padding: 19px 0;
    line-height: 1;
    position: relative
}

    .title:before {
        position: absolute;
        left: 0;
        bottom: 0;
        content: "";
        background: #00485e;
        height: 3px;
        width: 100%
    }

.section__view-mode {
    margin-left: auto
}

.navigation__search {
    border: 1px solid #eee
}

@media (min-width:46.25em) {
    .navigation__search {
        display: none
    }
}

@media (min-width:61.25em) {
    .navigation__search {
        display: block;
        width: calc(33.33333% - 33.33333px);
        float: left;
        margin-left: 25px;
        border-top: 0;
        border-right: 0;
        margin-bottom: -1px
    }
}

.search__input {
    width: 100%;
    border: 0;
    padding-left: 60px;
    font-size: 16px;
    height: 60px;
    color: #222;
    outline: none;
    background: #fff url(https://www.WindsurfFysio.nl/css/images/search.svg) no-repeat 20px/20px 20px
}

.brand {
    background-color: #00485e;
    background-repeat: no-repeat;
    position: relative;
    z-index: 10
}

@media (min-width:81.25em) {
    .brand {
        background-position: calc(100% + 180px) 50%
    }
}

.branding {
    height: 117px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    float: left;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

@media (min-width:46.25em) {
    .branding {
        margin-left: 25px;
        height: 117px
    }
}

.page--sticky .branding {
    height: 120px;
}

.page--sticky .logo {
    width: 120px;
    height: 120px;
}

.newsletter {
    background: #00485e
}

    .newsletter .wrapper {
        padding: 20px 10px
    }

@media (min-width:46.25em) {
    .newsletter .wrapper {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 20px 24px
    }
}

.newsletter label {
    color: #fff;
    font-size: 17px;
    -webkit-flex: 1 0 0;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0;
    flex: 1 0 0
}

.newsletter .wrap {
    -webkit-flex: 2 0 0;
    -webkit-box-flex: 2;
    -ms-flex: 2 0 0;
    flex: 2 0 0
}

.newsletter .input.email {
    width: calc(100% - 47px) !important;
    max-width: none !important
}

@media (min-width:46.25em) {
    .newsletter .input.email {
        width: calc(100% - 67px) !important;
        max-width: none !important
    }
}

.newsletter .input {
    width: 100%;
    margin: 10px 0
}

@media (min-width:46.25em) {
    .newsletter .input {
        margin: 0 0 0 20px;
        max-width: 250px
    }
}

.newsletter .button {
    text-indent: -9000px;
    background: #222 url(https://www.WindsurfFysio.nl/css/images/chevron-right.svg) no-repeat 50%/21px 21px;
    bottom: -1px;
    position: relative
}

.footer {
    color: #fff;
    padding: 20px 10px
}

@media (min-width:46.25em) {
    .footer {
        padding: 20px
    }
}

.footer:after {
    clear: both;
    content: "";
    display: block
}

@media (min-width:46.25em) {
    .footer {
        padding: 70px 0
    }
}

.footer .logo {
    width: 120px;
    height: 120px;
    margin: 0
}

.doormat__item {
    margin-bottom: 20px
}

@media (min-width:46.25em) {
    .doormat__item {
        width: calc(33.33333% - 33.33333px);
        float: left;
        margin-left: 25px
    }
}

.doormat__title {
    margin: 0 0 20px;
    font-size: 18px
}

.footer .social {
    margin: 20px auto
}

    .footer .social:after {
        clear: both;
        content: "";
        display: block
    }

@media (min-width:46.25em) {
    .footer .logo {
        margin: -8px 0 0 0
    }

    .footer .social {
        margin-top: 72px
    }
}

.doormat__list .list__item-link {
    color: #bcbcbc
}

.meta {
    color: #a8a8a8;
    background: #1a1a1a;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
    padding: 0
}

.meta__wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 10px
}

@media (min-width:46.25em) {
    .meta__wrapper {
        padding: 0 25px
    }
}

@media (min-width:61.25em) {
    .meta__wrapper {
        padding: 0 25px
    }
}

.meta__link {
    margin-left: auto;
    color: #a8a8a8
}

.news .mainpage > .heading {
    margin: 20px 0
}

    .news .mainpage > .heading + div, .news .mainpage > .heading + ul {
        margin-top: 0
    }

.news .mainpage .news__body img {
    width: 100%
}

.news__body > * {
    margin: 16px 0;
    text-align: justify;
    line-height: 1.5
}

.news__body a {
    text-decoration: underline
}

    .news__body .social a, .news__body a.newinsta, .news__body a.unibet {
        text-decoration: none
    }

.news .prelude {
    font-weight: 700
}

.news__meta {
    border-bottom: 1px solid #eee;
    padding: 18px 0;
    font-size: 13px;
    color: #8d8d8d;
    margin: 0 !important
}

.headimg {
    position: relative;
    padding: 0
}

@media (min-width:46.25em) {
    .headimg {
        padding: 0 6px
    }
}

@media (min-width:61.25em) {
    .headimg {
        padding: 0
    }
}

.headimg img {
    width: 100%;
    margin: 0 !important;
    display: block
}

.news figure {
    margin: 0
}

.news figcaption {
    margin: 0;
    color: #8d8d8d;
    font-size: 12px;
    position: absolute;
    right: 10px;
    bottom: -32px
}

@media (min-width:46.25em) {
    .news figcaption {
        right: 6px
    }
}

@media (min-width:61.25em) {
    .news figcaption {
        right: 0
    }
}

.poll {
    background: #00485e;
    padding: 20px;
    color: #fff;
    position: relative;
    margin-top: 20px
}

.poll__question {
    font-weight: 300
}

.poll__title {
    font-size: 18px;
    margin: 10px 0 20px
}

.poll__item {
    background: #222;
    height: 40px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 5px;
    text-transform: uppercase;
    font-size: 14px;
    cursor: pointer;
    position: relative
}

    .poll__item:hover .poll__checkbox {
        background-position: 100% 0
    }

.poll__item--result {
    background: #3c5a98;
    cursor: default
}

    .poll__item--result:before {
        content: attr(data-votes);
        position: absolute;
        right: 10px;
        top: 12px;
        z-index: 1
    }

    .poll__item--result:after {
        content: attr(data-question);
        position: absolute;
        left: 10px;
        top: 12px;
        z-index: 1
    }

.poll__social {
    background: #fff;
    position: absolute;
    right: 20px;
    bottom: -20px;
    padding: 5px
}

    .poll__social .social__item {
        margin-left: 5px
    }

        .poll__social .social__item:first-child {
            margin-left: 0
        }

.poll__fill {
    background: #222;
    position: absolute;
    left: 0;
    height: 40px
}

.poll__votes {
    margin: 20px 0 0;
    font-size: 12px
}

.poll__checkbox {
    -webkit-appearance: none;
    -moz-appearance: none;
    margin: 0 10px;
    background: url(https://www.WindsurfFysio.nl/css/images/checkbox.png) no-repeat 0 0;
    width: 22px;
    height: 22px
}

    .poll__checkbox:checked {
        background-position: 100% 0;
        outline: none
    }

#chimp {
    margin-top: 20px
}

#mc_embed_signup_scroll .clear {
    width: 100%;
    position: relative
}

    #mc_embed_signup_scroll .clear input {
        border-radius: 0
    }

    #mc_embed_signup_scroll .clear .input {
        width: 100%
    }

    #mc_embed_signup_scroll .clear .button {
        margin: 10px 0 0 0
    }

.tags {
    margin: 0 0 10px 0;
    padding: 0;
    list-style: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

    .tags .item {
        background: #222;
        margin: 0 10px 10px 0
    }

        .tags .item a {
            padding: 8px 10px;
            display: block;
            color: #fff;
            font-size: 14px
        }

.news__body .newsocial {
    width: 100%;
    text-align: center
}

.newinsta {
    font-size: 18px;
    display: inline-block;
    font-weight: 700;
    background: url(https://www.WindsurfFysio.nl/css/images/instagram-60.png) no-repeat 10px center;
    padding: 20px 0 20px 100px;
    margin: 0
}

@media (min-width:46.25em) {
    .newinsta {
        padding: 20px 0 20px 85px
    }
}

.newinsta:hover {
    text-decoration: none
}

.newinsta span {
    border-bottom: 1px solid #00485e;
    padding-bottom: 4px;
    line-height: 48px
}

.unibet {
    font-size: 18px;
    display: inline-block;
    font-weight: 700;
    background: url(https://www.WindsurfFysio.nl/css/images/unibet-tv.png) no-repeat 0 0;
    padding: 20px 0 20px 100px;
    margin: 0
}

@media (min-width:46.25em) {
    .unibet {
        padding: 20px 0 20px 160px
    }
}

.unibet--link {
    padding: 5px 0 5px 65px;
    background-size: 52px 40px;
    font-size: inherit
}

.unibet:hover {
    text-decoration: none
}

.unibet span {
    border-bottom: 1px solid #00485e;
    padding-bottom: 4px;
    line-height: 48px
}

.report {
    padding: 10px;
    border-bottom: 1px solid #eee;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    color: #666;
    font-size: 14px
}

.report--highlight {
    font-weight: 700;
    color: #222
}

.report__detail {
    width: 50%
}

.report__description {
    margin-left: auto
}

.report__time {
    width: 80px;
    text-align: center
}

.report__icon {
    width: 40px
}

.billboard {
    display: none;
    max-width: 100%;
    margin: 30px 20px;
    text-align: center;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media (min-width:46.25em) {
    .billboard {
        display: block;
        margin: 30px 26px
    }
}

@media (min-width:61.25em) {
    .billboard {
        width: 100%;
        max-width: 980px;
        margin: 30px auto
    }
}

.artikel-grid:after {
    clear: both;
    content: "";
    display: block
}

.artikel-grid__item {
    position: relative;
    width: 50%;
    float: left;
    margin-bottom: 2px;
    font-size: 12px
}

@media (min-width:46.25em) {
    .artikel-grid__item {
        font-size: 16px
    }
}

.artikel-grid__item:nth-child(2):after {
    content: "";
    width: 2px;
    position: absolute;
    height: 100%;
    top: 0;
    background: #fff;
    z-index: 4;
    right: -1px
}

.artikel-grid__item:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 80px;
    z-index: 1;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(-20%, rgba(0, 0, 0, 0.45)), to(transparent));
    background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.45) -20%, transparent);
    background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.45) -20%, transparent);
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.45) -20%, transparent)
}

.artikel-grid__item:first-child {
    display: block;
    width: 100%
}

@media (max-width:46.25em) {
    .artikel-grid__item:first-child {
        font-size: 16px
    }

    .artikel-grid__item {
        display: none
    }
}

@media (min-width:46.25em) {
    .artikel-grid__item:first-child {
        font-size: 26px
    }
}

.artikel-grid__title {
    font-weight: 800;
    color: #fff;
    position: absolute;
    bottom: 20px;
    left: 20px;
    right: 20px;
    z-index: 2;
    margin: 0;
    font-size: inherit;
    text-shadow: #222 0 1px 0;
    max-height: 67px;
    overflow: hidden
}

@media (min-width:46.25em) {
    .artikel-grid__title {
        max-height: unset;
        overflow: unset;
        display: block
    }
}

.artikel-grid__link:before {
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    white-space: nowrap;
    z-index: 3
}

.artikel-grid__image {
    width: 100%;
    display: block
}

.artikels {
    padding: 45px 0 0 0
}

@media (min-width:46.25em) {
    .artikels {
        padding: 10px 0
    }
}

.artikel {
    border-top: 1px solid #eee;
    position: relative
}

.banner {
    margin: 20px 0;
    text-align: center;
    border: 0
}

    .banner.first {
        margin-top: 0
    }

.home .banner.first {
    margin-top: -30px;
    padding: 0
}

.minimal .artikel {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 12px 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

    .minimal .artikel:last-child {
        padding-bottom: 0
    }

    .minimal .artikel:first-child {
        border-top: 0
    }

.minimal .artikel__meta, .minimal .artikel__time, .minimal .time {
    font-size: 11px
}

.minimal .artikel__body {
    padding: 0 10px;
    display: inline-table;
    width: 225px
}

.minimal .artikel__title {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.minimal .artikel__title-link {
    display: block
}

.artikel.minimal {
    padding: 10px 0
}

.light .artikel:first-child {
    display: block
}

    .light .artikel:first-child .artikel__body {
        padding: 10px 0 0
    }

    .light .artikel:first-child img {
        width: 100%;
        height: auto
    }

    .light .artikel:first-child .artikel__title {
        font-size: 16px
    }

.list-teaser .artikel {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 20px 0
}

    .list-teaser .artikel:first-child {
        border-top: 0
    }

    .list-teaser .artikel .artikel__time, .list-teaser .artikel .time {
        position: absolute;
        left: 140px;
        bottom: 21px;
        line-height: 5px
    }

    .list-teaser .artikel .version0 {
        left: 133px;
        bottom: 24px;
        line-height: 5px
    }

.list-compact .artikel {
    padding: 10px 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

    .list-compact .artikel:first-of-type {
        padding-top: 20px
    }

.list-compact .artikel__preview, .list-compact .image, .list-compact .imgholder, .list-compact .intro {
    display: none
}

.list-compact .artikel__time, .list-compact .time {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    padding: 2px 20px 0 0
}

.list-compact .pinned0 .time {
    padding: 3px 20px 0 0
}

.list-compact .artikel__title {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
    font-size: 13px;
    font-weight: 400;
    display: inline-table;
    width: 70%
}

@media (min-width:46.25em) {
    .list-compact .artikel__title {
        width: 85%
    }
}

.list-teaser .artikel__title {
    margin: 0;
    font-weight: 600;
    line-height: 19px;
    width: 100%
}

.list-teaser .intro {
    display: block
}

@media (min-width:46.25em) {
    .list-teaser .intro {
        display: block
    }
}

.list-compact .artikel__body {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: top;
    -webkit-align-items: top;
    -ms-flex-align: top;
    align-items: top;
    padding: 0
}

.list-teaser .artikel__body {
    width: 70%
}

@media (min-width:46.25em) {
    .list-teaser .artikel__body {
        width: 80%
    }
}

.artikel__votes, .votes {
    color: #767676;
    font-size: 13px;
    padding: 0 0 0 15px;
    margin-left: auto
}

.list-teaser .artikel__votes, .list-teaser .votes {
    position: absolute;
    left: 187px;
    bottom: 22px;
    font-size: 12px
}

.list-teaser .pinned1 .artikel__votes, .list-teaser .pinned1 .votes {
    left: 195px
}

.list-teaser .pinned0 .artikel__votes, .list-teaser .pinned0 .votes {
    bottom: 17px;
    left: 235px
}

.list-teaser .artikel__votes:before, .list-teaser .votes:before {
    content: "| ";
    font-size: 10px;
    bottom: 2px;
    position: relative;
    padding-right: 4px
}

.list-teaser .artikel__votes:after, .list-teaser .votes:after {
    content: " stemmen"
}

.artikel__title {
    margin: 0;
    font-weight: 600
}

.artikel__preview, .intro {
    color: #767676;
    font-size: 13px;
    margin: 3px 0;
    max-height: 40px;
    overflow: hidden
}

.artikel__meta, .artikel__time, .time {
    color: #767676;
    font-size: 12px;
    white-space: nowrap;
    display: inline-block
}

    .artikel__meta span, .artikel__time span, .time span {
        margin-right: 10px
    }

.list-teaser .pinned0 .time span {
    margin-right: 13px
}

.pinned0 .time .pin, .pinned1 .time .flag {
    display: none
}

.pinned1 .time .pin {
    background: #00485e;
    font-size: 8px;
    display: inline-block;
    padding: 4px;
    color: #fff;
    text-transform: uppercase;
    position: relative;
    bottom: 2px;
    left: 0
}

.list-compact .pinned1 .time .pin {
    margin-right: 20px
}

.block.full .image img {
    width: 100%
}

.image, .imgholder {
    position: relative
}

    .artikel__img, .image img, .imgholder img {
        display: block;
        color: #ffffff
    }

.artikel__body {
    padding: 0 20px
}

.artikel__title-link:before {
    bottom: 0;
    content: "";
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    white-space: nowrap;
    z-index: 1
}

.tile {
    border: 0
}

    .tile .artikel__body {
        padding: 10px 0
    }

.artikels--album {
    margin-left: -25px;
    margin-right: -25px;
    width: calc(100% + 50px)
}

    .artikels--album:after {
        clear: both;
        content: "";
        display: block
    }

    .artikels--album .artikel {
        width: calc(50% - 37.5px);
        float: left;
        margin-left: 25px
    }

@media (min-width:46.25em) {
    .artikels--album .artikel {
        width: calc(25% - 31.25px);
        float: left;
        margin-left: 25px
    }
}

.navigation {
    display: none
}

@media (min-width:46.25em) {
    .navigation {
        display: block
    }
}

@media (max-width:46.24em) {
    .navigation.open {
        display: block !important;
        position: absolute;
        z-index: 8;
        background: #fff;
        width: 96%;
        padding: 20px;
        margin: 0 2%;
        border: 1px solid #eee
    }
}

.nav-burger {
    width: 29px;
    height: 29px;
    background: url(https://www.WindsurfFysio.nl/css/images/bars.svg) no-repeat 0 0/cover;
    cursor: pointer;
    position: absolute;
    display: block;
    top: 12px;
    right: 10px
}

@media (min-width:46.25em) {
    .nav-burger {
        display: none
    }
}

@media (min-width:46.25em) {
    .page--sticky .navigation {
        display: none
    }
}

.wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

@media (min-width:46.25em) {
    .wrapper {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap
    }
}

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

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

@media (min-width:46.25em) {
    .navigation ul {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: calc(100% - 50px);
        float: left;
        margin-left: 25px
    }
}

@media (min-width:61.25em) {
    .navigation ul {
        width: calc(66.66667% - 41.66667px);
        float: left;
        margin-left: 25px
    }
}

.navigation li {
    margin: auto
}

    .navigation li.active {
        border-bottom: 3px solid #00485e
    }

    .navigation li:first-child {
        margin-left: 0
    }

    .navigation li a {
        display: block;
        line-height: 60px;
        white-space: nowrap
    }

        .navigation li a.active {
            color: #00485e;
            margin-bottom: -3px
        }

.horizonnav {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: auto;
    white-space: nowrap;
    border-bottom: 1px solid #eee;
    background: #fff;
    position: relative;
    top: -43px;
    z-index: 7;
    overflow-x: scroll !important;
    -webkit-overflow-scrolling: touch;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0)
}

    .horizonnav::-webkit-scrollbar {
        height: 0 !important;
        width: 0 !important;
        display: hidden !important
    }

.news .horizonnav {
    top: -43px;
    -webkit-transition: top 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
    -o-transition: top 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
    transition: top 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94)
}

.horizonnav.sticky {
    top: 0
}

@media (min-width:46.25em) {
    .horizonnav {
        display: none
    }
}

.horizonnav a {
    display: inline-table;
    color: black;
    text-align: center;
    padding: 15px 15px 28px 11px;
    text-decoration: none;
    font-size: 12px;
    position: relative
}

    .horizonnav a.active {
        color: #00485e
    }

    .horizonnav a:hover {
        color: #00485e;
        text-decoration: underline
    }

.horizonnav.sticky a.active:after {
    background-color: #00485e;
    content: "";
    position: absolute;
    left: 0;
    top: 41px;
    width: 100%;
    height: 2px
}

#navwrapper {
    max-height: 44px;
    overflow-y: hidden !important;
    background: white
}

    #navwrapper::-webkit-scrollbar {
        display: none
    }

.nonavwrap {
    display: none
}

.yesnavwrap {
    display: block
}

#navwrapper > nav > a {
    text-decoration: none !important
}

.livescore__chart .livescore__result {
    width: 10%
}

.livescore {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 12px;
    width: 100%;
    border-bottom: 1px solid #eee;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}

.livescores--full .livescore > * {
    padding: 19px 10px
}

.livescores--full .livescore .livescore__in {
    text-align: right
}

.livescores--full .livescore .livescore__out {
    text-align: left
}

.livescore--off:after, .livescore--on:after {
    width: 3px;
    position: absolute;
    top: 4px;
    bottom: 4px;
    content: "";
    left: 0
}

.livescore--off:after {
    background: transparent
}

@keyframes blink {
    50% {
        background: #00485e
    }
}

@-webkit-keyframes blink {
    50% {
        background: #00485e
    }
}

@-moz-keyframes blink {
    50% {
        background: #00485e
    }
}

@-o-keyframes blink {
    50% {
        background: #00485e
    }
}

.livescore--on:after {
    animation: blink .5s step-end infinite alternate;
    -webkit-animation: blink .5s step-end infinite alternate;
    -moz-animation: blink .5s step-end infinite alternate;
    -o-animation: blink .5s step-end infinite alternate
}

.livescore > * {
    padding: 19px 5px
}

.livescore__title {
    text-transform: uppercase;
    font-size: 14px;
    border-top: 1px solid #eee;
    border-bottom: 2px solid #eee;
    padding: 18px 0 18px 50px;
    font-weight: 700;
    margin: 0;
    position: relative
}

.livescore__flag {
    position: absolute;
    left: 20px;
    top: 23px
}

.livescore__date {
    font-weight: normal
}

.livescore__result, .livescore__time {
    text-align: center
}

.line {
    border-left: 1px solid #eee
}

.livescore__in, .livescore__out {
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    width: 30%
}

.livescore__out {
    text-align: right
}

.livescore__time {
    width: 15%;
    color: #979797
}

.livescore__position {
    width: 10%;
    color: #979797;
    text-align: center
}

.last {
    border-right: 0;
    border-left: 1px solid #eee
}

.livescore__result {
    width: 20%;
    font-weight: 700
}

    .livescore__result a, .livescore__stand a {
        color: #00485e
    }

.livescore__button {
    margin-top: 20px
}

.livescore__action {
    width: 15% !important;
    text-align: center
}

    .livescore__action img {
        width: 20px;
        height: 20px
    }

@media (min-width:46.25em) {
    .livescore__action img {
        width: 30px;
        height: 30px
    }
}

.teama {
    text-align: right
}

.livescore__stand {
    width: 20% !important;
    color: #00485e;
    font-weight: 700;
    min-width: 50px;
    text-align: center
}

.livescore__head img {
    width: 30px;
    height: 30px
}

.livescore__head {
    width: 40px !important
}

.game {
    display: table;
    table-layout: fixed;
    height: auto;
    width: 100%;
    overflow: hidden
}

    .game .left, .game .middle, .game .right {
        display: table-cell;
        width: 30px;
        vertical-align: middle
    }

    .game .dyn {
        display: table-cell;
        vertical-align: middle
    }

.score {
    background: url(https://www.WindsurfFysio.nl/css/images/score.jpg) no-repeat center 0/cover;
    color: #fff;
    padding: 40px 0;
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 30px 0 0 0
}

.score__title {
    font-weight: 700;
    margin: 0
}

.score__time {
    font-size: 22px
}

.score__date {
    font-size: 14px
}

.score__board {
    margin: auto
}

.score__team {
    margin: auto;
    display: none
}

@media (min-width:46.25em) {
    .score__team {
        display: block
    }
}

.score__team-title {
    max-width: 200px
}

.score__result {
    padding: 30px
}

    .score__result span {
        background: #fff;
        font-size: 48px;
        color: #222;
        font-weight: 700;
        padding: 20px;
        display: inline-block;
        border-radius: 2px
    }

.competitions .livescore__title {
    padding: 22px 0 22px 80px
}

.competitions .livescore__position {
    min-width: 52px
}

.livescore__title img.comlogo {
    width: 50px;
    height: 50px;
    display: block;
    position: absolute;
    top: 7px;
    left: 10px
}

.livescore__player, .livescore__team {
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    width: 65%
}

.livescore__player {
    min-width: 100px
}

@media (min-width:61.25em) {
    .livescore__player, .livescore__team {
        width: 55%
    }
}

.competitions__matches .matchdate {
    color: #979797;
    margin: 25px 0 10px 0;
    text-transform: uppercase;
    font-size: 0.8em
}

    .competitions__matches .matchdate:first-of-type {
        padding-top: 11px
    }

.competitions__matches .livescore__position {
    border: 0
}

.club_overview .livescore__title {
    width: 100%;
    float: none
}

@media (min-width:46.25em) {
    .club_overview .livescore__title {
        width: 50%;
        float: left
    }
}

.livescore__date {
    width: 30%
}

.club__logo {
    width: 100%;
    float: none;
    padding: 20px 0 0 0;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.club__betlink {
    padding: 6px 0 5px 90px;
    background-size: 50px;
    text-align: left;
    margin-top: 20px;
    line-height: 23px;
    background-position: 20px -10px
}

@media (min-width:46.25em) {
    .club__betlink {
        line-height: 41px
    }
}

.club__facts {
    width: 100%;
    float: none
}

    .club__facts .livescore__in {
        width: 60%
    }

        .club__facts .livescore__in .flag {
            position: relative;
            bottom: -1px;
            margin-right: 6px
        }

@media (min-width:46.25em) {
    .club__logo {
        width: 29%;
        float: left
    }

    .club__betlink {
        padding: 6px 0 0 90px;
        background-position: 20px 0
    }

    .club__facts {
        width: 67%;
        float: right
    }
}

@media (min-width:61.25em) {
    .club__logo {
        width: 32%;
        float: left
    }
}

.social {
    margin: 0;
    padding: 0;
    list-style: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-left: auto;
    margin-right: 50px;
    -webkit-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all 0.6s ease
}

@media (max-width:46.24em) {
    .social {
        display: none
    }
}

@media (min-width:46.25em) {
    .news .news__body .social {
        display: block;
        float: left;
        width: 100%;
        padding-bottom: 10px
    }
}

.social li {
    float: left;
    margin-left: 10px
}

    .social li:first-child {
        margin-left: 0
    }

    .social li a {
        height: 40px;
        width: 40px;
        display: block;
        text-indent: -9000px;
        font-weight: 700;
        -webkit-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s
    }

.news__body .social li a {
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 11px
}

.news__body .wide {
    width: auto
}

.page--sticky .social li a {
    width: 30px;
    height: 30px
}

.social li a:hover {
    color: #fff
}

@media (min-width:46.25em) {
    .social li a.wide {
        width: auto;
        text-transform: uppercase;
        text-indent: 0;
        line-height: 40px;
        color: #fff;
        font-size: 14px;
        padding: 0 20px 0 40px;
        background-position: 10px !important
    }

    .page--sticky .social li a.wide {
        width: auto;
        line-height: 30px;
        font-size: 11px
    }
}

.fb {
    background: #3c5a98 url(https://www.WindsurfFysio.nl/css/images/facebook.svg) no-repeat 50%/20px 20px
}

.insta {
    background: #872b7b url(https://www.WindsurfFysio.nl/css/images/instagram.svg) no-repeat 50%/20px 20px
}

.mail {
    background: #222 url(https://www.WindsurfFysio.nl/css/images/mail.svg) no-repeat 50%/20px 20px
}

.page--sticky .social li a {
    background-size: 15px 15px !important
}

.social.foot {
    bottom: 45px
}

.list-compact .artikel__body .flag {
    margin: 0 22px 0 2px
}

.artikel__body .flag {
    position: relative;
    bottom: -1px;
    left: 0
}

.flag {
    display: inline-block;
    width: 16px;
    height: 11px;
    background: url(https://www.WindsurfFysio.nl/css/images/flags.png) no-repeat 0 0
}

    .flag.flag-lu {
        background-position: -16px -88px
    }

    .flag.flag-sc {
        background-position: -160px -121px
    }

    .flag.flag-gb {
        background-position: -112px -44px
    }

    .flag.flag-bn {
        background-position: -144px -11px
    }

    .flag.flag-ru {
        background-position: -96px -121px
    }

    .flag.flag-in {
        background-position: -64px -66px
    }

    .flag.flag-tj {
        background-position: -48px -143px
    }

    .flag.flag-om {
        background-position: -64px -110px
    }

    .flag.flag-cm {
        background-position: -160px -22px
    }

    .flag.flag-ck {
        background-position: -128px -22px
    }

    .flag.flag-be {
        background-position: -32px -11px
    }

    .flag.flag-sx {
        background-position: -176px -132px
    }

    .flag.flag-bh {
        background-position: -80px -11px
    }

    .flag.flag-er {
        background-position: -208px -33px
    }

    .flag.flag-tk {
        background-position: -64px -143px
    }

    .flag.flag-gf {
        background-position: -160px -44px
    }

    .flag.flag-sd {
        background-position: -192px -121px
    }

    .flag.flag-mo {
        background-position: -224px -88px
    }

    .flag.flag-co {
        background-position: -192px -22px
    }

    .flag.flag-tg {
        background-position: 0 -143px
    }

    .flag.flag-gu {
        background-position: -96px -55px
    }

    .flag.flag-jp {
        background-position: -224px -66px
    }

    .flag.flag-hm {
        background-position: -160px -55px
    }

    .flag.flag-pn {
        background-position: -208px -110px
    }

    .flag.flag-la {
        background-position: -160px -77px
    }

    .flag.flag-bf {
        background-position: -48px -11px
    }

    .flag.flag-us {
        background-position: 0 -154px
    }

    .flag.flag-pa {
        background-position: -80px -110px
    }

    .flag.flag-pr {
        background-position: -224px -110px
    }

    .flag.flag-eh {
        background-position: -176px -33px
    }

    .flag.flag-my {
        background-position: -112px -99px
    }

    .flag.flag-ga {
        background-position: -96px -44px
    }

    .flag.flag-gq {
        background-position: -32px -55px
    }

    .flag.flag-es {
        background-position: -224px -33px
    }

    .flag.flag-sv {
        background-position: -160px -132px
    }

    .flag.flag-rs {
        background-position: -80px -121px
    }

    .flag.flag-mq {
        background-position: -256px -88px
    }

    .flag.flag-tm {
        background-position: -96px -143px
    }

    .flag.flag-id {
        background-position: -256px -55px
    }

    .flag.flag-um {
        background-position: -256px -143px
    }

    .flag.flag-scotland {
        background-position: -176px -121px
    }

    .flag.flag-nc {
        background-position: -160px -99px
    }

    .flag.flag-vg {
        background-position: -96px -154px
    }

    .flag.flag-cl {
        background-position: -144px -22px
    }

    .flag.flag-mx {
        background-position: -96px -99px
    }

    .flag.flag-li {
        background-position: -208px -77px
    }

    .flag.flag-en {
        background-position: -192px -33px
    }

    .flag.flag-ee {
        background-position: -144px -33px
    }

    .flag.flag-mr {
        background-position: 0 -99px
    }

    .flag.flag-ad {
        background-position: 0 0
    }

    .flag.flag-bj {
        background-position: -112px -11px
    }

    .flag.flag-yt {
        background-position: -240px -154px
    }

    .flag.flag-ag {
        background-position: -48px 0
    }

    .flag.flag-pe {
        background-position: -96px -110px
    }

    .flag.flag-ve {
        background-position: -80px -154px
    }

    .flag.flag-pf {
        background-position: -112px -110px
    }

    .flag.flag-mw {
        background-position: -80px -99px
    }

    .flag.flag-zw {
        background-position: -32px -165px
    }

    .flag.flag-dm {
        background-position: -80px -33px
    }

    .flag.flag-fo {
        background-position: -64px -44px
    }

    .flag.flag-bv {
        background-position: -224px -11px
    }

    .flag.flag-ma {
        background-position: -64px -88px
    }

    .flag.flag-cf {
        background-position: -64px -22px
    }

    .flag.flag-nr {
        background-position: -16px -110px
    }

    .flag.flag-sb {
        background-position: -144px -121px
    }

    .flag.flag-cw {
        background-position: -256px -22px
    }

    .flag.flag-bs {
        background-position: -192px -11px
    }

    .flag.flag-tibet {
        background-position: -32px -143px
    }

    .flag.flag-bg {
        background-position: -64px -11px
    }

    .flag.flag-mh {
        background-position: -144px -88px
    }

    .flag.flag-am {
        background-position: -96px 0
    }

    .flag.flag-ml {
        background-position: -176px -88px
    }

    .flag.flag-gy {
        background-position: -128px -55px
    }

    .flag.flag-cn {
        background-position: -176px -22px
    }

    .flag.flag-sj {
        background-position: 0 -132px
    }

    .flag.flag-je {
        background-position: -176px -66px
    }

    .flag.flag-ic {
        background-position: -240px -55px
    }

    .flag.flag-va {
        background-position: -48px -154px
    }

    .flag.flag-mc {
        background-position: -80px -88px
    }

    .flag.flag-pg {
        background-position: -128px -110px
    }

    .flag.flag-wales {
        background-position: -160px -154px
    }

    .flag.flag-ly {
        background-position: -48px -88px
    }

    .flag.flag-fm {
        background-position: -48px -44px
    }

    .flag.flag-kh {
        background-position: 0 -77px
    }

    .flag.flag-gw {
        background-position: -112px -55px
    }

    .flag.flag-ao {
        background-position: -128px 0
    }

    .flag.flag-eu, .flag.flag-UEFA {
        background-position: -256px -33px
    }

    .flag.flag-tt {
        background-position: -160px -143px
    }

    .flag.flag-sn {
        background-position: -64px -132px
    }

    .flag.flag-mt {
        background-position: -32px -99px
    }

    .flag.flag-sg {
        background-position: -224px -121px
    }

    .flag.flag-bw {
        background-position: -240px -11px
    }

    .flag.flag-gi {
        background-position: -224px -44px
    }

    .flag.flag-ms {
        background-position: -16px -99px
    }

    .flag.flag-ua {
        background-position: -224px -143px
    }

    .flag.flag-aw {
        background-position: -208px 0
    }

    .flag.flag-lk {
        background-position: -224px -77px
    }

    .flag.flag-cv {
        background-position: -240px -22px
    }

    .flag.flag-hu {
        background-position: -224px -55px
    }

    .flag.flag-py {
        background-position: -16px -121px
    }

    .flag.flag-zm {
        background-position: -16px -165px
    }

    .flag.flag-ai {
        background-position: -64px 0
    }

    .flag.flag-gl {
        background-position: -240px -44px
    }

    .flag.flag-bd {
        background-position: -16px -11px
    }

    .flag.flag-rw {
        background-position: -112px -121px
    }

    .flag.flag-lb {
        background-position: -176px -77px
    }

    .flag.flag-sa {
        background-position: -128px -121px
    }

    .flag.flag-az {
        background-position: -240px 0
    }

    .flag.flag-ps {
        background-position: -240px -110px
    }

    .flag.flag-sr {
        background-position: -112px -132px
    }

    .flag.flag-dz {
        background-position: -112px -33px
    }

    .flag.flag-de {
        background-position: -32px -33px
    }

    .flag.flag-lr {
        background-position: -240px -77px
    }

    .flag.flag-tn {
        background-position: -112px -143px
    }

    .flag.flag-ro {
        background-position: -64px -121px
    }

    .flag.flag-dk {
        background-position: -64px -33px
    }

    .flag.flag-io {
        background-position: -80px -66px
    }

    .flag.flag-no {
        background-position: -256px -99px
    }

    .flag.flag-vc {
        background-position: -64px -154px
    }

    .flag.flag-br {
        background-position: -176px -11px
    }

    .flag.flag-mp {
        background-position: -240px -88px
    }

    .flag.flag-st {
        background-position: -144px -132px
    }

    .flag.flag-qa {
        background-position: -32px -121px
    }

    .flag.flag-at {
        background-position: -176px 0
    }

    .flag.flag-mm {
        background-position: -192px -88px
    }

    .flag.flag-sz {
        background-position: -208px -132px
    }

    .flag.flag-jm {
        background-position: -192px -66px
    }

    .flag.flag-cg {
        background-position: -80px -22px
    }

    .flag.flag-wf {
        background-position: -176px -154px
    }

    .flag.flag-lc {
        background-position: -192px -77px
    }

    .flag.flag-tl {
        background-position: -80px -143px
    }

    .flag.flag-catalonia {
        background-position: -32px -22px
    }

    .flag.flag-gn {
        background-position: 0 -55px
    }

    .flag.flag-mk {
        background-position: -160px -88px
    }

    .flag.flag-td {
        background-position: -240px -132px
    }

    .flag.flag-bo {
        background-position: -160px -11px
    }

    .flag.flag-ec {
        background-position: -128px -33px
    }

    .flag.flag-fr {
        background-position: -80px -44px
    }

    .flag.flag-it {
        background-position: -144px -66px
    }

    .flag.flag-fi {
        background-position: 0 -44px
    }

    .flag.flag-mv {
        background-position: -64px -99px
    }

    .flag.flag-jo {
        background-position: -208px -66px
    }

    .flag.flag-by {
        background-position: -256px -11px
    }

    .flag.flag-ge {
        background-position: -144px -44px
    }

    .flag.flag-ar {
        background-position: -144px 0
    }

    .flag.flag-tw {
        background-position: -192px -143px
    }

    .flag.flag-ug {
        background-position: -240px -143px
    }

    .flag.flag-is {
        background-position: -128px -66px
    }

    .flag.flag-gm {
        background-position: -256px -44px
    }

    .flag.flag-gp {
        background-position: -16px -55px
    }

    .flag.flag-sl {
        background-position: -32px -132px
    }

    .flag.flag-af {
        background-position: -32px 0
    }

    .flag.flag-cd {
        background-position: -48px -22px
    }

    .flag.flag-np {
        background-position: 0 -110px
    }

    .flag.flag-im {
        background-position: -48px -66px
    }

    .flag.flag-vi {
        background-position: -112px -154px
    }

    .flag.flag-sm {
        background-position: -48px -132px
    }

    .flag.flag-gs {
        background-position: -64px -55px
    }

    .flag.flag-ky {
        background-position: -128px -77px
    }

    .flag.flag-tf {
        background-position: -256px -132px
    }

    .flag.flag-vn {
        background-position: -128px -154px
    }

    .flag.flag-to {
        background-position: -128px -143px
    }

    .flag.flag-vu {
        background-position: -144px -154px
    }

    .flag.flag-cz {
        background-position: -16px -33px
    }

    .flag.flag-ht {
        background-position: -208px -55px
    }

    .flag.flag-kp {
        background-position: -64px -77px
    }

    .flag.flag-tv {
        background-position: -176px -143px
    }

    .flag.flag-mz {
        background-position: -128px -99px
    }

    .flag.flag-hk {
        background-position: -144px -55px
    }

    .flag.flag-iq {
        background-position: -96px -66px
    }

    .flag.flag-bz {
        background-position: 0 -22px
    }

    .flag.flag-uy {
        background-position: -16px -154px
    }

    .flag.flag-me {
        background-position: -112px -88px
    }

    .flag.flag-nu {
        background-position: -32px -110px
    }

    .flag.flag-bt {
        background-position: -208px -11px
    }

    .flag.flag-ws {
        background-position: -192px -154px
    }

    .flag.flag-ca {
        background-position: -16px -22px
    }

    .flag.flag-gr {
        background-position: -48px -55px
    }

    .flag.flag-ng {
        background-position: -208px -99px
    }

    .flag.flag-re {
        background-position: -48px -121px
    }

    .flag.flag-ki {
        background-position: -16px -77px
    }

    .flag.flag-ae {
        background-position: -16px 0
    }

    .flag.flag-do {
        background-position: -96px -33px
    }

    .flag.flag-sh {
        background-position: -240px -121px
    }

    .flag.flag-pk {
        background-position: -160px -110px
    }

    .flag.flag-kz {
        background-position: -144px -77px
    }

    .flag.flag-ci {
        background-position: -112px -22px
    }

    .flag.flag-mn {
        background-position: -208px -88px
    }

    .flag.flag-ch {
        background-position: -96px -22px
    }

    .flag.flag-fj {
        background-position: -16px -44px
    }

    .flag.flag-bb {
        background-position: 0 -11px
    }

    .flag.flag-mu {
        background-position: -48px -99px
    }

    .flag.flag-gd {
        background-position: -128px -44px
    }

    .flag.flag-uz {
        background-position: -32px -154px
    }

    .flag.flag-cu {
        background-position: -224px -22px
    }

    .flag.flag-somaliland {
        background-position: -96px -132px
    }

    .flag.flag-ni {
        background-position: -224px -99px
    }

    .flag.flag-th {
        background-position: -16px -143px
    }

    .flag.flag-bi {
        background-position: -96px -11px
    }

    .flag.flag-ax {
        background-position: -224px 0
    }

    .flag.flag-dj {
        background-position: -48px -33px
    }

    .flag.flag-pl {
        background-position: -176px -110px
    }

    .flag.flag-mg {
        background-position: -128px -88px
    }

    .flag.flag-se {
        background-position: -208px -121px
    }

    .flag.flag-pt {
        background-position: -256px -110px
    }

    .flag.flag-lv {
        background-position: -32px -88px
    }

    .flag.flag-ls {
        background-position: -256px -77px
    }

    .flag.flag-il {
        background-position: -16px -66px
    }

    .flag.flag-cr {
        background-position: -208px -22px
    }

    .flag.flag-ye {
        background-position: -224px -154px
    }

    .flag.flag-ss {
        background-position: -128px -132px
    }

    .flag.flag-xk {
        background-position: -208px -154px
    }

    .flag.flag-kn {
        background-position: -48px -77px
    }

    .flag.flag-as {
        background-position: -160px 0
    }

    .flag.flag-kg {
        background-position: -256px -66px
    }

    .flag.flag-sk {
        background-position: -16px -132px
    }

    .flag.flag-gg {
        background-position: -192px -44px
    }

    .flag.flag-kr {
        background-position: -80px -77px
    }

    .flag.flag-hn {
        background-position: -176px -55px
    }

    .flag.flag-fk {
        background-position: -32px -44px
    }

    .flag.flag-ne {
        background-position: -176px -99px
    }

    .flag.flag-cy {
        background-position: 0 -33px
    }

    .flag.flag-bm {
        background-position: -128px -11px
    }

    .flag.flag-ba {
        background-position: -256px 0
    }

    .flag.flag-lt {
        background-position: 0 -88px
    }

    .flag.flag-ke {
        background-position: -240px -66px
    }

    .flag.flag-md {
        background-position: -96px -88px
    }

    .flag.flag-so {
        background-position: -80px -132px
    }

    .flag.flag-an {
        background-position: -112px 0
    }

    .flag.flag-tr {
        background-position: -144px -143px
    }

    .flag.flag-eg {
        background-position: -160px -33px
    }

    .flag.flag-al {
        background-position: -80px 0
    }

    .flag.flag-gt {
        background-position: -80px -55px
    }

    .flag.flag-nf {
        background-position: -192px -99px
    }

    .flag.flag-tc {
        background-position: -224px -132px
    }

    .flag.flag-ph {
        background-position: -144px -110px
    }

    .flag.flag-hr {
        background-position: -192px -55px
    }

    .flag.flag-ir {
        background-position: -112px -66px
    }

    .flag.flag-kw {
        background-position: -112px -77px
    }

    .flag.flag-pw {
        background-position: 0 -121px
    }

    .flag.flag-et {
        background-position: -240px -33px
    }

    .flag.flag-tz {
        background-position: -208px -143px
    }

    .flag.flag-ed, .flag.flag-nl {
        background-position: -240px -99px
    }

    .flag.flag-gh {
        background-position: -208px -44px
    }

    .flag.flag-nz {
        background-position: -48px -110px
    }

    .flag.flag-km {
        background-position: -32px -77px
    }

    .flag.flag-za {
        background-position: -256px -154px
    }

    .flag.flag-pm {
        background-position: -192px -110px
    }

    .flag.flag-si {
        background-position: -256px -121px
    }

    .flag.flag-ie {
        background-position: 0 -66px
    }

    .flag.flag-au {
        background-position: -192px 0
    }

    .flag.flag-na {
        background-position: -144px -99px
    }

    .flag.flag-zanzibar {
        background-position: 0 -165px
    }

    .flag.flag-sy {
        background-position: -192px -132px
    }

    .flag.flag-kurdistan {
        background-position: -96px -77px
    }

/* =========================================
   HEADER FIX
   ========================================= */

#header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    background: #fff;
    z-index: 1000;
}

/* Logo altijd netjes gecentreerd */
.brand {
    width: 100%;
    background: #00485e;
}

.branding {
    width: 100%;
    height: 120px;
    margin: 0;
    float: none;
    display: flex;
    align-items: center;
    justify-content: center;
}

.logo {
    width: 120px;
    height: 120px;
    margin: 0 auto;
    flex-shrink: 0;
}

/* Desktop */
@media (min-width: 46.25em) {

    .page {
        padding-top: 180px;
    }

    .branding {
        height: 120px;
        margin-left: 0;
    }

    .navigation {
        height: 60px;
    }
}

/* Mobiel */
@media (max-width: 46.24em) {

    .page {
        padding-top: 120px;
    }

    .branding {
        height: 120px;
    }

    .logo {
        width: 120px;
        height: 120px;
    }

    .nav-burger {
        top: 45px;
        right: 15px;
        z-index: 1001;
    }

    .navigation.open {
        top: 120px;
        left: 0;
        right: 0;
        width: 100%;
        margin: 0;
    }
}