/* Nice fonts */



/* @import url(http://fonts.googleapis.com/css?family=Open+Sans:600,400); */



/* @import url(http://fonts.googleapis.com/css?family=Inconsolata); */





/* fixing Font Awesome */

/* Tooltip container */



.l, .l > time, .l > a {

    background-color: #214478 !important;

    color: white;

}



.avoidwrap {

    /*display: inline-block;*/

}



.fa-envelope {

    position: relative;

    margin: 0 2px;

}



/* Tooltip text */



.fa-envelope .tooltiptext {

    visibility: hidden;

    width: 200px;

    background-color: black;

    color: #fff;

    text-align: center;

    padding: 5px;

    border-radius: 6px;

    /* Position the tooltip text - see examples below! */

    position: absolute;

    z-index: 1;

}



/* Show the tooltip text when you mouse over the tooltip container */



.fa-envelope:hover .tooltiptext {

    visibility: visible;

}



.fa-envelope .tooltiptext {

    width: 200px;

    bottom: 100%;

    left: 50%;

    margin-left: -100px;

    /* Use half of the width (120/2 = 60), to center the tooltip */

}



body {

    background-color: #ddd;

}



main {

    max-width: 1000px;

    margin: auto;

}



/* Selecting the main page header and making it nice */

a {

    color: #000;

}



.menu > a:hover {

    color: red !important;

}



a:hover {

    text-decoration: none;

    color: #ff6262 !important;

}



a:active {

    text-decoration: none;

}



a:focus {

    text-decoration: none;

}



footer {

    box-shadow: 0 -3px 6px rgba(157, 200, 255, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);

}



div#page-wrapper > header {

    display: flex;

    justify-content: space-between;

    padding: 5px 0 5px 0;

    align-items: center;

}



.kontakt-popup {

    margin-left: 5px;

    margin-top: 5px;

}



#fb {

    color: #222 !important;

    transition: ease-out 0.2s;

}



#fb:hover {

    color: #3B5998 !important;

}



#mail {

    color: #222 !important;

    transition: ease-out 0.2s;

}



#mail:hover {

    color: #ffff4d !important;

}



.tournamentInfo {

    text-align: center;

}



.tournamentInfo p {

    font-style: oblique;

    font-size: x-large;

    margin: 0;

}



.tournamentInfo h1 {

    margin: 0;

}



/* General lay-out*/



.flex-horizontal {

    display: flex;

    flex-wrap: wrap;

    flex: 1;

}



/* Playing with footer */



footer p {

    font-style: oblique;

}



/* More random stuff */



time {

    font-weight: bold;

}



.label-tournament {

    width: 78px;

    vertical-align: middle;

}



.label-important {

    background-color: #b94a48;

    margin-left: -5px;

}



.live {

    -webkit-animation: progress-bar-stripes 2s linear infinite;

    -o-animation: progress-bar-stripes 2s linear infinite;

    animation: progress-bar-stripes 2s linear infinite;

    animation-direction: reverse;

}



.done {

    background-color: #80ffaa !important;

    color: #000 !important;

}



/* No print  */



@media print {

    .no-print, .no-print * {

        display: none !important;

    }



    .navbar, .image, .f, body > center > table > tbody {

        display: none !important;

    }



    /* Fixing printing url in firefox */

    a:link:after, a:visited:after {

        content: "" !important;

    }

}



/* Buzz Out */


/* Buzz Out */
@-webkit-keyframes hvr-buzz-out {
    10% {

        transform: translateX(3px) rotate(2deg);
        background-color: red;
    }

    20% {

        transform: translateX(-3px) rotate(-2deg);
        background-color: green;

    }

    30% {

        transform: translateX(3px) rotate(2deg);
        background-color: blue;

    }

    40% {

        transform: translateX(-3px) rotate(-2deg);
        background-color: yellow;

    }

    50% {

        transform: translateX(2px) rotate(1deg);
        background-color: indigo;

    }

    60% {

        transform: translateX(-2px) rotate(-1deg);
        background-color: indigo;
    }

    70% {

        transform: translateX(2px) rotate(1deg);
        background-color: indigo;
    }

    80% {

        transform: translateX(-2px) rotate(-1deg);
        background-color: indigo;
    }

    90% {

        transform: translateX(1px) rotate(0);
        background-color: currentColor;
    }

    100% {

        transform: translateX(-1px) rotate(0);
        background: indigo;
    }
}

@keyframes pulse {
    0% {
        background-color: #FF0000!important;
    }
    14% {
        background-color: #FF7F00!important;
    }
    28% {
        background-color: #FFFF00!important;
    }
    42% {
        background-color: #00FF00!important;
    }
    56% {
        background-color: #0000FF!important;
    }
    70% {
        background-color: #2E2B5F!important;
    }
    84% {
        background-color: #8B00FF!important;
    }
    98% {
        background-color: #ff1493!important;
    }

}



.hvr-buzz-out {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
}
.hvr-buzz-out, .hvr-buzz-out:focus, .hvr-buzz-out:active {
    animation: hvr-buzz-out 0.75s infinite;
}



/*////////////////////////////////////////*/



.content {

    text-align: center;

    font-family: Lato, Trebuchet, Helvetica, Verdana, sans-serif;

}



.menu > a {

    color: black;

}



.shadow {

    background-color: #9dc8ff;

    color: black;

}



.day {

    background-color: #9dc8ff;

    color: black;

}



.today {

    background-color: #ff6262;

}



.fas, .fa {

    margin-right: 4px;

}



footer {

    padding: 0 30px;

    background-color: #9dc8ff;

    color: black;

    text-align: center;

}



.label {

    padding: 3px 9px;

}



footer {

    text-align: center;

}



footer > div {

    margin: 0;

    font-size: 14px;

}



footer > div > a {

    color: black !important;

}





@media screen and (min-width: 600px) {

    .textTour{

        display: inline-block;

        margin-left: 3px;

    }

    .day {

        position: relative;

        text-align: left;

        font-size: 20px;

        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);

        height: 60px;

        margin: 20px;

    }



    .date {

        float: left;

        width: 125px;

        height:calc(100% - 9px);

        text-align: center;

        margin-top: 9px;

        line-height: 45px;

    }



    .tours {

        float: left;

        line-height: 50px;

        display: flex;

        width: calc(100% - 125px);

        height: 100%;

        text-align: center;

        line-height: 60px;

    }



    .tour {

        text-align: center;

        flex: 1;

        height: 100%;

        /*display: inline-block;*/

        background: white;

        color: black;

    }



    .content > div > header {

        display: flex;

        justify-content: space-between;

        padding: 5px;

        align-items: center;

    }



    .menu {

        text-align: center;

        max-width: 1000px;

        margin: auto;

    }



    .b {

        margin-bottom: 10px;

    }



    .menu > a {

        display: inline-block;

        width: 24%;

        font-size: 18px;

        padding: 5px;

    }



    .tournamentInfo > h1 {

        font-size: 32px;

    }



    .tournamentInfo > p {

        font-size: 24px;

    }



    header {

        width: 1000px;

        margin: auto;

    }



    header > div > a > img {

        margin: 5px;

        width: 75px;

    }



    .shadow {

        box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);

        margin-bottom: 20px;

        position: sticky;

        top: 0px;

        z-index: 1000;

    }



    main {

        margin-bottom: 60px;

    }



    footer {

        position: fixed;

        left: 0;

        bottom: 0;

        width: 100%;

    }



    footer > div {

        padding: 10px 18%;

    }



    #fb {

        position: absolute;

        top: 5px;

        right: 5px;

        margin-right: 15%;

        font-size: 24px;

    }



    #mail {

        position: absolute;

        top: 5px;

        left: 5px;

        margin-left: 15%;

        font-size: 24px;

    }



    .rwd-break {

        display: none;

    }

}



.mobile {

    display: none;

}



.notmobile {

    display: block;

}



@media screen and (max-width: 600px) {

    .svgi {

        transform: translateY(0) !important;

    }

    .svgmail{



        width: 15px !important;

        height: 15px !important;

        margin-right: 3px !important;

        -webkit-filter: invert(0%) !important;

        filter: invert(0%) !important;

        transform: translateX(15px) !important;

    }

    .svgmenu{

        width: 15px !important;

        height: 15px !important;

        margin-right: 3px !important;

        -webkit-filter: invert(0%) !important;

        filter: invert(0%) !important;

    }

    main {

        min-height: calc(100vh - 220px);

    }



    .mobile {

        display: block;

    }



    .notmobile {

        display: none;

    }



    .day {

        position: relative;

        display: inline-block;

        font-size: 5vw;

        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);

        border-top-right-radius: 10px;

        border-top-left-radius: 10px;

        width: calc(100% - 25px);

        height: 30vw;

        margin: 10px;

    }



    .date {

        height: 7vw;

    }



    .tours {

        display: flex;

        height: 23vw;

        text-align: center;

    }



    .tour {

        text-align: center;

        flex: 1;

        height: 100%;

        display: inline-block;

        background: white;

        color: black;

    }



    .content > div > header {

        display: flex;

        justify-content: space-between;

        padding: 5px;

        align-items: center;

    }



    .menu {

        text-align: center;

    }



    .b {

        margin-bottom: 10px;

    }



    .menu > a {

        display: inline-block;

        width: calc(50% - 10px);

        font-size: 3.5vw;

        padding: 5px;

    }



    .label {

        font-size: 4vw;

        margin-bottom: 10px;

        display: block;

        margin: auto;

        width: 78%;

    }



    .solo {

        width: 35% !important;

    }



    .tournamentInfo > h1 {

        font-size: 20px;

    }



    .tournamentInfo > p {

        font-size: 16px;

    }



    header > div > a > img {

        margin: 5px;

        width: 50px;

    }



    .label-tournament {

        min-width: 0px;

    }



    footer {

        position: relative;

        bottom: 0

    }



    footer > div {

        padding: 10px 30px;

        font-size: 12px;

    }



    .shadow {

        box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);

        margin-bottom: 10px;

        position: sticky;

        top: 0px;

        z-index: 1000;

    }



    #fb {

        position: absolute;

        top: 6px;

        right: 6px;

        font-size: 20px;

    }



    #mail {

        position: absolute;

        top: 6px;

        left: 6px;

        font-size: 20px;

    }

}



/* scroll */



::-webkit-scrollbar {

    width: 12px;

}



::-webkit-scrollbar-thumb {

    background: #4d9aff;

    border-radius: 10px;

}



::-webkit-scrollbar-thumb:hover {

    background: #006eff;

}



::-webkit-scrollbar-track {

    background-color: #9dc8ff;

}



.no-select-fe {

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

}







.svgi {

    width: 28px;

    height: 16px;

    transform: translate(1px, -2px);

    -webkit-filter: invert(100%);

    filter: invert(100%);

}

.svgmenu{

    width: 20px;

    height: 20px;

    margin-right: 5px;

    -webkit-filter: invert(0%);

    filter: invert(0%);

}

.black {

    -webkit-filter: invert(0%);

    filter: invert(0%);

}

.label-default {

    background-color: #5e7ca1;

}

.label-gray{

    background-color: grey!important;

}

.label-pink{

    background-color: #df87ca !important;

}

.label-purple{

    background-color: #6f26b1!important;

}

/*@media (prefers-color-scheme: dark) {

    body {

        background-color: #121212 !important;

        color: white!important;

    }

.day {

         background-color: #343434 !important;

         color: white !important;

     }

.tour, .tour a{

    background-color: #232323 !important;

    color: white!important;



}

.date {

    background-color: #343434 !important;

    color: white!important;

}

.label{

    background-color: rgba(inherit, inherit, inherit, .4);

}

}