.wcminilinksym, .wcminilink {
    margin-bottom:20px;
    display: inline-block;
    text-align: left;
    word-spacing: normal;
}

.wcminilinksym{
    line-height: 1px;
    margin:0px;
    height: 50px;
}
.wcminilink:hover {
    text-decoration: none;
}


.groupName{
    width: 100%;
    color: #9a9ea1;
    text-transform: uppercase;
    font-size: 19px;
    font-size: 1.1875rem;
    font-weight: 600;
}
#webcam_selection{
    word-spacing: 16px;
    text-align: left;
}
.wcminiimg {
    width:100%;
    display: block;
}

#symbols{
    display: inline-block;
    float: right;
    z-index: 1;
}
#symbols button, .icon{
    width: 40px;
    height: 40px;
    margin-right: 10px;
    cursor: pointer;
    border: none;
}
.headMenu {
    text-align: left;
    height: 42.5px;
}
#subSiteMenu{
    background-color: #c10925;
    margin-bottom: 20px;
}

#gradientImgDiv{
    bottom: 130px;
    width:97%;
    height: 50px;
    overflow: hidden;
    z-index: 2;
    display: none;
    position: relative;
    margin-left: 10px;
}
#gradientImg{
    z-index: 2;
    position: absolute;
    bottom:0;
    width: 100%;
}
#gradientImg{
    mask-image: linear-gradient(to bottom, transparent 55%, black 60%);
}

.wcimg.zoomin{
    cursor: url('/fileadmin/symbole/AS_Icon_Zoom.png'), auto;
}

.wcimg{
    width:100%;
}

.closeVideo{
    z-index: 11;
    right: 0;
    position: absolute;

}

#headerWebcam {
    background-color: #c10925;
}

#currentWeatherDataDivFailure{
    padding: 5px;
}

#webcamFunctions button div,#newNavi button div, #imgfoehndiagramm, #imginfoabout, #imgwebcaminfo, .mobile #webcamMenu button div, #imgstopvideo, #imgcloseVideo{
    width: 30px;
    height: 30px;
    background: url("/fileadmin/symbole/AS_Icons.png") no-repeat scroll;
    display: inline-block;
}

.mobile #webcamMenu button div, .mobile #newNavi #imgcurrentweatherdata,.mobile #newNavi #imgnewestBtn{
    width: 40px;
    height: 40px;
}
.mobile #newNavi button div{
    width: 40px;
    height: 30px;
}
.mobile #webcamMenu button div, #webcamMenu a div{
    width: 30px;
    height: 30px;
    display: block;
    float: left;
    margin-top:9px;
    margin-right:10px;
}
#streamvideo{
    z-index: 1;
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}
#videoDiv{
    z-index: 1;
    position: absolute;
    width: 100%;
    height:100%;
    background-color: #1D1D1C;
}
#timeContainer{
    z-index: 2;
    position: absolute;

    color: white;
    padding: 3px 20px 7px 20px;
    bottom: 30px;
    left: 0;
    right: 0;
    margin: auto;
    max-width: 160px;
    background-color: rgba(29, 29, 28, 0.5);
    height:40px;
}
#stopVideoButton, #streamnavi{
    display:block;
    float:left;
}
#stopVideoButton{

}
#currentStreamTime{
    width: 160px;
    line-height: 20px;
}
#imgstopvideo {
    width: 15px;

    height: 15px;

    margin-top: 14px;

    margin-left: 7px;

    background-color: white;
}

#webcamMenu #imgback{
    background-position: -29px -1022px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
#imgfoehndiagramm, #webcamMenu #imgfoehndiagramm{
    background-position: -29px -570px;
}
#imgwebcaminfo, #webcamMenu #imgwebcaminfo{
    background-position: -29px -749px;
}

#imginfoabout, #webcamMenu #imginfoabout{
    background-position: -29px -3452px;
}


#webcamFunctions #imgweatherdata, .weatherdata #imgweatherdata, #webcamMenu  #imgweatherdata{
    background-position: -29px -660px;
}

#webcamFunctions #imgtimelapse, #newNavi #imgtimelapse, #webcamMenu #imgtimelapse{
    background-position: -28px -1474px;
}

#webcamFunctions #imgzoom, #newNavi #imgzoom{
    background-position: -29px -3182px;
}

#webcamFunctions #imgstream, #newNavi #imgstream, #webcamMenu #imgstream{
    background-position: -29px -1023px;
}

#webcamFunctions #imgbestof, #newNavi #imgbestof ,#webcamMenu #imgbestof{
    background-position: -30px -121px;
}

#webcamFunctions #imgaddbestof, #webcamMenu #imgaddbestof{
    background-position: -29px -388px;
}

#webcamFunctions #imgremovebestof,  #webcamMenu #imgremovebestof {
    background-position: -28px -481px;
}

#webcamFunctions #imgcurrentweatherdata  {
    background-position: -28px -1380px;
}
.mobile #newNavi #imgcurrentweatherdata, #webcamMenu #imgcurrentweatherdata{
    background-position: -24px -1374px;

}
.mobile #newNavi #imgnewestBtn {
    background-position: -24px -22px;
}

.currentWeatherDataDiv #imgclosecurrentweatherdata{
    background-position: -29px -210px;
}
#newNavi #imgpausetimelapse, #newNavi #imgpausebestof{
    background-position: -29px -933px;
}

#newNavi #imgplaytimelapse, #newNavi #imgplaybestof{
    background-position: -29px -1022px;
}
#newNavi #imgplaytimelapsefast{
    background-position: -29px -1111px;
}
#newNavi #imgplaytimelapsesuperfast{
    background-position: -29px -1200px;
}

#newNavi #imgclosebestof, #imgcloseVideo{
    background-position: -35px -3274px;
    width: 20px;
    height: 20px;
}
#newNavi #imgnextbestof{
    background-position: -29px -839px;
}
#newNavi #imgbackbestof{
    background-position: -29px -1290px;
}

#newNavi button div.active{
    filter: invert(28%);
}
.wctitel {
    font-size: 15px;
    font-size: 0.9375rem;
    padding: 5px;
    display: block;
    text-align: center;
    text-align-last: center;

    color: #fff;
    font-weight: 600;
    background-color: #1D1D1C;
    border-bottom: 2px solid #c10925;
}

.groupName{
    text-align-last: left;
    word-spacing: normal;

}
.group{
    display:block;
}

.others {
    border-top: 1px dotted #bdc3c7;
}

.webcamSubTitle {
    font-weight: 400;
}


ul#navSubSiteMenu {
    text-transform: uppercase;
    margin: 0;
    padding: 0;
    float: left;
}

ul#navSubSiteMenu li {
    font-size: 15px;
    font-size: 0.9375rem;
    margin-left: 30px;
    padding: 0;
    font-weight: 400;
    cursor: pointer;
}

ul#navSubSiteMenu li {
    font-size: 15px;
    font-size: 0.9375rem;
    font-weight: 600;
    cursor: pointer;
}

ul#navSubSiteMenu li a {
    padding: 10px 0 8px 0;
    margin: 0;
    color: #fff;
    text-decoration: none;
    display: inline-block;
    border-bottom: 2px solid #c10925;
}

ul#navSubSiteMenu li.news a:hover,ul#navSubSiteMenu li.news.current a,ul#navSubSiteMenu li.DE a:hover,ul#navSubSiteMenu li.DE.current a{border-bottom:2px solid #f39c12}
ul#navSubSiteMenu li.reports a:hover,ul#navSubSiteMenu li.reports.current a,ul#navSubSiteMenu li.IT a:hover,ul#navSubSiteMenu li.IT.current a{border-bottom:2px solid #3498DB}
ul#navSubSiteMenu li.galerie a:hover,ul#navSubSiteMenu li.galerie.current a,ul#navSubSiteMenu li.AT a:hover,ul#navSubSiteMenu li.AT.current a{border-bottom:2px solid #9b59b6}
ul#navSubSiteMenu li.tippstricks a:hover,ul#navSubSiteMenu li.tippstricks.current a,ul#navSubSiteMenu li.FR a:hover,ul#navSubSiteMenu li.FR.current a{border-bottom:2px solid #1abc9c}
ul#navSubSiteMenu li.aufgelesen a:hover,ul#navSubSiteMenu li.aufgelesen.current a,ul#navSubSiteMenu li.AF a:hover,ul#navSubSiteMenu li.AF.current a{border-bottom:2px solid #2ecc71}

ul#navSubSiteMenu li {
    display: block;
    float: left;
    position: relative;
}

.catHeader {
    color: #fff;
}

.clear{
    clear: both;
}

#page{
    position: relative;
    background-color: white;
    padding:0 20px 0 20px;
    display: inline-block;
}

ul#navSubSiteMenu.responsive li {
    z-index: 1;
    text-align: left;
}

ul#navSubSiteMenu.responsive a {
    z-index: 2;
}



.deko{
    position: relative;
    display: table-cell;
    width: 50%;

    background-size: 100%, 100%, 100%, 100%, 100%, 600px 250px;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=1 );
}

#logoContainer{
    position: absolute;
    z-index: 2;
    right: 30px;
    top: 30px;
    width:12%;
}
.mobile #logoContainer{
    right: 20px;
    top: 20px;
    width:20%;
}
.logoImg{
    width: 100%;
    opacity: 0.4;
    filter: alpha(opacity=50); /* For IE8 and earlier */
}
.singleLogoContainer a:hover .logoImg{
    opacity: 1;
    filter: alpha(opacity=100); /* For IE8 and earlier */
}
.kiteDeko{
    background:
    radial-gradient(ellipse at center, rgba(255,255,255,0) 22%,rgba(255,255,255,0) 30%,rgba(255,255,255,0.9) 68%,rgba(255,255,255,1) 97%),
    linear-gradient(to top, rgba(255,255,255,1) 0px, rgba(255,255,255,0) 20%),
    linear-gradient(to bottom, rgba(255,255,255,1) 0px, rgba(255,255,255,0) 20%),
    linear-gradient(to right, rgba(255,255,255,1) 10px, rgba(255,255,255,0) 20px),
    linear-gradient(to left, rgba(255,255,255,1) 10px, rgba(255,255,255,0) 20px),
    url('/fileadmin/symbole/kiter.jpg') no-repeat center;

}

.waveDeko{
    background:
            radial-gradient(ellipse at center, rgba(255,255,255,0) 22%,rgba(255,255,255,0) 30%,rgba(255,255,255,0.9) 68%,rgba(255,255,255,1) 97%),
    linear-gradient(to top, rgba(255,255,255,1) 0px, rgba(255,255,255,0) 20%),
    linear-gradient(to bottom, rgba(255,255,255,1) 0px, rgba(255,255,255,0) 20%),
    linear-gradient(to right, rgba(255,255,255,1) 10px, rgba(255,255,255,0) 20px),
    linear-gradient(to left, rgba(255,255,255,1) 10px, rgba(255,255,255,0) 20px),
    url('/fileadmin/symbole/welle.jpg') no-repeat center;
}

.supDeko{
    background:
    radial-gradient(ellipse at center, rgba(255,255,255,0) 22%,rgba(255,255,255,0) 30%,rgba(255,255,255,0.9) 68%,rgba(255,255,255,1) 97%),
    linear-gradient(to top, rgba(255,255,255,1) 0px, rgba(255,255,255,0) 20%),
    linear-gradient(to bottom, rgba(255,255,255,1) 0px, rgba(255,255,255,0) 20%),
    linear-gradient(to right, rgba(255,255,255,1) 10px, rgba(255,255,255,0) 20px),
    linear-gradient(to left, rgba(255,255,255,1) 10px, rgba(255,255,255,0) 20px),
    url('/fileadmin/symbole/sup.jpg') no-repeat center;

}
.windsurfDeko{
    background:
            radial-gradient(ellipse at center, rgba(255,255,255,0) 22%,rgba(255,255,255,0) 30%,rgba(255,255,255,0.9) 68%,rgba(255,255,255,1) 97%),
            linear-gradient(to top, rgba(255,255,255,1) 0px, rgba(255,255,255,0) 20%),
            linear-gradient(to bottom, rgba(255,255,255,1) 0px, rgba(255,255,255,0) 20%),
            linear-gradient(to right, rgba(255,255,255,1) 10px, rgba(255,255,255,0) 20px),
            linear-gradient(to left, rgba(255,255,255,1) 10px, rgba(255,255,255,0) 20px),
            url('/fileadmin/symbole/surf.jpg') no-repeat center;

}
.segelDeko{
    background:
            radial-gradient(ellipse at center, rgba(255,255,255,0) 22%,rgba(255,255,255,0) 30%,rgba(255,255,255,0.9) 68%,rgba(255,255,255,1) 97%),
            linear-gradient(to top, rgba(255,255,255,1) 0px, rgba(255,255,255,0) 20%),
            linear-gradient(to bottom, rgba(255,255,255,1) 0px, rgba(255,255,255,0) 20%),
            linear-gradient(to right, rgba(255,255,255,1) 10px, rgba(255,255,255,0) 20px),
            linear-gradient(to left, rgba(255,255,255,1) 10px, rgba(255,255,255,0) 20px),
            url('/fileadmin/symbole/segel.jpg') no-repeat center;

}

.addictedSlide{
    position: relative;
}
.addictedSlidePlaceHolder{
    display: inline-block;
}
#webcamDescriptionContainer img{
    display: inline-block;
    width: 100%;
}
#webcamDescriptionContainer{
    text-align: justify;
    background-color: rgba(255,255,255,0.7);
    display: none;
    padding: 0 20px 0 20px;
}
.slideLink{
    position: absolute;
}

.bwaddictedlink, .bwaddictedimg, .addictedSlide{
    display: block;

    margin: 0;
}
@media screen and (max-width: 970px) {
    .logoAdSlotContainer.addicted{
        display: block;
    }
    .logoAdSlotContainer.addicted .deko, .addictedAd .logoAdSlotContainer .deko{
        display: none;
    }
    .bwaddicted, .bwaddictedimg, .addictedSlide, .addictedSlide a ,.addictedSlide a img{

        width: 100%;
    }
}

.mobile ul#navSubSiteMenu li{
    margin-left: 20px;
    margin-right: 20px;
}
/* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens (display the links vertically instead of horizontally) */
@media screen and (max-width: 800px) {

    ul#navSubSiteMenu li {
        display: none;
    }
    .catHeader a.icon {

        display: block;
    }

    ul#navSubSiteMenu  li#linavIconWrapcountryFilter{
        display: block;
    }

    ul#navSubSiteMenu.responsive li {
        display: block;
        border-bottom: #1D1D1C 1px solid;
        float: none;
    }


    ul#navSubSiteMenu.responsive {
        position: absolute;
        background-color: #c10925;
    }

    #mainMenu{
        display: none;
    }

    #mainMenu.active{
        display: inline-block;
    }
    #mainMenu.active ul{
        float: unset;
    }
    #siteMenu .container-hamburger {
        display: inline-block;
    }
    nav#siteMenu {
        height: 42.5px;
    }
    a.asLogo{
        height:38.5px;
    }
    #siteMenu{
        text-align: left;
    }

    nav#siteMenu ul{
        display: block;
        margin: 0;
    }
    nav#siteMenu ul{
        position: unset;
        text-align: left;

        padding-left: 20px;
        padding-right: 20px;
    }
    nav#siteMenu li a{
        border-bottom: #1D1D1C 1px solid;
    }
    div#mainMenu{
        display: none;
        height: unset;
        background-color: white;
        position: absolute;
        right: 0;
        top:42.5px;
        z-index: 9999;

    }
    div#mainMenu ul#langMenu li.active{
        display: inline-block;
    }
    div#mainMenu ul#langMenu li{
        border-bottom: none;
    }
    div#mainMenu ul#langMenu li a{
        width:30px;
        height: 41.5px;
        border-bottom: none;
    }


    #mainMenu ul#ulnavsitemeinaddicted{
        margin: 0;
    }
    #mainMenu ul{
        width:100%;
        text-align: right;

    }

}

.container-hamburger {
    display: none;
    cursor: pointer;
    padding-top: 12px;
    float: right;
}

#hamburgerMain .bar1,#hamburgerMain  .bar2,#hamburgerMain  .bar3 {
    background-color: #1D1D1C;
}
.bar1, .bar2, .bar3 {
    width: 18px;
    height: 2px;
    background-color: #fff;
    margin: 4px 0;
    transition: 0.4s;
}

.container-hamburger.change .bar1 {
    -webkit-transform: rotate(-45deg) translate(-0px, 6px);
    transform: rotate(-45deg) translate(-0px, 6px);
}

.container-hamburger.change .bar2 {opacity: 0;}

.container-hamburger.change .bar3 {
    -webkit-transform: rotate(45deg) translate(-8px, -8px);
    transform: rotate(45deg) translate(-2px, -9px);
}


#videoDiv {
    z-index: 1;
    position: absolute;
    width: 30%;
    height: 30%;
    background-color: #1D1D1C;
    right: 15%;
    top: 30px;
}

#streamvideo{
    height: 100%;
}

#timeContainer {

    z-index: 2;
    position: absolute;
    color: white;
    padding: 3px 20px 7px 20px;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    max-width: 160px;
    background-color: rgba(29, 29, 28, 0.5);
    height: 18px;

}

.resizer{
    width: 20px;
    height: 20px;
    position: absolute;
    bottom: 0px;
    /*border-radius: 50%;


    left:-2px;
    background-color: rgba(193,9,37,0.5);*/
    cursor: sw-resize;
    z-index: 10;
    background-image: url("/fileadmin/symbole/iconResize.png");

}

#videoPositioner{
    width: 90%;
    height: 90%;
    top: 5%;
    left: 5%;
    position: absolute;
    cursor: grab;
    z-index: 12;
}
.wcimg{
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

/* cyrillic */
@font-face {
    font-family: 'Exo 2';
    font-style: normal;
    font-weight: 200;
    src: local('Exo 2 Extra Light'), local('Exo2-ExtraLight'), url(https://fonts.gstatic.com/s/exo2/v4/7cHrv4okm5zmbt7nCvs_wH8RnA.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
    font-family: 'Exo 2';
    font-style: normal;
    font-weight: 200;
    src: local('Exo 2 Extra Light'), local('Exo2-ExtraLight'), url(https://fonts.gstatic.com/s/exo2/v4/7cHrv4okm5zmbt7nCvs1wH8RnA.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Exo 2';
    font-style: normal;
    font-weight: 200;
    src: local('Exo 2 Extra Light'), local('Exo2-ExtraLight'), url(https://fonts.gstatic.com/s/exo2/v4/7cHrv4okm5zmbt7nCvs7wH8.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic */
@font-face {
    font-family: 'Exo 2';
    font-style: normal;
    font-weight: 400;
    src: local('Exo 2'), local('Exo2-Regular'), url(https://fonts.gstatic.com/s/exo2/v4/7cHmv4okm5zmbtYsK-4E4Q.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
    font-family: 'Exo 2';
    font-style: normal;
    font-weight: 400;
    src: local('Exo 2'), local('Exo2-Regular'), url(https://fonts.gstatic.com/s/exo2/v4/7cHmv4okm5zmbtYmK-4E4Q.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Exo 2';
    font-style: normal;
    font-weight: 400;
    src: local('Exo 2'), local('Exo2-Regular'), url(https://fonts.gstatic.com/s/exo2/v4/7cHmv4okm5zmbtYoK-4.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic */
@font-face {
    font-family: 'Exo 2';
    font-style: normal;
    font-weight: 600;
    src: local('Exo 2 Semi Bold'), local('Exo2-SemiBold'), url(https://fonts.gstatic.com/s/exo2/v4/7cHrv4okm5zmbt73D_s_wH8RnA.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
    font-family: 'Exo 2';
    font-style: normal;
    font-weight: 600;
    src: local('Exo 2 Semi Bold'), local('Exo2-SemiBold'), url(https://fonts.gstatic.com/s/exo2/v4/7cHrv4okm5zmbt73D_s1wH8RnA.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Exo 2';
    font-style: normal;
    font-weight: 600;
    src: local('Exo 2 Semi Bold'), local('Exo2-SemiBold'), url(https://fonts.gstatic.com/s/exo2/v4/7cHrv4okm5zmbt73D_s7wH8.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic */
@font-face {
    font-family: 'Exo 2';
    font-style: normal;
    font-weight: 700;
    src: local('Exo 2 Bold'), local('Exo2-Bold'), url(https://fonts.gstatic.com/s/exo2/v4/7cHrv4okm5zmbt6TDvs_wH8RnA.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
    font-family: 'Exo 2';
    font-style: normal;
    font-weight: 700;
    src: local('Exo 2 Bold'), local('Exo2-Bold'), url(https://fonts.gstatic.com/s/exo2/v4/7cHrv4okm5zmbt6TDvs1wH8RnA.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Exo 2';
    font-style: normal;
    font-weight: 700;
    src: local('Exo 2 Bold'), local('Exo2-Bold'), url(https://fonts.gstatic.com/s/exo2/v4/7cHrv4okm5zmbt6TDvs7wH8.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic */
@font-face {
    font-family: 'Exo 2';
    font-style: normal;
    font-weight: 900;
    src: local('Exo 2 Black'), local('Exo2-Black'), url(https://fonts.gstatic.com/s/exo2/v4/7cHrv4okm5zmbt6rDPs_wH8RnA.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
    font-family: 'Exo 2';
    font-style: normal;
    font-weight: 900;
    src: local('Exo 2 Black'), local('Exo2-Black'), url(https://fonts.gstatic.com/s/exo2/v4/7cHrv4okm5zmbt6rDPs1wH8RnA.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Exo 2';
    font-style: normal;
    font-weight: 900;
    src: local('Exo 2 Black'), local('Exo2-Black'), url(https://fonts.gstatic.com/s/exo2/v4/7cHrv4okm5zmbt6rDPs7wH8.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}