body {
    font-family: 'Atkinson Hyperlegible', Courier, Helvetica, sans-serif;
    font-size: 20px;     
}


.extraborder
{
    font-family: 'TravelingTypewriter', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    border-width: 2px 4px 3px 5px;
    border-radius: 95% 4% 92% 2%/4% 15% 2% 95%;
    text-align: center;
    vertical-align: middle;
    background: #eee;
    border: #333 2px solid;
}   

.plyr--audio .plyr__controls {
    background: transparent;
    border-radius: inherit;
    color: #000;
    color: var(--plyr-audio-control-color, #000);
    padding: 10px;
    padding: var(--plyr-control-spacing, 10px);
}



@media (max-width: 480px) {
    h1,
    .uk-h1 {
        font-size: 1.8rem;
    }
    h2,
    .uk-h2 {
        font-size: 1.5rem;
    }
    
    .uk-section-default.uk-padding-large, .uk-section-secondary.uk-padding-large { padding: 0;}
}


.aspect-ratio-16-9.plyr-consent-box
{
    background: #eee;
    padding: 10px; 
}

.aspect-ratio-16-9 {
    display: flow-root;
    position: relative;
}

.aspect-ratio-16-9::before {
    content: '';
    float: left;
    padding-bottom: 56.25%;
}


.leaflet-tile {
    filter: grayscale(1) brightness(0.8) contrast(1.4)!important;
    visibility: hidden;
    }

.uk-offcanvas-bar.uk-background-primary {
    background: rgba(0, 0, 0, .8);
    backdrop-filter: blur(17px);
    -webkit-backdrop-filter:blur(17px)
}

.uk-navbar-nav.lang a {padding: 10px}

.text-huge {
    font-family: 'TravelingTypewriter', Courier, Helvetica, sans-serif;    
    font-size: 5.9em;
}

.uk-slideshow-items { font-size: 2rem; text-shadow: 2px 2px 2px #000000;}
h2.custom_textbg { font-size: 1.6rem;} 

@media (max-width: 960px) {     
    .uk-slideshow-items {
        min-height: 250px !important;
        font-size: 0.8rem;    
    }
    .uk-slideshow-items h1 { font-size: 1.5rem; text-shadow: 3px 3px 2px #000000;}
    .uk-slideshow-items { font-size: 1.2rem;} 

}     
h1,
h2,
h3 {
    font-family: 'TravelingTypewriter', Courier, Helvetica, sans-serif;
    font-weight: bold;
}



.uk-navbar-nav > li > a,
.uk-navbar-item,
.uk-navbar-toggle {
    font-family: 'TravelingTypewriter', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 1.1rem;
    -webkit-transition:all 0.3s ease;
    -moz-transition:all 0.3s ease-in-out;
    -o-transition:all 0.3s ease-in-out;
    -ms-transition:all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out;


}    


.uk-light.uk-navbar-toggle.uk-icon {
    border-width: 2px 4px 3px 5px;
    border-radius: 95% 4% 92% 2%/4% 15% 2% 95%;
    text-align: center;
    vertical-align: middle;
    background: #666!important;

}  

.uk-light.uk-navbar-toggle.uk-icon:hover {
    border-width: 2px 4px 3px 5px;
    border-radius: 95% 4% 92% 2%/4% 15% 2% 95%;
    text-align: center;
    vertical-align: middle;
    background: #444!important;

}  



a.link:focus, a.clicky.uk-icon:focus, .uk-light.uk-navbar-toggle.uk-icon:focus {
    border-width: 2px 4px 3px 5px;
    border-radius: 95% 4% 92% 2%/4% 15% 2% 95%;
    text-align: center;
    vertical-align: middle;
    background: #444!important;

}  


.ptrenner{
    border-width: 5px 4px 4px 5px;
    border-radius: 95% 4% 92% 2%/4% 5% 2% 95%;
    text-align: center;
    vertical-align: middle;
    background: #444!important;

}  





.uk-offcanvas-close.uk-icon.uk-close:focus
{
    background: #444!important;
}



.footer-link { font-family: 'TravelingTypewriter', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;}


.box{
    margin:25px;
    background:#fff;

    border-color: black;
    float:left; 
}

figure {
    border-width: 3px 4px 3px 5px;
    border-radius: 95% 2% 92% 2%/4% 15% 2% 95%;
    /* overflow: auto; */
}

/* ===== Scrollbar CSS ===== */
/* Firefox */
* {
    scrollbar-width: thin;
    scrollbar-color: #7a7a7a #000000;
}

/* Chrome, Edge, and Safari */
*::-webkit-scrollbar {
    width: 15px;
}

*::-webkit-scrollbar-track {
    background: #000000;
}

*::-webkit-scrollbar-thumb {
    background-color: #7a7a7a;
    border-radius: 0px;
    border: 1px solid #7a7a7a;

}

th {
    border-width: 8px 4px 3px 5px;
    border-radius: 95% 2% 92% 2%/4% 15% 2% 95%;
    text-align: center;
    vertical-align: middle;
    background: #333;
    color: #fff;
    padding: 10px;
}


.uk-navbar-center {
    border-width: 8px 4px 3px 5px;
    border-radius: 95% 2% 92% 2%/4% 15% 2% 95%;
    text-align: center;
    vertical-align: middle;
    background: #333;
    color: #fff;
    padding: 10px;



}


.uk-button {
    border-width: 8px 4px 3px 5px;
    border-radius:95% 2% 92% 2%/4% 15% 2% 95%;

}


table{
    margin:0px;
    max-width: 100%;  
    font-size: 1rem;  

}


td {
    border-width: 2px 4px 3px 5px;
    border-radius:95% 4% 92% 2%/4% 15% 2% 95%;
    text-align: center; 
    vertical-align: middle; 
    background: #fff;
} 


.uk-nav-default a:hover
{
    border-width: 2px 4px 3px 5px;
    border-radius: 95% 4% 92% 2%/4% 15% 2% 95%;
    vertical-align: middle;
    color: #fff!important;
    background: #555;
}

.uk-nav-default a { padding-left: 15px!important}


a.uk-active{
    border-width: 2px 4px 3px 5px;
    border-radius:95% 4% 92% 2%/4% 15% 2% 95%;
    text-align: left; 
    vertical-align: middle; 
    background: #444;        
    -webkit-transition:all 0.3s ease;
    -moz-transition:all 0.3s ease-in-out;
    -o-transition:all 0.3s ease-in-out;
    -ms-transition:all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out;
    padding-left: 8px!important; 
} 

a.uk-current{
    padding-left: 8px!important;
    border-width: 2px 4px 3px 5px;
    border-radius: 95% 4% 92% 2%/4% 15% 2% 95%;
    text-align: left;
    vertical-align: middle;
    background: #444;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
} 

.uk-active a{
    border-width: 2px 4px 3px 5px;
    border-radius:95% 4% 92% 2%/4% 15% 2% 95%;
    text-align: center; 
    vertical-align: middle; 
    background: #444;        
    -webkit-transition:all 0.3s ease;
    -moz-transition:all 0.3s ease-in-out;
    -o-transition:all 0.3s ease-in-out;
    -ms-transition:all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out;
} 

.uk-navbar-nav > li > a:hover,
.uk-navbar-item:hover,
.uk-navbar-toggle:hover{
    border-width: 2px 4px 3px 5px;
    border-radius: 95% 4% 92% 2%/4% 15% 2% 95%;
    text-align: center;
    vertical-align: middle;
    background: #444;
}   

.uk-navbar-nav > li > a,
.uk-navbar-item,
.uk-navbar-toggle{
    border-width: 2px 4px 3px 5px;
    border-radius:95% 4% 92% 2%/4% 15% 2% 95%;
    text-align: center; 
    vertical-align: middle; 
    background: #000;

}  







.uk-navbar-nav.lang .uk-active a {

    background: #fff;
    color: #000!important;
}



.logo {
    padding: 0.5rem;
    height: 150px; 
    width: auto; 
    max-height: 130px;
}


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

    figure{
        overflow: auto; 
    }
    
    .logo {
        padding: 0.5rem;
        height: 90px; 
        width: auto; 
        max-height: 130px;
    }

}     


.spons_img {
    padding: 5px;
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
    max-height:90px
}




.headline {
    width: 100%;
    text-align: center;
    font-size:18px
}

.sponsor_box {
    padding: 5px;

}

.sponsor_box a {
    -webkit-transition:all 0.3s ease;
    -moz-transition:all 0.3s ease-in-out;
    -o-transition:all 0.3s ease-in-out;
    -ms-transition:all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out;
    text-align:center;
    border-width: 2px 4px 3px 5px;
    border-radius:95% 4% 92% 2%/4% 15% 2% 95%;
    padding: 8px; 
    border: 4px solid #fff;
}

.sponsor_box a:hover {
    color:#efefef;
    border-width: 2px 4px 3px 5px;
    border-radius:95% 4% 92% 2%/4% 15% 2% 95%;    
    border: 4px solid #000;
}

.spon_box {
    display: flex;
    padding: 10px;
    box-sizing: border-box;
    align-items: end;
    justify-content: center;
}


@media (max-width: 760px) {
    .spon_box {
        width:33.3%
    }
}

@media (max-width: 460px) {
    .spon_box {
        width: 50%
    }
}