body {
    overflow-x: hidden;
    margin: 0;
}

.jvectormap-zoomin, .jvectormap-zoomout, .jvectormap-goback {
    font-family: auto;
}

table.tands tr td.opengame {
    white-space: nowrap;
}

@media (max-width: 500px)
{
    table.tands tr th.time,
    table.tands tr td.time
    {
        display: none
    }

    table.tands tr td.weekdaytime{
        min-width: 60px;
    }
}

.parallax {
    height: auto;
    background-position: bottom right;
    background-image: url(https://www.fussball-wm.eu/bilder/parallax/soccer_eu.png);
    background-attachment: fixed;
    background-repeat: no-repeat;
    padding-top: 20px;
    padding-bottom: 20px;
    background-size: 400px;
}

.filter .option ul li.active, .filter .option ul li.active:hover,.pageselector.active
.box.navicatsmall ul li.active,.box.navicatsmall ul li:hover,.box.newscatsmall ul li:hover,
.box .catbox .title
#exitintent .overlayContent
.emtagsetc .readon,.emtagsetc .readon:hover,.emtagsetc a,.emtagsetc a:hover,
.stadiums.stadiumsdetail .wmgroups .wmgroup.stadion.active .title
navi,
.menu_mobile,
.box.live.small .events .event.jit,
.toallnews,
.spinner > div,
.tabs .tab,
.gamefilter
{
background: rgb(129,14,48);
background: -moz-linear-gradient(180deg, rgba(129,14,48,1) 0%, rgba(200,20,73,1) 100%);
background: -webkit-linear-gradient(180deg, rgba(129,14,48,1) 0%, rgba(200,20,73,1) 100%);
background: linear-gradient(180deg, rgba(129,14,48,1) 0%, rgba(200,20,73,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#810e30",endColorstr="#c81449",GradientType=1);
}

.navicategories span.filter.active
{
    background: rgb(129,14,48);
}

.tabs .tab.active
{
    border:1px solid #810e30;
    color:#810e30;
}

.newsoverview h2,
.navicategories span.filter {
    color:#810e30;
}

a,
.navi .naviitem .subnavi ul li a {
    color: #007bff;
}

.stadiums .wmgroups .wmgroup .title
{
    background:#810e30;
}

.tabs .tab.active,
.sepborder {
    border-bottom: 1px solid #810e30;
}

.tabs .tab.active
{
    z-index: 1;
}
.box .title,
.news .pic .tt,
.filter .option ul li:hover,
table.tands tr.active td,
.cmstext
{
    background-color:#810e30;
}

a {
    text-decoration: underline;
    font-weight: 500;
}


.noresults {
    min-height: 200px;
    font-size: 16px;
    text-align: center;
    line-height: 200px;
    vertical-align: middle;
    font-weight: bold;

}

@media (min-width: 768px)
{
    .catbox:hover .hoverteams
    {
        opacity: 0.9;
    }
}

.fancybox,
.fancyboxloader,
.fancyboxbg {
    opacity: 0;
    visibility: hidden;
}

.fancybox.active,
.fancyboxloader.active {
    opacity: 1;
    visibility: visible;
}

.fancyboxbg.active {
    opacity: 0.7;
    visibility: visible;
}



.button {
    color: white;
    padding: 8px 30px;
    font-size: 18px;
    border-radius: 10px;
    box-shadow: 0 2px 10px 0 rgb(0 0 0 / 20%);
    min-width: 200px;
}

.button:hover {
    box-shadow: none;
}

.centerbutton {
    text-align: center;
    width: 100%;
    margin-top: 30px;
    margin-bottom: 45px;
}

.hoverteams
{
    color: black;
    width: 100%;
    opacity: 0;
    top: 0px;
    bottom: 30px;
    position: absolute;
    background-color: white;
    z-index:100;
    transition:all 1.5s;
}

img:not([src]):not([srcset]) {
    visibility: hidden;
}

.qualifier {
    color: white;
}

.flag-icon {
    box-shadow: 0px 0px 5px 0 rgba(0,0,0,.4);
    border-radius: 4px;
    font-size: 30px;
    margin: 1px;
    background-color: lightgray;
}

.flag-icon.small {
    font-size: 15px;
    border-radius: 2px;
}

#world-map-country-flag-and-text {
    position: absolute;
    right: 5px;
    bottom: 5px;
    text-align: right;
}

.fancybox #groupmembers li {
    padding-left: 5px;
}

.fancybox-arrow {
    position: fixed;
    left: 50%;
    top: 50%;
    width: 60px;
    height: 60px;
    z-index: 100000;
    margin-top: -30px;
    color: white;
    cursor: pointer;
}

.fancybox-arrow.hidden {
    display: none;
}


.fancybox-arrow .icon {
    font-size: 60px;
    width: 60px;
    height: 60px;
    text-shadow: -10px -10px 25px 0 rgb(0 0 0 / 30%), 30px 45px 50px 0 rgb(0 0 0 / 50%);
}


.filter .option.one.group ul li .floatleft,
.filter .option.one.group ul li .floatright {
    width: 100%;
    text-align: center;
    padding: 0px;
}

.filter .option.group ul li {
    width: 25%;
    float: left;
    padding: 0px;
}

.filter .option.one.group ul li .floatright {
    width: 100%;
}

@media (max-width:1079px){

    .spiele.start .m1 .flag-icon,
    .spiele.start .m2 .flag-icon,
    .table.live .ROW .flag-icon,
    .fancybox #fancymini .flag-icon,
    .teams .team .image .flag-icon {
        font-size: 30px;
    }
}

@media (max-width: 767px) {

    .flag-icon {
        border-radius: 2px;
        font-size: 15px;
    }

    .wmgroups .wmgroup .flag-icon {
        margin-top: 3px;
        margin-right: 10px;
        margin-left: 10px;
    }
    .filter.wmchange {
        margin-bottom: 10px;
    }

    .filter.wmchange .option.changematchplan {
        height: 30px;
        margin: 0 auto;
        padding-top: 3px;
        font-size: 16px;
    }

    .filter.wmchange .option.changematchplan ul {
        width: auto;
        left: 0px;
        left: 1px;
        right: 1px;
        position: absolute;
    }
}


.rounds .round.active .point
{
    background: lightgray;
}
.tabs {
    margin-top: 5px;
}

.tabs .tab {
    border:1px solid white;
    color:  white;
    border-bottom: 0px;
    padding:10px;
    padding-top: 12px;
    font-size: 16px;
    color: white;

}

.tabs .tab.active {
   padding-top: 12px;
   border-bottom: 0px;
   box-shadow: 0px 0px 5px 0 rgba(0,0,0,.3);
}

.toallnews:hover{
    opacity: 0.75;
}

.mapText ul {
    margin-top: 0px;
}

.mapText__ZoomContinent {
    cursor: pointer;
    position: relative;
}

.pin {
    cursor: pointer;
}

.mapText__ZoomContinent > div:not(.clear) {
    float: left;
}

.mapText__ZoomContinent > div:not(.clear) img {
    padding-top: 3px;
    padding-right: 3px;
}

.mapText__ZoomContinent:hover {
    background-color: #eee;
}
.mapText__ZoomContinent.active {
    background-color: #eee;
}


.mapText__ZoomContinent.active:after {
    content: "\f00c";
    font-family: 'iconfont' !important;
    position: absolute;
    right: 5px;
    top: 0px;
    color: #9bc162;
}

.spinner {
    margin: 60px auto;
    width: 50px;
    height: 40px;
    text-align: center;
    font-size: 10px;
  }

  .spinner > div
 {
    height: 100%;
    width: 6px;
    display: inline-block;
    -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
    animation: sk-stretchdelay 1.2s infinite ease-in-out;
  }

  .spinner .rect2 {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s;
  }

  .spinner .rect3 {
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s;
  }

  .spinner .rect4 {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s;
  }

  .spinner .rect5 {
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s;
  }

  @-webkit-keyframes sk-stretchdelay {
    0%, 40%, 100% { -webkit-transform: scaleY(0.4) }
    20% { -webkit-transform: scaleY(1.0) }
  }

  @keyframes sk-stretchdelay {
    0%, 40%, 100% {
      transform: scaleY(0.4);
      -webkit-transform: scaleY(0.4);
    }  20% {
      transform: scaleY(1.0);
      -webkit-transform: scaleY(1.0);
    }
  }



.spiele.gameonly .m1 .image .flag-icon,
.spiele.gameonly .m2 .image .flag-icon
{
    font-size: 72px;
}

@media (max-width: 767px) {
    .spiele.gameonly .m1 .image .flag-icon,
    .spiele.gameonly .m2 .image .flag-icon
    {
        font-size: 36px;
    }
}

@media (min-width: 768px) {
    .clearDesktop {
        clear:both;
    }
}

.wmgroups .wmgroup .flag-icon {
    margin-right: 10px;
    margin-left: 5px;
}

.sepborder {
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.gamefilter.inmove.active{
    display: block;
    box-shadow: -10px -10px 25px 0 rgba(0,0,0,.3), 30px 45px 50px 0 rgba(0,0,0,.5);
}

.h .navi .l {
    display: none;
}

.gamefilter.invisible,
.navicategories span.filter.invisible {
    opacity: 0;
}

.filter,.filter div,body,div{
    box-sizing:border-box
}
.fancybox .close,#gbback,.bet button.red,.box.live.small .result .plusminus,.grouplink,.navi .naviitem:hover,.newscomplete h2,.opengame,.openstadium,.pageselector,.resetfilter,.startinggrid .pos .options .option.substitute,.toallnews,div.anchorelement{
    cursor:pointer
}
.newscomplete,.newscomplete div,body{
    -webkit-text-size-adjust:none
}
span[itemprop=articleBody] a:hover{
    text-decoration:none
}
.textwmball h2{
    color:#fff;
    margin:0
}
.jvectormap-goback,.jvectormap-zoomin,.jvectormap-zoomout{
    right:10px;
    left:auto
}
.mapText li.inactive{
    opacity:.5
}
.aktionlibero{
    position:absolute;
    left:10px;
    top:10px
}
table.tands.wmquali.table th{
    background:0 0
}
table.tands.wmquali.table tr td{
    border-top:1px solid #ddd
}

table.tands td.pic {
    padding-left: 5px;
    padding-right: 5px;
}
.shares{
    position:fixed;
    left:3px;
    height:40px;
    z-index:1000000;
    top:3px;
    display:none
}
.filter.qualichangematchday{
    width:17%;
    float:right
}
.shares a{
    border:0!important
}

catboxes {
    margin-top: 20px;
}
.catboxes.black{
    background-color:#000
}
.catboxes.black,.catboxes.black a,.catboxes.black h2{
    color:#fff
}
.rounds{
    height:auto
}
.rounds.active{
    border-left:2px solid lightgray;
    color:#000;
    margin-left:10px;
    padding-top:3px
}
.rounds .round{
    margin-left:-8px
}
.rounds .round.active{
    margin-top:0
}
.rounds .round.active .point{
    border: 0;
    width: 11px;
    height: 11px;
    margin-top: 4px;
    margin-left: 1px;
}

.rounds .round.active.active2 .text {
    font-weight: bold;
}

.rounds .round .point{
    float:left;
    background-color:#fff;
    margin-left:2px;
    width:12px;
    height:12px;
    margin-top:4px;
    border-radius: 8px;
    border: 1px solid black;
}
.rounds .round.active .text,.rounds .text{
    margin-top:-3px
}
.rounds .round a{
    color:#000!important
}
.rounds .round a:hover{
    text-decoration:underline
}

.mobileclose {
    display: none;
}

.navi .naviitem a,.newscomplete h2 a,
a.button,
.rounds .round a,
.team a,
.tands a,
.wmgroups.wmquali .wmgroup a {
    text-decoration:none
}
.rounds>.active .text{
    padding-left:5px
}
.rounds .text{
    float:left;
    padding-left:6px;
    font-size:16px;
    padding-top: 2px;
}
.startinggrid{
    position:relative;
    overflow:hidden;
    height:564px;
    width:766px;
    background-image:url(https://www.fussball-wm.eu/bilder/bg/rasenkachel.jpg);
    margin:0 auto
}
.sepstartinggrid{
    border:1px solid #ccc;
    width:100%;
    margin-top:10px;
    margin-bottom:10px
}
.startinggrid .team{
    position:absolute;
    right:15px;
    top:20px;
    opacity:.5
}
.startinggrid.reverse .team{
    position:absolute;
    left:15px;
    bottom:20px;
    opacity:.5;
    top:auto
}
.startinggrid .fieldrows{
    background-image:url(https://www.fussball-wm.eu/bilder/live/gamefield2.png);
    background-repeat:no-repat;
    background-size:768px;
    height:564px;
    background-position:-1px -1px
}
.startinggrid.reverse .fieldrows{
    background-image:url(https://www.fussball-wm.eu/bilder/live/gamefield.png)
}
.centerboth{
    margin:0 auto;
    display:table
}
.startinggrid .pos{
    width:122px;
    height:100px;
    position:absolute;
    margin-right:-66px
}
.startinggrid.reverse .pos{
    padding-right:0;
    padding-left:0;
    margin-left:-56px
}
.startinggrid .pos .inner,.substitutes .substitute{
    position:relative;
    height:100px;
    width:122px;
    float:left
}
.substitutes .substitute{
    height:130px;
    width:100px
}
.substitutes{
    height:130px
}
.startinggrid .pos div.minute{
    background-color:#C00;
    border:1px solid #FFF;
    box-shadow:0 0 1px rgba(0,0,0,.65);
    color:#FFF;
    font-size:10px;
    height:18px;
    line-height:15px;
    position:absolute;
    right:22px;
    text-align:center;
    text-shadow:0 0 1px rgba(0,0,0,.65);
    top:10px;
    vertical-align:top;
    width:18px;
    font-weight:600;
    padding:1px 1px 1px 2px
}
.footerbig {
    background-attachment: fixed;
}

.footerbig .inner .box.last,.navi .naviitem .subnavi ul li.last{
    border-right:0
}
.startinggrid .pos .options.bottom .option,.substitutes .substitute .options.bottom .option{
    float:right
}
.startinggrid .pos .options .option,.substitutes .substitute .options .option{
    width:20px;
    float:left;
    height:20px
}
.startinggrid .pos .options .option.red,.startinggrid .pos .options .option.yellow,.startinggrid .pos .options .option.yellowred,.substitutes .substitute .options .option.red,.substitutes .substitute .options .option.yellow,.substitutes .substitute .options .option.yellowred{
    background:#e2e200;
    background:-moz-linear-gradient(top,#e2e200 0,#f1da36 100%);
    background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#e2e200),color-stop(100%,#f1da36));
    background:-webkit-linear-gradient(top,#e2e200 0,#f1da36 100%);
    background:-o-linear-gradient(top,#e2e200 0,#f1da36 100%);
    background:-ms-linear-gradient(top,#e2e200 0,#f1da36 100%);
    background:linear-gradient(to bottom,#e2e200 0,#f1da36 100%);
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e200', endColorstr='#f1da36', GradientType=0 );
    border-radius:2px;
    margin-left:2px;
    margin-right:2px;
    width:14px;
    box-shadow:0 0 1px rgba(0,0,0,.75)
}
.startinggrid .pos .options .option.red,.substitutes .substitute .options .option.red{
    background:#ff1a00;
    background:-moz-linear-gradient(top,#ff1a00 0,#ff1a00 100%);
    background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#ff1a00),color-stop(100%,#ff1a00));
    background:-webkit-linear-gradient(top,#ff1a00 0,#ff1a00 100%);
    background:-o-linear-gradient(top,#ff1a00 0,#ff1a00 100%);
    background:-ms-linear-gradient(top,#ff1a00 0,#ff1a00 100%);
    background:linear-gradient(to bottom,#ff1a00 0,#ff1a00 100%);
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff1a00', endColorstr='#ff1a00', GradientType=0 )
}
.startinggrid .pos .options .option.yellowred,.substitutes .substitute .options .option.yellowred{
    background:#ff1a00;
    background:-moz-linear-gradient(top,#ff1a00 0,#ff1a00 47%,#e2e200 51%,#f1da36 100%);
    background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#ff1a00),color-stop(47%,#ff1a00),color-stop(51%,#e2e200),color-stop(100%,#f1da36));
    background:-webkit-linear-gradient(top,#ff1a00 0,#ff1a00 47%,#e2e200 51%,#f1da36 100%);
    background:-o-linear-gradient(top,#ff1a00 0,#ff1a00 47%,#e2e200 51%,#f1da36 100%);
    background:-ms-linear-gradient(top,#ff1a00 0,#ff1a00 47%,#e2e200 51%,#f1da36 100%);
    background:linear-gradient(to bottom,#ff1a00 0,#ff1a00 47%,#e2e200 51%,#f1da36 100%);
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff1a00', endColorstr='#f1da36', GradientType=0 )
}
.startinggrid .pos .options .option.goal,.substitutes .substitute .options .option.goal{
    background-image:url(https://www.fussball-wm.eu/bilder/live/goal.png)
}
.startinggrid .pos .options .option.substitute,.substitutes .substitute .options .option.substitute{
    background-image:url(https://www.fussball-wm.eu/bilder/live/auswechslung.png)
}
.startinggrid .pos .options .option.substitute.on,.substitutes .substitute .options .option.substitute.on{
    background-image:url(https://www.fussball-wm.eu/bilder/live/auswechslung2.png);
    width:20px
}
.startinggrid .pos .inner .first{
    position:absolute
}
.startinggrid .pos .inner .second{
    display:none;
    position:absolute
}
.startinggrid .pos .options.bottom,.substitutes .substitute .options.bottom{
    top:auto;
    bottom:25px
}
.startinggrid .pos .options,.substitutes .substitute .options{
    position:absolute;
    top:10px;
    height:20px;
    text-align:center;
    width:76px;
    left:20px
}
.startinggrid .pos .inner .title,.substitutes .substitute .title{
    position:absolute;
    bottom:-20px;
    font-size:14px;
    padding:5px;
    width:112px;
    text-align:center;
    color:#222;
    background:0 0;
    text-shadow:0 0 1px rgba(0,0,0,.65);
    line-height:16px
}
.substitutes .substitute .title{
    bottom:10px
}
.startinggrid .pos .inner .title{
    color:#f5f5f5;
    background:0 0;
    text-shadow:0 0 8px rgba(0,0,0,.65)
}
.startinggrid .pos .image,.substitutes .substitute .image{
    background-image:url(https://www.fussball-wm.eu/bilder/live/trikot1.png);
    background-repeat:no-repeat
}
.startinggrid .pos.dfb .image,.substitutes .substitute.dfb .image{
    background-image:url(https://www.fussball-wm.eu/bilder/live/wmtrikotdfb.png)
}
.startinggrid .pos .inner .image,.substitutes .substitute .image{
    background-position:center center;
    background-repeat:no-repeat;
    color:#000;
    font-size:19px;
    font-weight:600;
    height:90px;
    line-height:90px;
    margin:0 auto;
    text-align:center;
    vertical-align:middle;
    width:122px
}
.startinggrid .pos.dfb .inner .image,.substitutes .substitute.dfb .image{
    font-size:12px
}
.startinggrid .fieldrows{
    position:absolute;
    width:100%
}
.startinggrid.reverse .posx1{
    left:16.66%
}
.startinggrid.reverse .posx15{
    left:25%
}
.startinggrid.reverse .posx2{
    left:33.33%
}
.startinggrid.reverse .posx25{
    left:41.66%
}
.startinggrid.reverse .posx3{
    left:50%
}
.startinggrid.reverse .posx35{
    left:58.33%
}
.startinggrid.reverse .posx4{
    left:66.66%
}
.startinggrid.reverse .posx45{
    left:75%
}
.startinggrid.reverse .posx5{
    left:83.33%
}
.startinggrid .posx1{
    left:auto;
    right:16.66%
}
.startinggrid .posx15{
    left:auto;
    right:25%
}
.startinggrid .posx2{
    left:auto;
    right:33.33%
}
.startinggrid .posx25{
    left:auto;
    right:41.66%
}
.startinggrid .posx3{
    left:auto;
    right:50%
}
.startinggrid .posx35{
    left:auto;
    right:58.66%
}
.startinggrid .posx4{
    left:auto;
    right:66.66%
}
.startinggrid .posx45{
    left:auto;
    right:75%
}
.startinggrid .posx5{
    left:auto;
    right:83.33%
}
.startinggrid .posy1{
    top:20px
}
.startinggrid .posy15{
    top:70px
}
.startinggrid .posy2{
    top:120px
}
.startinggrid .posy25{
    top:170px
}
.startinggrid .posy3{
    top:220px
}
.startinggrid .posy35{
    top:270px
}
.startinggrid .posy4{
    top:320px
}
.startinggrid .posy45{
    top:370px
}
.startinggrid .posy5{
    top:420px
}
.startinggrid.reverse .posy1{
    bottom:20px;
    top:auto
}
.startinggrid.reverse .posy15{
    bottom:70px;
    top:auto
}
.startinggrid.reverse .posy2{
    bottom:120px;
    top:auto
}
.startinggrid.reverse .posy25{
    bottom:170px;
    top:auto
}
.startinggrid.reverse .posy3{
    bottom:220px;
    top:auto
}
.startinggrid.reverse .posy35{
    bottom:270px;
    top:auto
}
.startinggrid.reverse .posy4{
    bottom:320px;
    top:auto
}
.startinggrid.reverse .posy45{
    bottom:370px;
    top:auto
}
.startinggrid.reverse .posy5{
    bottom:420px;
    top:auto
}
table.tands.onehalf{
    width:50%
}
.onethird{
    width:33.33%;
    float:left;
    padding-left:20px
}
.twothird{
    width:66.67%;
    float:left
}
table.tands td img.worldranking{
    width:40px
}
span[itemprop=articleBody] ul li{
    list-style-type:disc
}
span[itemprop=articleBody] ul{
    margin-left:20px
}
.fancybox .top{
    height:135px!important;
    overflow:auto
}

.fancybox#fancyboxgame
{
    transition: all .35s;
}

.fancybox#fancyboxgame .top{
    height: 40px !important;
}

.fancybox{
    z-index:1000004 !important;
    position: relative;
    overflow: hidden;
}

.fancybox.stadion #badge {
    display: none;
}

.fancybox #badge {
    position: absolute;
    transform: rotate(-45deg);
    width: 180px;
    z-index: 1000;
    text-align: center;
    right: -37px;
    bottom: 39px;
    box-shadow: 5px 5px 5px 0 rgba(0,0,0,.3);
    color: white;
    border: 1px solid white;
    font-weight: bold;
}

.fancybox.stadion .content{
    height:100%;
    overflow:auto
}
.box .title h1,.filter .option,.news .box25,.news .box50,.news .text,.news a{
    overflow:hidden
}
.padding5{
    padding:5px
}
body .video{
    display:table;
    text-align:center;
    margin:0 auto
}
.table.live .row.third span,.tableau.wmgroups .wmgroup.full .box.live.small .name span{
    display:none
}
.quickfacts table td,.quickfacts table th{
    font-size:14px;
    border-bottom:1px solid gray
}
.quickfacts table td{
    text-align:right
}
.fancybox.stadion .link,.halfdiv.center,.spiele .m2 .name,.table.live .row.first,.tableau.wmgroups h3,.title.head h1{
    text-align:center
}
.fancybox.stadion .image,.fancybox.stadion .quickfacts{
    float:left;
    width:50%
}
.fancybox.stadion .games{
    height:35px
}
.fancybox.stadion .image img{
    width:100%
}
.fancybox.stadion .inner{
    height:100%
}
.fancybox.stadion .title{
    background-color:transparent;
    font-size:20px
}
.fancybox.stadion .link{
    position:absolute;
    bottom:10px;
    width:100%
}
.table.live,.table.live .row.fifth .inner{
    position:relative
}
.continent img{
    width:40px
}
.table.live{
    height:330px
}
.height230 .table.live{
    height:230px
}
.table.live .headline .ROW{
    font-size:14px;
    font-weight:600;
    height:30px;
    line-height:30px
}

.table.live .headline .row.second {
    padding: 0;
}
.table.live .ROW{
    width:100%;
    border-bottom:1px solid #e4e4e4;
    font-size:22px;
    font-weight:300;
    height:50px;
    line-height:50px
}

.table.live .ROW .row{
    border-bottom:0
}
.table.live .row{
    float:left
}
.table.live .row.first,
.table.live .row.fourth,
.table.live .row.fifth{
    width: 50px;
}

.table.live .row.fifth {
    font-weight:bold;
}

.table.live .row.extra {
    width: 70px;
}

.table.live .row.second {
    width: 65px;
}
.table.live .row.third {
    width: calc(100% - 215px);
    overflow: hidden;
    text-overflow: ellipsis;
}

.table.live.withtv .row.third {
    width: calc(100% - 285px);
}

.table.live .row.second {
    padding: 9px;
}

.table.live .row.second .minipic{
    margin-top:8px
}

.table.live .row.fourth,
.table.live .row.extra{
    text-align:center
}

.table.live .row.fifth
{
    text-align: right;
    padding-right: 5px;
}
.table.live .row.fifth .inner span{
    padding-left:0
}
.table.live .row.fifth .inner .live{
    font-size:10px;
    top:16px;
    position:absolute;
    height:16px;
    left:0;
    right:0;
    color:#47a338;
    display:none
}


.table.live .ROW1{
    position:absolute;
    top:30px
}
.table.live .ROW2{
    position:absolute;
    top:80px
}
.table.live .ROW3{
    position:absolute;
    top:130px
}
.table.live .ROW4{
    position:absolute;
    top:180px
}
.table.live .ROW5{
    position:absolute;
    top:230px
}
.table.live .ROW6{
    position:absolute;
    top:280px
}
.table.live .ROW7{
    position:absolute;
    top:330px
}
.table.live .ROW8{
    position:absolute;
    top:380px
}
.table.live .ROW9{
    position:absolute;
    top:430px
}
.table.live .ROW10{
    position:absolute;
    top:480px
}
.tableau .box.live.small{
    width:100%;
    margin-bottom:0;
    height:auto
}
.tableau .box.live.small .spiele .erg{
    height:90px
}
.tableau.wmgroups .wmgroup.full{
    width:100%
}
.tableau.wmgroups .wmgroup.full .box.live.small,.tableau.wmgroups .wmgroup.full>div.count1{
    width:25%
}
.tableau.wmgroups .wmgroup.full>div{
    display:table;
    margin:0 auto
}
.tableau.wmgroups .wmgroup.full>div.count2{
    width:50%
}
.tableau.wmgroups h3{
    margin-bottom:0;
    font-size:16px
}
.tableau.wmgroups table.tands{
    padding-left:10px;
    padding-right:10px
}
table.tands .minipic{
    margin-left:5px
}
.tableau.wmgroups .wmgroup.full>div{
    width:100%;
    padding-left:0
}
.tableau.wmgroups .wmgroup>div.title{
    padding-left:10px;
    margin-left:9px;
    margin-right:9px
}
.tableau.wmgroups .wmgroup{
    padding:0
}
.tableau.wmgroups .wmgroup>div{
    padding-left:0
}
.tableau.wmgroups .wmgroup.full>div.count2 .box.live.small{
    width:50%
}
.tableau.wmgroups .wmgroup.full>div.count4 .box.live.small{
    width:25%
}
.tableau.wmgroups .wmgroup.full>div.count1 .box.live.small{
    width:100%
}
.statistik .spiele .erg{
    height:30px;
    width:20%;
    font-size:16px
}
.statistik .spiele:nth-of-type(2n) .m1{
    background-color:#c00;
    box-shadow:1px 1px 1px gray inset
}
.statistik .spiele:nth-of-type(2n) .m1.won{
    background-color:#247c40
}
.statistik .spiele .m2 .percent{
    background-color:#c00;
    box-shadow:1px 1px 1px gray inset
}
.statistik .spiele .m2 .percent.won{
    background-color:#247c40
}
.statistik .spiele .percent,.statistik .spiele:nth-of-type(2n) .m2{
    box-shadow:1px 1px 1px gray inset;
    background-color:#f1f1f1
}
.statistik .spiele .m1,.statistik .spiele .m2{
    width:40%;
    padding-left:0;
    padding-right:0
}
.statistik .spiele .percent{
    height:30px
}
.halfdiv{
    width:50%;
    float:left
}
.halfdiv #emcode{
    width:100%;
    height:250px
}
.c .newsoverview .imageborder{
    width:100%
}
.title.head h1{
    margin-bottom:20px;
    padding-left:10px;
    padding-right:10px;
    margin-top:20px;
    color:black;
    font-size: 48px;
    font-weight: 400;
    line-height: 1.5;
}

.title.head h1 span {
    display: block;
    font-size: 32px;
}


@media (max-width: 767px) {
    .title.head h1{
        font-size: 32px;
    }

    .title.head h1 span {
        display: block;
        font-size: 18px;
    }
}

.locator .next,.locator .prev{
    width:48%
}
.locator .prev{
    float:left
}
.locator .next{
    float:right;
    text-align:right
}
.home{
    padding-top:4px
}
.cw{
    min-height:800px
}
.c .imageborder{
    min-height:200px
}
.box .title h1,.box .title h3{
    color:#000;
    font-weight:300
}
.navi .naviitem{
    text-align:center;
    vertical-align:middle;
    padding-left:30px;
    padding-right:30px;
    float:left;
    color:#fff;
    bottom:0;

}
.navi .naviitem a{
    color:#000;
    font-size:26px;
    font-weight:400
}

.navi .naviitem > a {
    font-size: 26px;
    font-weight: 400;
    line-height: 31px;
    padding-top: 9px;
}

.navi .naviitem.active .subnavi {
    z-index: 1000;
}

.box .t1{
    height:1px;
    width:100%;
    background-color:#fff
}
.box .t2,.box .t3{
    height:2px;
    width:100%
}
.box .t2{
    background-color:#db2b2b
}
.box .c,.navi.inmove{
    background-color:#fff;
}
.navi.inmove {
    position: fixed;
    top: 0px;
}

.box .c{
    padding:10px;
}
.right .box .c{
    min-height:400px
}
.navi{
    top:11px;
    z-index:10002;
    left:0;
    right:0
}
.navi .inner,.gamefilter{
    width:auto;
    margin:0 auto;
    display:table;
    position:relative
}
.gamefilter{
    display:none;
    height:30px;
    color:#fff;
    top:4px;
    line-height:18px;
    padding-left:2px;
    padding-right:2px;
    width:100%
}

.gamefilter .filter{
    display: flex;
    justify-content: space-around;

}
.gamefilter .filter .option {
    display: flex;
    width: 25%;
    margin-left: 2px;
    margin-right: 2px;
    position: relative;
    overflow: visible;
}
.gamefilter .filter .option ul {
    width: 100%;
    padding: 0px;
    top: 30px;
    left: 0px;
}

.h .l,.navi.inmove .inner2{
    display:table
}
.navi.inmove .inner2 .mid{
    margin:0 auto 0;
    display:table;
    height:30px
}
.navi.inmove .inner2 .mid.red{
    min-width:0
}

.myaccount {
    position: fixed;
    right: 3px;
    top: 3px;
    z-index: 10003;
    width: 30px;
}

.myaccount a {
    color: white;
}

.myaccount .account-pin {
    display: none;
    font-size: 20px;
}

.myaccount .account-pin.active {
    display: inline-block;
    background: black;
    color: white;
    width: 30px;
    height: 30px;
    padding: 5px;
}

.myaccount .account-pin:before {
    left: 4px;
    position: absolute;
}



@media (min-width: 768px) {

    .gamefilter.hasAnchorELement {
        top: 69px;
    }

    .navi .naviitem a{
        color: #000;
    }

    .navi .naviitem.active a{
        color: #555;
        position: relative;
    }

    .navi .naviitem.hassubnavi > a:after
    {
        position: absolute;
        z-index: 1000000;
        left: 50%;
        margin-left: -5px;
        pointer-events: none;
        content: "";
        border: 20px solid transparent;
        border-bottom-color: #fff;
        top: 50px;
        opacity: 0;
        visibility: hidden;
    }

    .navi .naviitem.hassubnavi.active > a:after {
        top: 19px;
        opacity: 1;
        visibility: visible;
        transition: all .25s;
    }

    .navi .naviitem .subnavi
    {
        visibility: hidden;
        opacity: 0;
        top: 80px;
        width: calc(100% - 60px);
        margin-top: -10px;
        padding-top: 10px;
        transition: all .25s;
    }

    .navi .naviitem.active .subnavi {
        display: block;
        z-index: 1000;
        visibility: visible;
        opacity: 1;
        top: 57px;
    }

    .navi .naviitem .subnavi ul {
        border-radius: 10px;
        box-shadow: -5px -5px 12px 0 rgba(0,0,0,.15), 5px 10px 15px 0 rgba(0,0,0,.25);
        background-color: #fff;
    }

    .navi .inner {
        display: flex;
        justify-content: space-around;
        width: 100%;
    }

    .navi .naviitem {
        display: flex;
    }
}

.newscomplete h2,.newscomplete h2 a span{
    font-weight:300;
    font-size:18px;
    margin-bottom:5px;
    line-height:25px;
    margin-top:0
}
.newscomplete h2{
    padding-right:120px!important
}
.newscomplete div,.newscomplete p{
    margin:0;
    padding:0;
    line-height:20px;
    font-size:16px;
    -webkit-text-size-adjust:none
}
.newscomplete h3{
    margin-top:20px;
    margin-bottom:10px
}
.newscomplete div.datepublished{
    position:absolute;
    right:0;
    top:3px;
    color:gray;
    margin-top:1px;
    margin-bottom:10px
}
.news .pic,.p{
    position:relative
}
.box .title h1{
    color:#fff;
    line-height:32px;
    height:32px;
    font-size:28px;
    padding:0 0 0 5px;
    margin:0;
    vertical-align:middle
}
h2,h2 a span{
    color:#111;
    text-shadow:none;
    font-weight:400
}
.p{
    margin:auto
}

body{
    font-size:100%;
    font-family: 'Roboto Condensed', sans-serif;
}

table.tands{
    width:100%;
    border-spacing: 0px;
}
table.tands tr{
    height:30px
}
tr.headline th{
    color:#000;
    font-size:18px
}
.h{
    padding-top:5px;
    padding-bottom:0;
    margin-bottom:0;
    background-repeat:repeat-x;
    background-position:1px 120px
}
.h .l{
    margin:0 auto
}
.p .c .right,.wmgroups .wmgroup.last{
    margin-right:0
}
.p .c .right{
    min-height:1400px;
    float:left;
    width:735px
}
.cw{
    border-radius:0;
    padding:0 0 30px;
    background-color:#fff
}
.p .c .left .box .c{
    font-size:15px;
    line-height:18px
}
.p .c .left{
    float:left;
    width:340px
}
div.anchorelement{
    float:left;
    line-height:30px;
    padding-left:15px;
    padding-right:15px
}
.clear{
    clear:both
}


.box{
    margin-bottom:10px
}
.plus{
    display:none
}
.logo{
    margin-left:-8px
}
.box .c.nopadding{
    padding:0
}
.box .title,.box .title h3{
    font-size:16px;
    line-height:22px;
    height:16px;
    font-weight:700
}
.box .title h3{
    margin-top:0;
    margin-bottom:0;
    font-weight:300;
    line-height:16px
}
.box .c strong{
    font-weight:700
}
.box .title{
    padding:5px;
    height:42px
}
.navi .naviitem{
    line-height:40px
}
.wmgroups .wmgroup{
    float:left;
    border-radius:0
}

.box50,.news{
    padding:5px
}
.box25{
    float:left;
    width:33.3333%
}
.box50,.news .box50.type2 .text,.news .box50.type2 .tt,.news .box50.type2 img{
    width:50%;
    float:left
}
.news a{
    display:block
}
.news .pic img{
    -webkit-transition:all 1s ease;
    -moz-transition:all 1s ease;
    -o-transition:all 1s ease;
    -ms-transition:all 1s ease;
    transition:all 1s ease
}
.news .pic .tt{
    position:absolute;
    bottom:10px;
    color:#fff;
    text-shadow:1px 1px 3px #000;
    line-height:30px;
    opacity:.75;
    left:5px;
    right:10px
}
.filter,.news,.news .box25{
    position:relative
}
.news .pic:hover .tt{
    opacity:1
}
.news .box50 .text{
    display:none
}
.news .box25 .pic{
    height:auto
}
.news{
    margin-left:-5px;
    margin-right:-5px;
    font-size:28px;
    background-color:#fff
}
.news .box25{
    padding:5px;
    height:auto
}
.news .text,.news .tt{
    padding:10px
}
.news img{
    width:100%
}
.news .box25:hover img,.news .box50:hover img{
    opacity:.85
}
.news .text{
    font-size:16px;
    line-height:20px;
    height:100px
}
.news .box25 img{
    width:100%;
    padding-top:0
}
.cmstext{
    padding:20px;
    color:#fff;
    margin-top:10px;
    margin-bottom:10px;
    font-size:16px
}
.cmstext a{
    color:#fff;
    text-decoration:underline
}
#topclick a,.box.newscatsmall span:hover,.topoptions span{
    text-decoration:none
}
.cmstext .one,.cmstext .two{
    float:left;
    width:50%
}
.cmstext .one{
    padding-right:20px
}
.cmstext .two{
    padding-left:20px
}
.cmstext h2{
    font-size:28px;
    line-height:32px;
    padding-top:0;
    margin-top:0;
    color:#fff
}
.toallnews, h2{
    font-size:26px;
    line-height:1.5;
}


h2{
    letter-spacing:-1px
}
.toallnews a{
    color:#fff;
    display:block
}
.toallnews:before{
    margin-top:10px
}
.toallnews{
    text-align:center;
    line-height:24px;
    color:#fff;
    width:300px;
    margin:10px auto 0;
    font-weight:300
}
.toallnews .inner{
    padding:10px
}
@media (min-width:1080px){
    .h .l{
        min-height:80px
    }
}
@media (max-width:1260px){
    .news .pic .tt{
        font-size:18px;
        line-height:22px!important
    }
    .navi .naviitem{
        padding-left:10px;
        padding-right:10px
    }
    .tableau.wmgroups .wmgroup,.tableau.wmgroups .wmgroup.full .box.live.small,.tableau.wmgroups .wmgroup.full>div.count4 .box.live.small{
        width:50%;
        margin-right:0
    }
    .tableau.wmgroups .wmgroup.full>div.count2{
        width:100%
    }
    .tableau.wmgroups .wmgroup.full>div.count1{
        width:50%
    }
    .tableau.wmgroups .wmgroup{
        box-shadow:none;
        min-height:0
    }
}
@media (max-width:1000px){
    .filter.qualichangematchday{
        width:30%;
        float:right
    }
    .rounds .round.active .text{
        margin-top:-1px;
        margin-bottom:1px
    }
    .rounds .round .point{
        margin-top:5px

    }
    .rounds .text{
        margin-top:0
    }
    .navi .naviitem{
        padding-left:8px;
        padding-right:8px
    }
}
@media (max-width:767px){

    .navi .naviitem .subnavi {
        display: none;
    }

    .myaccount {
        position: fixed;
        left: 10px;
        top: 5px;
        z-index: 110003;
    }

    .h .l{
        padding-top:0;
        padding-bottom:0
    }
    body{
        margin:0
    }
    .h{
        height:40px!important;
        padding:0!important;
        margin:0!important
    }
    #topclick{
        display:none
    }
    .home{
        padding-top:7px;
        padding-bottom:5px
    }
    .navicategories{
        line-height:36px
    }
}
.cw,.h,.p{
    width:100%
}

@media (max-width:1260px){

    .catboxes .catbox{
        width:33.33333%!important
    }
}
@media (max-width:1000px){
    .stadiums .wmgroups .wmgroup{
        width:50%!important
    }
}
@media (max-width:767px){
    .halfdiv,.onethird,.shares,.startinggrid,.twothird,table.tands.onehalf{
        width:100%
    }
    .rounds .round{
        margin-bottom:10px;
        margin-top:4px
    }
    table.tands td{
        padding-top:10px!important;
        padding-bottom:10px!important
    }
    .footerbig ul li>a,.footerbig ul li>span,span.opencms,span.opencmsid{
        display:block;
        margin-top:7px;
        margin-bottom:7px
    }
    .catboxes.themes span.opencmsid{
        margin-top:0
    }
    .rounds .round.active{
        margin-top: 2px;
        margin-bottom:2px;
    }
    .shares{
        left:0;
        top:auto;
        bottom:-5px;
        background-color:#fff;
        padding-top:2px
    }
    .shares .inner{
        margin:0 auto;
        display:table
    }
    .h .l .logo,.navi.inmove .inner2{
        display:none
    }
    .filter.qualichangematchday{
        width:100%;
        float:none
    }
    .startinggrid{
        box-shadow:none
    }
    .startinggrid .fieldrows{
        background-size:100%
    }
    .startinggrid .fieldrows,.startinggrid.reverse .fieldrows{
        background-image:none
    }
    .news .box25,.news .box25 .pic{
        height:auto!important
    }

    .box25,.box50{
        width:100%!important
    }
    .cw,.h,.p{
        width:100%
    }
    .navi .naviitem{
        line-height:30px
    }
}

.emadsense{
    margin-top:10px;
    height:90px
}
@media (max-width:900px){
    .emadsense{
        display:none!important
    }
}
.mid .resetfilter{
    height:30px;
    line-height:30px;
    vertical-align:middle;
    text-align:center;
    color:#fff;
}

.mid .resetfilter.invisible {
    display: none;
}

.filter{
    width:100%;
    padding-top: 2px;
}
.filter .option{
    min-height:20px;
    margin-bottom:0;
    background-color:#fff;
    padding:5px;
    background-image:url(https://www.fussball-wm.eu/bilder/filter/arrowfilter.png);
    background-repeat:no-repeat;
    background-position:center right 15px;
    cursor:pointer
}


.filter .option.noul ul{
    box-shadow:none;
    padding-left:0;
    padding-top:0;
    display:block;
    background-color:transparent
}
.filter .close,.filter .option.disabled,.filter .option.one.active span .floatright .minipic{
    display:none
}
.filter .option.noul a{
    color:#fff
}
.filter .option ul{
    margin-left:0;
    position:absolute;
    box-shadow:1px 1px 3px gray;
    display:none;
    margin-top:2px;
    background-color:#fff;
    padding:5px;

    z-index:10
}
.filter .option ul li{
    margin-left:0;
    padding-left:0;
    list-style-type:none;
    line-height:22px;
    color:#000
}
.filter .option ul li.active{
    color:#fff
}
.filter .option.matchday ul li.group{
    font-style:italic;
    padding-left:5px
}


.filter .option.one.group ul li .floatright,
.filter .option.three ul li {
    padding-top:3px;
}

.filter .option.matchday ul li{
    padding:5px 5px 5px 10px
}
.filter .option ul li:hover{
    color:#fff;
}
.filter .option.noul ul li{
    line-height:14px
}
.filter .option.continent ul li,
.filter .option.three ul li{
    float:left;
    margin-bottom: 3px;
    padding: 2px;
}

.filter .option.three ul li {
    margin-top: 3px;
}
.filter .option.continent ul li{
    margin-bottom:0;
    line-height:10px
}
.filter .option.continent .close{
    right:0;
    top:0;
    color:#fff
}
.filter .option.continent ul li img{
    width:28px
}
.filter .option.continent span img{
    width:20px
}
.filter .option.continent span .filter .option.one ul li .floatleft{
    float:left
}
.filter .option.one ul li .floatright{
    float:right;
    padding-top:4px
}
.filter .option.one ul li .floatright img{
    padding-right:2px;
    padding-left:2px
}
.filter .option.one ul li .floatright .minipic{
    float:left
}
.filter .option.teams ul li .close{
    right:-3px;
    top:-3px;
    z-index:100;
    color:#000;
    background-color:#fff;
    border-radius:6px;
    font-size:12px;
    height:12px;
    box-shadow:0 0 5px #000;
    line-height:10px;
    width:12px;
    text-align:center;
    padding-left:1px;
    padding-top: 1px;
}
.filter .close{
    position:absolute;
    right:10px;
    top:8px;
    z-index:1000
}
.filter .option ul li{
    padding:5px;
    position:relative;
    margin-bottom:1px
}
.filter li.active .close{
    display:block
}
.filter .option span{
    color:#000;
    font-weight:300;
    padding-left:5px;
    display:inline-block
}
.filter .option span .minipic{
    float:left;
    margin-top:1px
}
.filter .option.changematchplan{
    box-shadow:0 0 2px gray;
    width:250px;
    position:absolute;
    right:0;
    margin-right:0;
    z-index:9999;
    overflow:visible
}
.filter .option.changematchplan ul{
    width:225px;
    z-index:10001
}
.filter .option.changematchplan ul li{
    padding:0
}
.filter .option.changematchplan ul li a{
    padding:5px;
    text-decoration: none;
}
.filter .option.changematchplan ul li.active a,.filter .option.changematchplan ul li:hover a{
    color:#fff
}
.filter .option.changematchplan a{
    display:block
}
#gbback,#world-map-gdp-gb{
    display:none
}
@media(max-width:767px){
    .jvectormap-zoomin{
        top:10px!important
    }
    .jvectormap-zoomout{
        top:40px!important
    }
    .jvectormap-zoomin,.jvectormap-zoomout{
        width:15px!important;
        height:15px!important;
        line-height:13px!important;
        font-weight:600!important;
        font-size:18px
    }
    .filter .option.changematchplan ul{
        width:95%!important
    }
    .filter .option.changematchplan{
        position:relative
    }
}
@media(max-width:600px){
    .tableau.wmgroups .wmgroup,.tableau.wmgroups .wmgroup.full .box.live.small,.tableau.wmgroups .wmgroup.full>div.count4 .box.live.small{
        width:100%;
        margin-right:0
    }
    .tableau.wmgroups .wmgroup.full>div.count1,.tableau.wmgroups .wmgroup.full>div.count2{
        width:100%
    }
    .tableau.wmgroups .wmgroup{
        box-shadow:none;
        min-height:0;
        width:100%
    }
    .tableau.wmgroups .wmgroup.full>div.count2 .box.live.small{
        width:100%
    }
}
table.tands td h4{
    margin-bottom:5px;
    margin-top:5px;
    text-align:left
}
#gbback,
#world-map-hint{
    position:absolute;
    text-align:center;
    background-color:#000;
    color:#fff;
}
#world-map-gdp,#world-map-gdp-gb{
    height:500px;
    width: 100%;
}
#world-map-hint
{
    width: 100%;
    height:500px;
    opacity:.5;
    font-size:26px;
    line-height:30px
}
#gbback{
    width:200px;
    height:30px;
    left:50px;
    line-height:30px;
    top:10px
}
#world-map-hint .text{
    height: 500px;
   vertical-align: middle;
   display: table-cell;
   text-align: center;
}
.maprelative{
    position:relative;
    width:100%;
    display: flex;
}

.mapContainer, .mapText
{
    display: flex;
    position: relative;
    flex-wrap: wrap;
}

.mapContainer {
    flex-basis: 60%;
}

#world-map-hint .text {
    width: 60%;
}
.mapText {
    flex-basis: 40%;
    padding-left: 10px;
    padding-right: 10px;
    flex-direction: column;
}

.mapText a {
    display: contents;
}

.mapText h2,
.catboxes .mapText h2 {
    margin-top: 0px;
}


@media (max-width: 767px) {
    .maprelative {
        flex-wrap: wrap;
        flex-direction: column;
        display: flex;
    }

    .mapContainer, .mapText
    {
        flex: 0 0 100%;
    }

    .mapContainer {
        order: 1;
    }
    .mapText {
        order: 2;
    }

    .mapText.wmquali {
        margin-top: -90px;
    }
}

.marginTop0 {
    margin-top:0
}
.wmgroups .wmgroup .minipic.small{
    margin-top:3px
}
.c .wmgroups .wmgroup .title{
    color:#fff;
    height:32px!important;
    overflow:hidden;
    line-height:26px!important
}
ul{
    margin-left:0;
    padding-left:0
}
.teams .team .image{
    margin:0 auto;
    display:table
}
span.group{
    display:block
}
.gr{
    display:none
}
body.popup{
    overflow:hidden
}

.box.live.small{
    width:25%;
    margin-right:0;
    height:247px;
    float:left;
    margin-bottom:10px;
    position:relative;
    padding:10px
}
.box.live.small.pinned {
    height: 20px;
    width:85px;
    font-size: 12px;
    padding: 0px;
    z-index: 1000000;
    margin-bottom: 5px;
}

.pinned_elements {
    display: none;
}


.pinned_elements.active {
    display: block;
}

.pinned_elements .fullopen {
    height: 20px;
    width: 86px;
    margin: 0 auto;
    text-align: center;
    cursor: pointer;
    background: white;
    border-radius: 20px;
    line-height: 19px;
    margin-bottom: 5px;
    box-shadow: 0px 0px 5px 0 rgba(0,0,0,.3);
}
.pinned_elements.open .fullopen {
    transform: rotate(19deg);
}

.pinned_elements.open {
    height: auto;
    max-height: 100vh;
}


.pinned_elements.open .fullopen:before {
    content: "\f078";
}

.pinned_elements.open .percent1 {
    transform: rotate(0deg);
    margin-left: 0px;
}

.pinned_elements.open .percent2 {
    transform: rotate(2deg);
    margin-left: 1px;
}

.pinned_elements.open .percent3 {
    transform: rotate(3deg);
    margin-left: 3px;
}

.pinned_elements.open .percent4 {
    transform: rotate(4deg);
    margin-left: 6px;
}

.pinned_elements.open .percent5 {
    transform: rotate(5deg);
    margin-left: 10px;
}

.pinned_elements.open .percent6 {
    transform: rotate(6deg);
    margin-left: 15px;
}

.pinned_elements.open .percent7 {
    transform: rotate(7deg);
    margin-left: 21px;
}

.pinned_elements.open .percent8 {
    transform: rotate(8deg);
    margin-left: 28px;
}

.pinned_elements.open .percent9 {
    transform: rotate(9deg);
    margin-left: 36px;
}

.pinned_elements.open .percent10 {
    transform: rotate(10deg);
    margin-left: 45px;
}

.pinned_elements.open .percent11 {
    transform: rotate(11deg);
    margin-left: 55px;
}

.pinned_elements.open .percent12 {
    transform: rotate(12deg);
    margin-left: 66px;
}

.pinned_elements.open .percent13 {
    transform: rotate(13deg);
    margin-left: 78px;
}

.pinned_elements.open .percent14 {
    transform: rotate(14deg);
    margin-left: 91px;
}

.pinned_elements.open .percent15 {
    transform: rotate(15deg);
    margin-left: 106px;
}

.pinned_elements.open .percent16 {
    transform: rotate(16deg);
    margin-left: 122px;
}

.pinned_elements.open .percent17 {
    transform: rotate(17deg);
    margin-left: 139px;
}

.pinned_elements.open .percent18 {
    transform: rotate(18deg);
    margin-left: 157px;
}

.pinned_elements.open .percent19 {
    transform: rotate(19deg);
    margin-left: 176px;
}

.pinned_elements.open .percent20 {
    transform: rotate(20deg);
    margin-left: 196px;
}

.pinned_elements.open .percent21 {
    transform: rotate(21deg);
    margin-left: 217px;
}




.pinned_elements {
    position: fixed;
    bottom: 0px;
    left: 5px;
    width: 86px;
    z-index: 100000;
    max-height: 110px;
}

.box.live.small.pinned .inner {
    border-radius: 10px;
    padding-left: 5px;
}
.box.live.small.pinned .spiele .erg,
.box.live.small.pinned .spiele .erg .result,
.box.live.small.pinned .spiele .m1,
.box.live.small.pinned .spiele .m2 {
    height: 20px;
    line-height: 22px;
    padding: 0px;
    font-size: 12px;
    margin: 0px;
    display: inline;
}

.box.live.small.pinned .spiele .m1,
.box.live.small.pinned .spiele .m2 {
    width: 27%
}

.box.live.small.pinned .spiele .m1 .flag-icon,
.box.live.small.pinned .spiele .m2 .flag-icon {
    font-size: 20px;
    border-radius: 0px;
    top: -3px;
    box-shadow: none;
}

@media (-webkit-min-device-pixel-ratio: 1.3),
       (-o-min-device-pixel-ratio: 13/10),
       (min-resolution: 120dpi) {

    .box.live.small.pinned .spiele .m1 .flag-icon,
    .box.live.small.pinned .spiele .m2 .flag-icon {
        font-size: 20px;
        border-radius: 0px;
        top: -3px;
        box-shadow: none;
    }
}


.box.live.small.pinned .spiele .close {
    width: 21%;
    display: inline-block;
    position: relative;
    cursor: pointer;
    height: 20px;
}

.box.live.small.pinned .spiele .close:before{
    top: 3px;
    position: relative;
    left: 1px;
    font-size:13px;
}

.box.live.small.pinned .spiele .erg
{
    width: 25%;
}

.box.live.small.pinned .spiele .erg .result.opengame {
    cursor: pointer;
}

.box.live.small.pinned .spiele .m1 .image,
.box.live.small.pinned .spiele .m2 .image {
    margin: 0px;
    transform: scale(0.65);
    left: -3px;
    position: relative;
    top: 1px;
}

.box.live.small.pinned .spiele .m2 .image {
    left: -5px;
}


.box.live.small.pinned .name {
    display: none;

}
.bet{
    text-align:right;
    margin-top:10px
}
.bet button.red{
    background:#ca3c3c;
    border:0;
    color:#fff;
    font-size:12px
}
.bet button.red:hover{
    background:#1cb841
}

table.copyright .image {
    vertical-align: top;
    display: flex;
    line-height: 50px;
}

table.copyright .image img {
    height: 50px;
    padding-right: 5px;
}

table.copyright .image img,
table.copyright .image span {
    display: flex;
}
table.tands td.openstadium{
    font-size:14px
}
.box.live.small .inner{
    box-shadow: 0px 0px 5px 0 rgb(0 0 0 / 30%), 0px 0px 10px 0 rgb(0 0 0 / 50%);
    background-color:#fff;
    position:relative
}
.box.live.small .result{
    margin:0 auto;
    display:table;
    height:24px
}
.box.live.small .erg .minute{
    height:14px;
    line-height:14px
}

.box.live.small .erg .pin {
    width: 160px;
    height: 20px;
    border-radius: 10px;
    border: 1px solid #eee;
    line-height: 1;
    cursor: pointer;
    position: relative;
    margin: 0 auto;
}

.pin.inprogress,
.pin.inprogress.active,
.box.live.small.inprogress {
    opacity: 0.5;
    cursor: wait;
}

.pin.active {
    color: #cc0000;
}

.box.live.small .erg .pin.active.icon-pin-outline {
    color:#cc0000;
}

.box.live.small .erg .pin.active .pintext:not(.pinned),
.box.live.small .erg .pin .pintext.pinned {
    display: none;
}

.box.live.small .erg .pin.active .pintext.pinned,
.box.live.small .erg .pin .pintext:not(.pinned)  {
    display: block;
}

.box.live.small .erg .pin:hover {
    box-shadow: -0px -0px 5px 0 rgba(0,0,0,.3);
}
.box.live.small .erg .pin.icon-pin-outline:before {
    left: 5px;
    position: absolute;
    top: 1px;
    font-size: 14px;
}


.box.live.small .result .inner{
    box-shadow:none;
    float:left;
    margin-top:8px
}
.box.live.small .result .plusminus{
    display:block;
    width:20px;
    font-size:20px;
    font-weight:700;
    float:left;
    color:black;
    margin-left:5px;
    margin-right:5px;
}

.box.live.small .result .plusminus {
    opacity:0.5
}

.box.live.small .result .plusminus.active {
    opacity:1
}



.box.live.small .result{
    line-height:20px
}
.box.live.small .result .plusminus span{
    display:block;
    line-height:20px!important;
    height:20px;
    border-bottom: 1px solid white;
}
.box.live.small.last{
    margin-right:0
}
.box.live.small .events{
    height:143px;
    overflow:hidden;
    padding:0
}
.box.live.small.active .events.active{
    background-color:#eee;
    overflow:visible;
    height:auto;
    position:absolute;
    width:100%;
    z-index:1000;
    border-radius:0;
    box-shadow: -0px -0px 5px 0 rgba(0,0,0,.3), 0px 10px 15px 0 rgba(0,0,0,.5);
    min-height:143px
}
.box.live.small .events .event>div.minute{
    width:10%;
    padding-left:7px;
    padding-right:7px;
    text-align:center
}
.box.live.small .events .event.jit{
    color:#fff
}
.box.live.small .events .event>div{
    font-size:14px
}
.box.live.small .events .event>div.player{
    width:39%;
    padding-left:5px;
    padding-right:5px
}
.box.live.small .events .event>div.player .red{
    display:none;
    color:#cb0000
}
.box.live.small .events .event>div.player .green{
    color:#347b40
}
.box.live.small .events .event.jit>div.player .green,.box.live.small .events .event.jit>div.player .red{
    color:#fff
}
.box.live.small .events .event.reverse>div.player{
    text-align:right
}
.box.live.small .events .event{
    padding-top:0;
    padding-bottom:0
}
.box.live.small .spiele .erg{
    height:95px
}
.box.live.small .events .event>div.icon.goal{
    width:20px;
}

.box.live.small .events .event>div.icon.goal:before {
    position: relative;
    left: 3px;
    right: 3px;
}
.tabcontent.events .box.small.live{
    width:100%;
    height:auto;
    float:none
}
.tabcontent.events .box.live.small .events{
    height:auto
}
.tabcontent.events .box.live.small .events .event>div{
    font-size:16px
}
.tabcontent.events .box.live.small .events .event.reverse>div.text{
    text-align:right;
    margin-right:15px
}
.spiele .erg,.spiele .m1,.spiele .m2{
    font-size:20px;
    float:left;
    text-align:center
}
.spiele.start .erg,.spiele.start .m1,.spiele.start .m2{
    font-size:14px;
    padding: 20px 5px 10px;
}

.spiele.start .erg {
    padding: 10px 5px 10px;
}
.liveboxes{
    padding-bottom:10px;
    padding-top: 10px;
}
.spiele .erg .date{
    margin-bottom:0
}
.spiele .m1 .image,.spiele .m2 .image{
    display:table;
    margin:0 auto 5px
}
.spiele.start .erg .result{
    line-height:24px;
    font-size:20px
}

.spiele.start .erg .result.change {
    color:#c00;
    animation:blinkingText 1.2s infinite;
}

@keyframes blinkingText{
    0%{     color: #c00;    }
    49%{    color: #c00; }
    60%{    color: transparent; }
    99%{    color:transparent;  }
    100%{   color: #c00;    }
}

.spiele.start .erg .result.live{
    color:#c00
}
.spiele.start .erg .minute{
    height:15px;
    text-align:center;
    font-size:12px;
    margin-top:3px;
    padding-left:4px
}
.spiele.start .erg .halftimeresult{
    font-size:12px
}
.spiele .m1,.spiele .m2{
    width:29%
}
.spiele .m1{
    padding-left:1%
}
.spiele .m2{
    padding-right:1%
}
.spiele .erg{
    width:40%;
    font-size:64px;
    vertical-align:middle;
    height:100px
}
.spiele .erg .date,.spiele .erg .referee{
    font-size:14px
}
.spiele .erg .result{
    line-height:36px;
    font-size:48px;
    height:38px
}
.spiele .erg .halftimeresult{
    line-height:14px;
    height:14px;
    font-size:16px
}
.events .event,.events.tabcontent .event{
    border-bottom:1px solid #dfdfdf;
    line-height:26px
}
.events .event>div.minute{
    width:4%;
    float:left
}
.events .event.reverse>div.minute{
    text-align:right
}
.events .event>div.icon{
    float: left;
    border-radius: 0px;
    margin-top: 6px;
}

.events .event>div.icon.yellowcard{
    background:#ffef00;
}
.events .event>div.icon.redcard{
    background:#FF4500;
}
.events .event>div.icon.redcard,
.events .event>div.icon.yellowred,
.events .event>div.icon.yellowcard {
    box-shadow: 0px 0px 1px rgba(100,100,100,.75);
    width: 10px;
    height: 14px;
    margin-left: 5px;
    margin-right: 5px;
}

.events .event>div.icon.yellowred .inner {
    border: 10px solid #ffef00;
    border-left-color: #FF4500;
    border-bottom-color: FF4500;
    transform: scale(0.5, 0.7);
    left: -5px;
    top: -2px;
}

.fancybox .close,.fancyboxbg{
    background-color:#000;
    right:0
}
.events .event>div.icon.subst{
    background-size: 20px 20px;
    width:20px;
    height:20px;
    background-image: url(https://www.fussball-wm.eu/bilder/live/auswechslung.png);
    box-shadow: none;
    background-repeat: no-repeat;
    margin-top: 2px;
}
.events.tabcontent .event>div.icon.subst{
    background-size:20px 20px;
    width:20px;
    height:20px;
    background-position:0 0
}
.fancybox,.socials .bt{
    box-shadow:0 0 1px #000
}
.events .event>div.player,.events .event>div.text{
    width:20%;
    font-weight:400;
    float:left;
    margin-top: 0;
    margin-bottom: 0;
}
.events .event.reverse>div.icon,.events .event.reverse>div.minute,.events .event.reverse>div.player,.events .event.reverse>div.text{
    float:right
}
.fancybox .floatright li,.grouplink{
    float:left
}
.events .event{
    font-size:14px;
    height:26px
}
.events.tabcontent .event{
    font-size:18px;
    height:30px
}

.events .event > div.minute
{
    width: 4%;
    float: left;
}

.events .event.reverse > div.minute
{
    text-align: right;
}


.events .event > div.icon
{
    width: 10%;
    float: left;
}

.events .event > div.icon
{
    border-radius: 2px;
    margin-left: 2px;
    margin-right: 2px;
    width: 14px;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.75);
    height: 20px;
    margin-right: 10px;
    margin-top: 6px;
}

.events .event > div.icon.goal
{
    box-shadow:none;
    width: 24px;
    background-repeat: no-repeat;
    background-image:url(https://www.fussball-wm.eu/bilder/live/goal.png);
    margin-top: 2px;
    margin-right: 7px;
}

.events .event > div.icon.yellowcard
{
    background: #fff44f;
    margin-right: 17px;
}
.events .event > div.icon.yellowred
{
    background: #fff44f; /* Old browsers */
    background: -moz-linear-gradient(top,  #fff44f 0%, #8b0000 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff44f), color-stop(100%,#f1da36)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #fff44f 0%,#8b0000 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #fff44f 0%,#8b0000 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #fff44f 0%,#8b0000 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #fff44f 0%,#8b0000 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=\'#fff44f\', endColorstr=\'#8b0000\',GradientType=0 ); /* IE6-9 */
    margin-right: 20px;
}
.events .event > div.icon.redcard
{
    background: #8b0000;
    margin-right: 20px;
}

.events .event > div.text
{
    width: 20%;
    font-weight: 400;
    float: left;
}

.events .event > div.player
{
    width: 35%;
    font-weight: 400;
    float: left;
}

.events .event.reverse > div.player,
.events .event.reverse > div.text,
.events .event.reverse > div.minute,
.events .event.reverse > div.icon
{
    float: right;
}

.events .event
{
    border-bottom: 1px dotted #dfdfdf;
}


.spiele .m1,
.spiele .erg,
.spiele .m2
{
    width: 33%;
    font-size: 16px;
}

.spiele .m1
{
    float:left;
}

.spiele .m2
{
    float: right;
    text-align: right;
}


.events
{
    margin-top: 20px;
    height: 330px;
    overflow-y: auto;
}

.spiele .erg
{

font-size: 22px;
float:left;
text-align: center;
}


.spiele .erg .minute
{
    margin-top: 10px;
    font-size: 16px;
    margin-bottom: 10px;
}

.spiele .erg .date
{
    font-size: 14px;
    margin-bottom: 0px;
}

.table.limit .result,.table.small .result{
    display:none
}
.table.limit .result.active,.table.small .result.active{
    display:block
}
.fancybox .games col.result
{
    display:none
}

.fancyboxloader {
    padding:10px;
    width:200px;
    height:200px;
    margin-top:-100px;
    margin-left:-100px;
    position:fixed;
    left:50%;
    top:50%;
    z-index: 1;

}

.fancybox{
    padding:10px;
    width: 500px;
    height:500px;
    margin-top:-250px;
    margin-left:-250px;
    position:fixed;
    left:50%;
    top:50%;
    background-color:#fff;
    box-shadow: -10px -10px 25px 0 rgba(0,0,0,.3), 30px 45px 50px 0 rgba(0,0,0,.5);
}

.fancybox-arrow-left {
    margin-left: -320px;
}

.fancybox-arrow-right {
    margin-left: 270px;
}

@media (min-width:1000px){
    .fancybox
    {
        width: 800px;
        margin-left:-400px;
    }

    .fancybox-arrow-left {
        margin-left: -470px;
    }

    .fancybox-arrow-right {
        margin-left: 420px;
    }

}

@media (min-width: 768px){
    .fancybox#fancyboxgame.left {
        left: -100%;
    }

    .fancybox#fancyboxgame.move.left {
        left: -100%;
        transition: none;
    }

    .fancybox#fancyboxgame.move.right {
        left: 200%;
        transition: none;
    }

    .fancybox#fancyboxgame.right {
        left: 200%;
    }
}

@media (max-width: 767px){
    .fancybox-arrow {
        color: black;
    }
}

.fancybox .inner{
    position:relative
}
.fancybox .close{
    position: absolute;
    top: 0px;
    color: black;
    font-size: 24px;
    padding: 0 5px 5px 6px;
    font-weight: 600;
    line-height: 15px;
    background: transparent;
    right: -5px;
}
.fancybox h3{
    margin-top:0;
    text-align:center
}
.fancybox .games{
    height:345px;
    overflow-y:auto
}

.fancybox #fancymini {
    text-align: center;
}

.fancybox .games td.result {
    width: 30px;

}


.fancybox .games td.image1,
.fancybox .games td.image2 {
    width: 40px;
}

.fancybox .games td.date {
    text-align: left;
    width: 80px;
}

.fancybox .games td.home {
    text-align:left;
}
.fancybox .games td.away {
    text-align:right;
}

.fancybox .games td.result {
    text-align: center;

}

.fancybox .floatleft .minipic{
    float:left;
    margin-right:10px
}
.fancybox .games h3{
    font-size:16px;
    margin-bottom:0
}
.fancybox .floatright{
    font-weight:700;
    text-align:right
}
.fancybox .text.center,.teams .team{
    text-align:center
}
.fancybox .games table.tands td{
    font-size:16px
}
.fancybox .text{
    margin-top:10px;
    margin-bottom:10px
}
.fancybox .floatleft{
    padding-right:10px
}
.fancyboxbg{
    z-index:1000003;
    opacity:.5;
    position:fixed;
    width:100%;
    height:100%;
    top:0;
    left:0
}
.minipic{
    transform: rotate(8deg);
    background-image:url(https://www.fussball-wm.eu/bilder/mannschaften/laenderflaggen_1000.tiny.png)
}
.navi.inmove .inner2
{
    width: 100%;
}

.navi.inmove .inner2 .mid.blue {
    min-width:0;
}


.grouplink{
    color:#34669D;
    padding:10px
}
.groupdetails:hover a,.wmgroups .wmgroup .title{
    color:#fff
}
.groupdetails{
    background:#f7f7f7;
    position:relative;
    float:right;
    padding:10px 40px 10px 10px
}
.floatleft,.socials .bt,.teams .team,
.wmgroups .wmgroup .minipic,
.wmgroups .wmgroup .flag-icon {
    float:left
}

.groupdetails:before{
    width:0;
    content:'';
    position:absolute;
    top:0;
    right:0;
    border-bottom:40px solid #fff;
    border-left:40px solid #f7f7f7
}
.groupdetails:hover{
    background-color:#1E5799
}
.groupdetails:hover:before{
    border-left:40px solid #1E5799
}
.minipic.small{
    width:29px;
    height:19px;
    background-image:url(https://www.fussball-wm.eu/bilder/mannschaften/laenderflaggen_500.tiny.png)
}
.teams{
    padding-top:10px
}
.teams .team{
    height:70px;
    width:150px
}

.teams .team.droppedout {
    opacity: 0.5;
}
.teams .team.plus{
    font-size:24px;
    font-weight:700;
    display:block;
    line-height:64px;
    width:20px;
    color: black;
    font-family: auto;;
}
.wmgroups.wmquali .wmgroup>div.title{
    line-height:26px!important
}
.wmgroups.wmquali .wmgroup>div{
    line-height:38px!important
}
.wmgroups.wmquali .wmgroup>div span{
    padding-left:5px
}
.teams .team .title{
    font-size:12px;
    height:32px;
    background:0 0;
}
.qualinr{
    font-size:28px;
    padding-right:1px;
}
.socials{
    position:absolute;
    right:0;
    top:0
}
.socials .bt{
    background-image:url(https://www.fussball-wm.eu/bilder/socials/facebook.png);
    width:26px;
    height:26px;
    margin-right:5px;
    bordeR:1px solid #fff
}
.socials .bt:hover{
    box-shadow:inset 0 0 3px #000
}
.socials .bt .inner{
    width:24px;
    height:24px
}
.socials .bt.twr{
    background-image:url(https://www.fussball-wm.eu/bilder/socials/twitter.png)
}
.socials .bt.g{
    background-image:url(https://www.fussball-wm.eu/bilder/socials/google.png)
}
.newsoverview{
    width:25%;
    float:left;
    padding:0 10px 10px;
    height:324px;
    overflow:hidden;
    color:#000
}
.newsoverview.catoverview .imageborder img{
    width:100%
}
.newsoverview.catoverview .imageborder{
    padding-right:0
}
.newsoverview h2{
    height:50px;
    overflow:hidden;
    margin-bottom:10px
}
.newsoverview:hover{
    background-color:#f7f7f7;
    box-shadow:inset 0 0 10px #f7f7f7
}
.datepublished{
    font-size:16px;
    position:absolute;
    right:-2px;
    color:gray;
    top:-46px
}
.pageselector{
    color:#DB2B2B;
    padding:0 6px
}
.floatright{
    float:right
}
.col75{
    width:75%
}
.col25,.pager .floatleft{
    width:25%
}cjhieHr8rfH35Vm
.pager{
    padding-top:6px
}
.c .stadion2 .imageborder,.linkus code,.stadion2,.stadion2 .title2{
    padding:10px
}
.pager .floatright{
    width:50%;
    text-align:center;
    float:left
}
.gamefilter,.pageselector.active{
    cursor:default;
    color:#fff;
}
.gamefilter .mid{
    margin-top:8px
}
.gamefilter{
    display: none;
    height: 44px;
    border-top: 1px solid #fff;
    top: 34px;
    z-index: 10001;
    position: fixed;
    left: 0px;
    right: 0px;
}

.gamefilter.inmove{
    display: block;
}


.gamefilter.resetfilter{
    height:auto
}
.navi.inmove .inner2.filter{
    display:none
}
.linkus code{
    margin-top:10px;
    margin-bottom:10px;
    line-height:20px;
    background-color:#EEE;
    display:inline-block;
    width:100%
}
.stadion2{
    float:left;
    width:33.333333%;
    height:300px;
    overflow:hidden
}
.stadiumconfed .stadion2{
    width:50%
}
.navi .inner2.blue {
    display: none;
}

.navi.inmove .inner2.blue{
    display: block;
}

.stadion2 .inner:hover{
    background-color:#f7f7f7
}
.c .stadion2 .imageborder{
    margin-top:0
}
.stadion2 .title2{
    padding-top:5px!important;
    padding-bottom:5px!important;
    text-align:left;
    font-size:18px
}
.stadion2 .shortdesc{
    padding-left:0!important;
    padding-right:10px
}
.quickfacts{
    margin-bottom:20px;
    width:33%
}
.writenews input,input.form{
    margin-bottom:5px
}
.quickfacts table{
    width:100%
}
.quickfacts table th{
    padding-left:10px;
    text-align:left;
    padding-top:5px;
    padding-bottom:5px
}
.quickfacts table td{
    padding-left:2px
}
.opencms,.opencmsid{
    cursor:pointer
}
.adsensemobil{
    display:none
}
.blink{
    animation:blink 1s steps(5,start) infinite;
    -webkit-animation:blink 1s steps(5,start) infinite
}
@keyframes blink{
    to{
        visibility:hidden
    }
}
@-webkit-keyframes blink{
    to{
        visibility:hidden
    }
}
label.form{
    width:200px;
    display:inline-block
}
.form.error,.form.matcherror{
    display:none;
    color:red;
    padding-left:210px;
    line-height:20px;
    padding-bottom:5px
}
input.form{
    width:200px;
    height:30px
}
.c .imageborder,.c .imageborder.big{
    width:33%;
    padding-right:20px
}
.c .imageborder{
    float:left
}
.c .imageborder.big img{
    width:100%
}
.c .imageborder img{
    float:left;
    height:auto;
    width:100%
}
.stadien{
    margin-left:-10px;
    margin-right:-10px
}
.stadion2 .shortdesc{
    float:left;
    padding-top:7px
}
.c .imageborder .undertitle{
    color:gray;
    font-size:12px;
    padding:3px;
    line-height:16px
}
.writenews input[name=headline],.writenews input[name=tags],.writenews input[name=picture],.writenews input[name=pictext],.writenews input[name=pictitle]{
    width:520px
}
table tr:nth-child(2n){
    border-top:1px solid gray
}
.box.newscatsmall .c ul{
    padding-bottom:10px
}
.box .title{
    border-radius:0;
    font-size:28px;
    vertical-align:middle;
    color:#000
}
.topoptions{
    color:#aeaeae;
    height:35px;
    width:100%;
    position:fixed;
    top:0;
    left:0;
    z-index:10000;
    vertical-align:middle;
    line-height:32px;
    background-color:#000
}
.topoptions .inner{
    margin:0 auto;
    width:1080px;
    padding-left:35px
}
.topoptions span#fb,.topoptions span#g,.topoptions span#rss,.topoptions span#twr,.topoptions span#verlinke-uns{
    padding-left:20px;
    background-repeat:no-repeat
}
.topoptions .inner .option{
    float:left;
    margin-right:20px
}
.topoptions span{
    color:#fff;
    font-size:15px;
    cursor:pointer
}
.topoptions span#verlinke-uns{
    background-image:url(https://www.fussball-wm.eu/bilder/socials/linktop.png)
}
.topoptions span#g{
    background-image:url(https://www.fussball-wm.eu/bilder/socials/googleplustop.png)
}
.topoptions span#fb{
    background-image:url(https://www.fussball-wm.eu/bilder/socials/facebooktop.png)
}
.topoptions span#twr{
    background-image:url(https://www.fussball-wm.eu/bilder/socials/twittertop.png)
}
.topoptions span#rss{
    background-image:url(https://www.fussball-wm.eu/bilder/socials/rsstop.png)
}
.box.newscatsmall ul li:hover span{
    color:#fff
}
.stadioncontainer .tabs{
    margin-top:20px
}
.minipic{
    width:57px;
    height:38px;
    overflow:hidden;
    background-position:-3px -17px
}
.minipic.nopic{
    background-position:-870px -946px;
    height:42px
}
.navi .naviitem .subnavi.large{
    width:400px
}
.navi .naviitem .subnavi.middlebig{
    width:200px
}
.navi .naviitem .subnavi.land{
    width:150px
}
.navi .naviitem .subnavi ul{
    margin-left:5px;
    padding-left:5px;
    list-style-type:none
}
.navi .naviitem .subnavi ul li a{
    text-shadow:none;
    text-decoration:none;
    font-size:18px;
    font-weight:300
}
.navi .naviitem .subnavi ul li a:hover{
    text-shadow:0 0 0 rgb(255,255,255,.7);
    opacity: 0.5;
}
.navi .naviitem .subnavi ul li .image{
    width:26px;
    height:26px;
    float:left;
    position: relative;
    top: 5px;
    background-image:url(https://www.fussball-wm.eu/bilder/bg/bgnavi.png)
}
.navi .naviitem .subnavi ul li .image.two{
    background-position:-28px 0
}
.navi .naviitem .subnavi ul li .image.three{
    background-position:-57px 0
}
.navi .naviitem .subnavi ul li .image.four{
    background-position:-85px 0
}
.navi .naviitem .subnavi ul li .image.five{
    background-position:-113px 0
}
.navi .naviitem .subnavi ul li .image.six{
    background-position:-141px 0
}
.navi .naviitem .subnavi ul li .image.seven{
    background-position:-172px 0
}
.navi .naviitem .subnavi ul li .image.eight{
    background-position:-199px -2px
}
.navi .naviitem .subnavi ul li .image.nine{
    background-position:-228px -2px
}
.navi .naviitem .subnavi ul li .image.ten{
    background-position:-256px -4px
}
.navi .naviitem .subnavi ul li .image.eleven{
    background-position:-285px -2px
}
.navi .naviitem .subnavi ul li .image.twelve{
    background-position:-312px -3px
}
.navi .naviitem .subnavi ul li .image.thirteen{
    background-position:-340px -2px
}
.navi .naviitem .subnavi ul li .image.fourteen{
    background-position:-370px -2px
}
.navi .naviitem .subnavi ul li .image.fivteen{
    background-position:-398px -2px
}
.navi .naviitem .subnavi ul li .image.sixteen{
    background-image:none;
    background-position:-427px -2px
}
.navi .naviitem .subnavi ul li .image.eighteen,.navi .naviitem .subnavi ul li .image.seventeen{
    background-position:-454px -2px
}
.navi .naviitem .subnavi ul li .image.nineteen{
    background-position:-483px -2px
}
.navi .naviitem .subnavi ul li .image.twenty{
    background-position:-514px -2px
}
.navi .naviitem .subnavi ul li .image.twentyone{
     background-position:-544px -2px;
}
.navi .naviitem .subnavi ul li .image.twentytwo{
    background-position:-574px -2px
}
.navi .naviitem .subnavi ul li .image.twentythree{
    background-position:-600px -2px
}
.navi .naviitem .subnavi ul li .image.twentyfour{
    background-position:-624px -2px
}
.navi .naviitem .subnavi ul li .image.twentyfive{
    background-position:-651px -3px
}
.navi .naviitem .subnavi ul li .image.twentysix{
    background-position:-681px -3px
}
.navi .naviitem .subnavi ul li .image.twentyseven{
    background-position:-707px -3px
}
.navi .naviitem .subnavi ul li .image.twentyeight{
    background-position:-735px -2px
}
.navi .naviitem .subnavi ul li .text{
    float:left;
    padding-left:5px
}
.navi .naviitem .subnavi{
    left:10px;
    right: 10px;
    width: calc(100% - 20px);
    border-radius:0;
    line-height:22px;
    margin-top:0;
    padding-right:0;
    position:absolute;
    text-align:left;
    z-index:100000;
    border:0;
    padding-bottom:6px;
    margin-top: -16px;
    padding-top: 10px;
}

.navi .naviitem .subnavi ul{
    margin-top:6px;
    margin-bottom:10px;
    padding-bottom:6px;
    display: flex;
    flex-wrap: wrap;
}

.navi .naviitem .subnavi ul li{

    padding-left:3px;
    padding-right:3px;
    padding-top:4px;
    padding-top:4px;
    min-width:20%;
    text-align: left;
    display: flex;
}

.navi .naviitem .subnavi ul li.overviewmobile {
    display: none;
}

.navi .naviitem .subnavi ul li a {
    font-size:26px;
    line-height:1.5;
}

.navi .naviitem .subnavi.stadion{
    width:100%
}
.box.navicatsmall ul li,.box.newscatsmall ul li{
    border-top:1px solid #fff;
    padding-top:4px;
    padding-bottom:4px;
    padding-left:5px;
    list-style-type:none;
    border-bottom:1px solid #BE1A33
}
.box.navicatsmall ul li.active,.box.navicatsmall ul li:hover,.box.newscatsmall ul li:hover{
    border-top:1px solid transparent;
    color:#fff;
    border-bottom:1px solid #fff
}
.footerbig .inner,.zacken{
    background-repeat:repeat-x
}
.box.navicatsmall ul li.active a,.box.navicatsmall ul li:hover a,.box.newscatsmall ul li:hover a{
    color:#fff
}
#topclick,#topclick a{
    color:#ccc;
    cursor:pointer
}
.navicategories{
    display:none
}
.box .c.nopadding ul{
    margin-left:0;
    padding-left:0;
    margin-top:0;
    padding-top:0
}
input[type=text].form{
    height:30px;
    margin-bottom:5px
}
#topclick,#topclick .inner{
    height:50px;
    width:50px
}
input[type=submit].form{
    margin-top:10px;
    margin-left:202px
}
#topclick{
    background-color:#fff;
    box-shadow:0 0 5px #CCC;
    border-radius:25px;
    position:fixed;
    bottom:30px;
    right:30px;
    text-align:center;
    vertical-align:middle;
    line-height:50px;
    font-size:30px
}
.footerbig{
    display:block;
    background-color:#ededed;
    width:100%;
    color:#000;
    text-shadow:none;
    padding-top:10px;
    position:absolute;
    bottom:-215px;
    z-index:-1
}
.rotations{
    position:absolute;
    right:0;
    bottom:0;
    height:259px;
    width:300px;
    display:none
}
.rotations .inner{
    position:relative;
    background-image:none!important
}
.rotations .rotation{
    display:none;
    position:absolute;
    right:15px
}
.rotations .rotation.isactive{
    display:block
}
.zacken{
    background-image:url(https://www.fussball-wm.eu/bilder/bg/footerzacken.png);
    height:35px;
    margin-top:0
}
.footerbig .close{
    position:absolute;
    right:20px;
    top:-20px;
    height:30px;
    width:30px;
    border-radius:15px;
    box-shadow:0 0 3px 1px rgba(33,33,33,.2);
    background-color:#fff;
    text-align:center;
    vertical-align:middle;
    line-height:32px;
    color:gray;
    cursor:pointer
}
.box .catbox .inner,.catbox,.footerbig .inner{
    position:relative
}

.nextprev{
    line-height:40px;
    margin-bottom:10px
}
.footerbig .inner{
    margin:30px auto 0;
    padding:10px 10px 30px;
}
.footerbig .inner .box.first{
    border-left:0
}
.footerbig .inner .box{
    width:25%;
    float:left;
    border-radius:0;
    min-height:180px;
    padding:10px;
    box-sizing:border-box;
    border-right:1px solid #cecece;
    border-left:1px solid #fefefe;
    box-shadow:none
}
.footerbig .inner .box ul{
    margin:0;
    padding:0
}
#newsaccordion h3,.wmgroups .wmgroup .title,table.tands td{
    padding-bottom:5px
}
.footerbig .inner .box ul li{
    list-style-type:none;
    color:#fff;
    font-size:16px;
    text-align:left;
    line-height:1.25;
}
.footerbig .inner .box ul li a,.footerbig .inner .box ul li a:hover,.footerbig .inner .box ul li span,.footerbig .inner .box ul li span:hover{
    color:#fff
}
.footerbig .inner .box h3{
    font-size:20px;
    margin:0 0 10px;
    color:#fff;
}
.footerbig .inner .box.last{
    margin-right:0
}
.wmgroups .wmgroup>div {
    border-bottom: 1px solid #eee;
}
.wmgroups .wmgroup .title a,.wmgroups .wmgroup .title a:hover{
    color:#FFF
}
@media (min-width:500px){
    .ignore{
        display:none
    }

    .fancybox .games td.result {
        padding-right: 80px;
    }
}
@media (max-width:1659px){
    .box.live.small,.newsoverview,.stadion2{
        width:50%
    }
    .stadiums .wmgroups .wmgroup{
        height:auto!important;
        min-height:0!important
    }
    .c .stadiums .wmgroups .wmgroup .hover img{
        height:20px!important
    }

    .c .stadiums .wmgroups .wmgroup .imageborder{
        min-height:0!important
    }
    .stadiums .wmgroup .hover{
        left:15px!important;
        right:15px!important
    }
    .stadion2{
        height:auto!important
    }
    .c .newsoverview .imageborder,.c .newsoverview .imageborder img{
        width:100%
    }
}
@media (min-width:1080px) and (max-width:1259px){
    #world-map-gdp,#world-map-gdp-gb,#world-map-hint, #world-map-hint .text{
        height:300px
    }
}

@media (max-width:1079px){
    table.tands td img.worldranking{
        width:25px
    }
    .table.live .row.second .minipic{
        margin-top:16px
    }
    #world-map-gdp,#world-map-gdp-gb,#world-map-hint, #world-map-hint .text{
        height:300px
    }
    .navi .naviitem a{
        font-size:30px;
        line-height: 1.5;
    }


    .weekday{
        display:none
    }
    .minipic{
        width:29px;
        height:19px;
        background-image:url(https://www.fussball-wm.eu/bilder/mannschaften/laenderflaggen_500.tiny.png)
    }
    .minipic.nopic{
        background-position:63px 26px;
        width:29px;
        height:19px
    }
    .navi .naviitem{
        padding-left:10px;
        padding-right:10px
    }
}
h2 span,table.tands td.pright{
    padding-right:5px
}
@media (max-width:499px){
    .fancybox .games td.home,
    .fancybox .games td.away {
        max-width: 50px;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .rounds .round{
        margin-top:3px
    }
    .teams .team{
        width:25% !important;
    }
    .c .catboxes.wmqualitop .catbox{
        width:50%!important
    }
}
@media (max-width: 1079px) and (-webkit-min-device-pixel-ratio: 1.3),
        (max-width: 1079px)  and (-o-min-device-pixel-ratio: 13/10),
        (max-width: 1079px)  and (min-resolution: 120dpi) {
    .minipic,.minipic.small{
        background-image:url(https://www.fussball-wm.eu/bilder/mannschaften/laenderflaggen_1000.tiny.png);
        background-size:500px;
    }
    .minipic{
        width:29px;
        height:19px
    }
}
@media screen and (min-width:0\0) and (min-resolution:192dpi){
    .minipic,.minipic.small{
        background-image:url(https://www.fussball-wm.eu//bilder/mannschaften/laenderflaggen_1000.tiny.png);
        background-size:500px
    }
    .minipic{
        width:29px;
        height:19px
    }
}
@media (max-width:1000px){
    .datepublished{
        right:1px;
        top:-37px
    }
    h3{
        margin-bottom:5px;
        text-align:center
    }
    h2{
        font-size:22px!important
    }
    span.group{
        display:none
    }
    .gr{
        display:block
    }
    .box .c{
        padding:5px
    }
    .weekday{
        display:none
    }
}
table.tands th{
    background-color:#fff;
    font-size:14px;
    font-weight:600
}
table.tands tr td{
    border-top:1px solid #e4e4e4
}
table.tands tr td.opengame:hover{
    text-decoration:underline
}
table.tands tr:hover td {
    background-color:#f7f7f7
}



ul li{
    list-style-type:none
}
ul.list-style li{
    list-style-type:disc
}
ul.list-style{
    padding-left:0;
    margin-left:22px
}
.catboxes h2,table.tands td.pleft{
    padding-left:5px
}
h3{
    font-size:18px
}
h3.center{
    text-align:left
}
table.tands tr.active td{
    color:#fff
}
table.tands td{
    font-size:22px;
    font-weight:300;
    padding-top:5px;
    text-align:center
}
table.tands td strong{
    font-weight:700
}
.spiele .erg .result.live,table.tands td.live{
    color:#c00
}
table.tands td.aright{
    text-align:right
}
table.tands td.aleft{
    text-align:left
}
.catbox,.catbox img,table.tands td.pic{
    text-align:center
}
table.tands td.pic .minipic{
    margin:0 auto
}

.catboxes .catbox{
    width:16.6666%;
    float:left;
    padding:5px
}

.box .catbox:hover .title,.catboxes .catbox.notactive:hover{
    opacity:0.95
}
.catboxes.themes .catbox{
    width:20%
}
.catboxes .catbox img{
    width:100%
}
.catboxes h2{
    margin-top:30px;
    border-bottom:1px solid #999;
}

.catboxes h2 a {
    color: black;
}
.catboxes.wmqualitop h2{
    margin-top:0
}
.catbox{
    float:left;
    overflow:hidden
}
.catbox img{
    width:100%
}

.catboxes.wmqualitop .catbox:hover img{
    transition:all .5s ease;
    opacity:1
}
.catboxes .catbox a{
    color:#fff
}
.box .catbox .hover,
.stadiums .wmgroup .hover{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    color: #000;
    height: 100%;
    transition: all 1.5s;
    opacity: 0;
    background-color: white;
    padding: 15px;
}
.stadiums .wmgroup .hover{
    top:40px;
    left:65px;
    right:65px;
    z-index:100
}
.stadiums .wmgroup .hover .floatleft{
    width:65%;
    vertical-align:middle;
    line-height:32px;
    text-align:right
}
.stadiums .wmgroup .hover .floatleft.one{
    width:35%;
    text-align:left
}
.box .catbox:hover .hover,.stadiums .wmgroup:hover .hover{
    opacity: 0.9;
}
.box .catbox .title{
    font-size:16px;
    text-shadow:none;
    line-height:16px;
    font-weight:400;
    text-align:center;
    bottom:0;
    height:30px;
    position:absolute;
    right:0;
    left:0;
    color:#fff;
    z-index:100;
    line-height: 1.5;
}


.box .catbox .title{
    opacity:1;
}

.catboxes.wmqualitop .catbox.active {
    box-shadow: inset 0px 0px 5px 2px rgb(0 0 0 / 70%);
}

.c .wmgroups .wmgroup .title{
    border-top-left-radius:5px;
    border-top-right-radius:5px
}

.c .wmgroups .wmgroup .minipic{
    margin-right: 5px;
}
.stadiums .wmgroups .wmgroup .title,.stadiums .wmgroups .wmgroup .title2{
    border-radius:0
}
.stadiums .wmgroups .wmgroup .title2{
    border-bottom-left-radius:0;
    border-bottom-right-radius:0
}
h2 span{
    float:right;
    font-size:22px
}
.box .c,table.nachricht{
    font-size:16px;
    line-height:1.5;
    font-weight:300
}
.box.newscatsmall span{
    color:#34669D
}
table.nachricht p{
    margin:0
}
table.nachricht tr:nth-child(2n){
    background:#fff;
    border-top:1px solid gray
}
.readon,.readon:hover{
    color:#34669D;
    cursor:pointer
}
#newsaccordion h3{
    color:#111;
    border-bottom:1px solid #e2e2e2;
    margin-top:5px;
    margin-bottom:0;
    font-size:14px;
    cursor:pointer
}
#newsaccordion a,#newsaccordion p{
    font-size:14px;
    margin-top:0
}
#newsaccordion h3.last,#newsaccordion h3.ui-state-active{
    border-bottom:0
}
#newsaccordion{
    background-color:#f7f7f7;
    border:1px solid #e2e2e2;
    padding:0 5px 5px
}
#newsaccordion>div{
    border-bottom:1px solid #e2e2e2
}
#newsaccordion>div.last{
    border-bottom:0
}
#exitintent{
    background-color:#fff;
    border-radius:10px;
    display:none
}
#exitintent .overlayContent{
    z-index:100000;
    width:600px;
    height:400px;
    color:#fff;
    border:5px solid #fff;
    border-radius:5px;
    padding:10px;
}

#exitintent .overlayContent div.c{
    padding:10px
}
#exitintent .overlayContent div.c .image{
    float:left;
    margin-right:65px;
    width:150px;
    height:150px
}
#exitintent .overlayContent div.c .image a>div{
    width:150px;
    height:150px
}
#exitintent .overlayContent a{
    color:#fff;
    text-decoration:underline
}
#exitintent .overlayContent div.c .image.one{
    background-image:url(https://web.archive.org/web/20181214143150im_/https://em-2016.de/bilder/fb-icon.png)
}
#exitintent .overlayContent div.c .image.two{
    background-image:url(https://web.archive.org/web/20181214143150im_/https://em-2016.de/bilder/google-icon.png)
}
#exitintent .overlayContent div.c .image.three{
    background-image:url(https://web.archive.org/web/20181214143150im_/https://em-2016.de/bilder/twitter-icon.png);
    margin-right:0
}
#exitintent #closeExitIntentOverlay{
    float:right;
    padding-right:10px;
    padding-top:8px;
    cursor:pointer
}
#exitintent #overlay{
    z-index:1000
}
.writenews label{
    width:160px;
    display:inline-block
}
.newscomplete{
    border-bottom:1px dotted gray;
    font-size:14px;
    padding-bottom:10px;
    padding-top:5px
}
.emtagsetc .floatleft{
    height:28px
}
.emtagsetc .readon,.emtagsetc .readon:hover,.emtagsetc a,.emtagsetc a:hover{
    text-shadow:0 0 4px #000;
    cursor:pointer;
    color:#fff;
    margin-right:5px;
    padding:2px 5px
}
.newscomplete ul{
    margin-left:15px
}
.c .stadion2 .imageborder{
    width:40%;
    min-height:200px
}
.c .stadion2 .imageborder img{
    width:100%;
    height:auto
}
.stadion2 .shortdesc{
    width:60%;
    color:#000
}
.stadion2 .subtitle{
    font-size:12px;
    line-height:16px;
    padding:10px
}
.c .stadioncontainer .imageborder img{
    width:100%;
    height:auto;
    float:none
}
.c .stadioncontainer .imageborder{
    padding-right:15px;
    margin-top:0
}
.tab h2{
    margin:0;
    font-weight:300;
    font-size:16px!important;
    color:#fff
}
.tab.active h2{
    color:#000
}
.tabs .tab.active{
    cursor:default;
    margin-bottom:1px;
    height:42px
}
.tabs{
    overflow: scroll;
    white-space: nowrap;
    display: flex;
    padding-left:10px;
    position:relative;
    height: 42px;
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;
}

.tabs .tabbottom {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    border-bottom-style: solid;
    border-bottom-width: 1px;
}

.tabs::-webkit-scrollbar {
    display: none;
}

.tabs .tab{
    display:block;
    float:left;
    border-radius:5px 5px 0 0;
    margin-right:4px;
    cursor:pointer;
    max-width:45%;
    height:41px;
    line-height: 1;
}
.tab.active{
    background:#fff;
    color:#000;
    border-bottom:0 solid #fff
}
.tabcontent{
    display:none
}
.tabcontent.active{
    display:block
}
.tab{
    cursor:pointer;
    margin-right:5px;
    border-radius:5px 5px 0 0;
    padding:10px;
    color:#fff
}
.stadiums{
    padding:5px;
    margin-bottom:100px
}
.stadiums.stadiumsdetail{
    margin-bottom:0
}
.stadiums h2{
    padding-left:0;
    margin-top:30px;
    border-bottom:1px solid #999;
    line-height:30px
}
.stadiums .wmgroups{
    margin-left:-10px;
    margin-right:-10px
}
.stadiums .wmgroups .wmgroup{
    width:16.666666%;
    margin-right:0;
    padding:5px;
    box-shadow:none;
    position:relative;
    height:203px
}
.stadiums .wmgroups .wmgroup .title,.stadiums .wmgroups .wmgroup .title2{
    position:absolute;
    left:5px;
    right:5px;
    height:30px;
    opacity:.85;
    z-index:1000
}
.stadiums .wmgroups .wmgroup .title
{
    padding-left:10px;
    top:5px;
    font-size:16px;
    line-height:24px!important
}
.stadiums .wmgroups .wmgroup .title2{
    bottom:5px;
    line-height:30px!important;
    background-color:#fff;
    color:#000;
    text-align:center
}
.stadiums .wmgroups .wmgroup:hover .title,.stadiums .wmgroups .wmgroup:hover .title2{
    opacity:1
}
.stadiums .wmgroups .wmgroup img{
    width:100%
}
.stadiums .wmgroups .wmgroup .hover img{
    width:auto;
    height:auto!important
}
.stadiums .wmgroups .wmgroup>div{
    padding-left:0
}
.stadiums .wmgroups .wmgroup .imageborder{
    width:100%;
    float:none;
    padding-right:0
}
.wmgroup img{
    height:123px!important
}
.wmgroups .wmgroup{
    width:25%;
    min-height:0;
    padding:10px
}
.wmgroups .wmgroup.half{
    width:50%
}
.wmgroups .wmgroup>div.image{
    padding-left:0
}
.wmgroups .wmgroup .title{
    padding-top:3px;
    font-weight:300;
    height:40px;
    overflow:hidden;
    line-height:17px!important;
    font-size:18px;
    padding-left: 10px;
}
.c .wmgroups .wmgroup .imageborder{
    min-height:123px;
    width:100%!important;
    overflow:hidden
}
.c .stadiums .wmgroups .wmgroup .imageborder{
    min-height:126px;
    background-color:#ccc;
    max-height:201px
}
.c .wmgroups .wmgroup .imageborder img{
    height:123px!important;
    width:100%!important
}
.c .stadiums .wmgroups .wmgroup .imageborder img{
    height:auto!important
}
.c .stadiums .wmgroups .wmgroup:hover .imageborder img{
    opacity:.25
}
.stadiums.stadiumsdetail .wmgroups .wmgroup{
    width:200px;
    height:150px;
    margin-right:0;
    box-shadow:none;
    margin-bottom:0;
    padding-top:0
}
.stadiums.stadiumsdetail .wmgroups .wmgroup.stadion.active .title{
    opacity:1;
}
.stadiums.stadiumsdetail .wmgroups .wmgroup .title{
    top:2px;
    height:44px;
    overflow:hidden
}
.stadiums.stadiumsdetail .slider{
    height:150px;
    overflow:hidden;
    padding-left:30px;
    padding-right:30px;
    position:relative;
    margin-bottom:10px
}
.stadioncontainer{
    padding-top:0
}
.stadiums.stadiumsdetail .slider .next,.stadiums.stadiumsdetail .slider .prev{
    position:absolute;
    top:2px;
    color:#000;
    font-size:30px;
    height:128px;
    line-height:128px;
    cursor:pointer;
    width:35px;
    text-align:center;
    z-index:100000;
    background-color:#fff
}
.stadiums.stadiumsdetail .slider .next:hover,.stadiums.stadiumsdetail .slider .prev:hover{
    background-color:#ccc;
    color:#fff
}
.newsbottom{
    position:fixed;
    bottom:0;
    box-shadow:0 0 5px #CCC;
    left:0;
    background-color:#fff;
    z-index:10000;
    right:0;
    display:none
}
.newsbottom .inner{
    position:relative
}
.newsbottom .close{
    position:absolute;
    bottom:-28px;
    right:10px;
    height:20px;
    width:20px;
    cursor:pointer;
    background-color:#000;
    color:#fff;
    font-weight:600;
    text-align:center;
    line-height:17px;
    font-size:20px
}
.navi.inmove:hover{
    opacity:1
}
.newsbottom .smallnews{
    float:left;
    width:25%;
    padding:10px
}
.newsbottom .smallnews .floatleft.one{
    width:35%;
    float:left
}
.newsbottom a{
    color:#000;
    font-size:16px
}
.newsbottom .smallnews .floatleft.two{
    width:65%;
    float:left;
    padding-left:5px;
    margin-top:-3px;
    font-size:14px;
    color:#000;
    line-height:18px;
    padding-top:0
}
.stadiums.stadiumsdetail .wmgroups{
    margin-left:0;
    margin-right:0
}
.stadiums.stadiumsdetail .slider .prev{
    left:0
}
.stadiums.stadiumsdetail .slider .next{
    right:0
}
table.tands .info td{
    font-size:12px
}
table.tands.teilnehmer tr td{
    text-align:left;
    padding-left:5px
}
table.tands.teilnehmer tr td.second{
    text-align:left
}
table.tands.teilnehmer tr td.second img{
    width:50%
}
@media (min-width:1080px){
    .p .c .right{
        margin-right:350px
    }
    .p .c .left{
        position:absolute;
        right:0;
        width:340px
    }
}
@media (max-width:600px){
    .c .newsoverview .imageborder,.c .newsoverview .imageborder img,.newsoverview{
        width:100%
    }
    .c .imageborder.big,.c .imageborder.big img{
        width:100%;
        padding-right:0
    }
    .adsensemobil{
        display:block;
        position:fixed;
        bottom:0;
        left:0;
        width:100%;
        height:52px;
        text-align:center;
        background-color:#fff;
        z-index:100000
    }
}
@media (max-width:1090px){
    .teams .team{
        width:16.6%
    }
    .newsbottom .smallnews{
        display:none!important
    }
    .p .c .right{
        width:auto
    }
    .topoptions{
        display:none
    }
}
@media (max-width:767px){
    .navi .naviitem .subnavi ul li.overviewmobile {
        display: block;
    }

    .gamefilter {
        top: 40px;
    }

    .gamefilter .mid {
        margin-top: 5px;
    }

    .gamefilter .mid {
        margin-top: 5px;
    }
    .gamefilter .filter {
        flex-wrap: wrap;
    }

    .gamefilter .filter .option {
        width: 49%;
    }

    .navicategories.inmove {
        box-shadow: -10px -10px 25px 0 rgba(0,0,0,.3), 30px 45px 50px 0 rgba(0,0,0,.5);
    }

    .navicategories.inmove.filteractive {
        box-shadow: none;
    }

    .h .navi .l {
        display: inline-block;
    }

    .navi .close,.navicategories{
        text-align:center;
        cursor:pointer
    }
    .navi .naviitem,.navi .naviitem a{
        text-shadow:none;
        color:#fff
    }
    .datepublished{
        right:1px;
        top:-25px
    }
    .filter .option ul li .close{
        display:none
    }
    .filter .option ul li.active .close{
        display:block
    }
    .tabcontent.events .box.live.small .events .event>div.text,.wmqualitop{
        display:none
    }
    .filter .option.continent .close{
        right:-11px;
        top:-11px
    }
    .stadiums .wmgroups .wmgroup{
        height:auto!important;
        min-height:0!important
    }
    .c .stadiums .wmgroups .wmgroup .hover img{
        height:30px!important
    }
    .stadiums .wmgroup .hover .floatleft{
        font-size:18px!important;
        line-height:24px!important
    }
    .c .stadiums .wmgroups .wmgroup .imageborder{
        min-height:0!important
    }
    .stadiums .wmgroup .hover{
        left:15px!important;
        right:15px!important
    }
    .catboxes.wmqualitop .catbox{
        width:50%!important
    }
    .catboxes.wmqualitop .catbox .title
    {
        font-size:14px;
        line-height:26px;
    }
    .quickfacts{
        width:100%
    }
    .tabcontent.events .box.live.small .events .event>div{
        font-size:14px
    }
    .statistik .spiele .erg{
        font-size:14px;
        line-height:30px
    }
    .cmstext .one,.cmstext .two{
        width:100%!important;
        padding:0!important
    }
    .cmstext .two{
        padding-top:10px!important
    }
    div.anchorelement{
        height:30px;
        margin-bottom:5px
    }
    .h,.stadiums{
        margin-bottom:0
    }
    .wmqualitop.overview{
        display:block
    }

    .catboxes .catbox{
        width:50%!important
    }
    .p .c .right,.pager .floatleft{
        width:100%
    }
    body{
        margin:0
    }
    .navi{
        height:auto
    }
    .logo{
        margin-left:0;
        height:40px;
    }
    .h{
        padding-top:5px;
        padding-bottom:28px;
        background-color:#FFF;
        height:73px
    }
    .l{
        text-align:center
    }
    .c .imageborder,.c .imageborder img{
        min-height:auto;
        height:auto
    }
    .p .c .left{
        width:100%;
        position:relative
    }
    .navicategories{
        display:block;
        color:#fff;
        font-size:16px;
        padding-top:0;
        margin-top:0!important;
        height:#fff;
        background-color:#fff
    }

    .navicategories.inmove span.burger,
    .navicategories span.burger{
        top:7px;
        position:absolute;
        display:block;
        right:10px;
        color: black;
        font-size: 29px;
    }
    .navicategories.inmove span{
        position:fixed;
        top:9px
    }
    .navicategories span.filter{
        position: absolute;
        display: none;
        padding: 2px;
        width: 44px;
        height: 40px;
        right: 45px;
        top: 0px;
        font-size: 30px;
        padding-top: 5px;
    }
    .navi .close,.plus{
        display:block;
        top:0
    }
    .navicategories span.filter.active{
        color: white;
    }
    .navi,.navi .close{
        position:absolute;
        right:0
    }
    .navi{
        z-index:100;
        width:100%;
        margin-right:10px;
        left:0;
        top:40px
    }
    .plus{
        color:#fff;
        width:40px;
        font-size:20px;
        z-index:100002;
        line-height:25px
    }
    .navi .close{
        width:35px;
        height:35px;
        line-height:35px;
        color:#fff;
        font-size:15px;
        font-weight:700;
        vertical-align:middle
    }
    .navi .naviitem{
        float:none;
        border-bottom:1px solid #fff;
        position:relative
    }
    .navi .naviitem span{
        display:block;
        width:100%
    }
    .navi .naviitem .subnavi{
        position:relative;
        font-size:16px;
        opacity: 1;
    }
    .navi .naviitem .subnavi ul li{
        float:none;
        width:100%;
        border-bottom:1px solid #fff;
        padding-right:0;
        padding-left:0;
        border-right:0;
        padding-top: 4px;
        padding-bottom: 4px;
    }
    .navi .naviitem .subnavi ul li.clear{
        border:0
    }
    .navi .naviitem .subnavi ul li.last{
        border-bottom:0
    }
    .navi .naviitem .subnavi ul li a{
        color:#fff;
        font-size:15px;
        line-height:30px;
        text-align:left
    }
    .navi .naviitem .subnavi ul li a:hover{
        color:#fff
    }
    .navi .naviitem .subnavi ul{
        padding-left:0;
        margin-left:0
    }

    .gamefilter {
        height:auto
    }
    ul{
        margin-top:5px
    }

    .gamefilter.inmove {
        display: none;
    }

    .gamefilter.inmove.active{
        display: block;
    }

}
span.time{
    display:none
}
@media (max-width:1090px){
    .wmgroups .wmgroup .minipic{
        margin-top:10px
    }
    .news .pic .tt{
        font-size:18px;
        line-height:22px!important
    }
    .footerbig{
        margin-bottom:0;
        bottom:-381px
    }
    .c .stadion2 .imageborder{
        width:100%;
        margin-right:0;
        margin-left:0;
        padding-left:10px;
        padding-right:10px;
        padding-top:0;
        margin-top:0
    }
    .c .stadion2 .imageborder img{
        width:100%
    }
    .stadion2 .shortdesc{
        width:99%;
        padding:5px!important
    }
    #footerclick{
        display:none
    }
    .footerbig .inner .box{
        min-height:170px;
        border:0;
        width:47%
    }
    .footerbig .inner .box:nth-of-type(2n){
        border-right:0
    }
    .menu_mobile{
        position:absolute;
        display:block;
        width:50px;
        height:30px;
        text-align:center;
        color:#fff;
        vertical-align:middle;
        line-height:50px;
        right:5px;
        cursor:pointer;
        top:5px;
        border-radius:5px;
        padding:10px
    }
    .wmgroups{
        margin:0
    }
    .wmgroups .wmgroup{
        width:50%;
        margin-bottom:20px;
        box-shadow:none;
        border-radius:0;
        min-height:158px
    }
    .wmgroups .wmgroup.last:nth-child(even),.wmgroups .wmgroup:nth-child(even){
        margin-right:0
    }
    .box .title h1{
        font-size:16px;
        overflow:hidden;
        height:26px
    }

    .table.live .ROW,table.tands tr td,table.tands tr th{
        font-size:14px
    }
    table.tands td img{
        width:20px
    }
    table.tands.wmtrikot td img{
        width:60px
    }
    .menu_mobile .inner{
        height:6px;
        margin-bottom:5px;
        background-color:#fff
    }
    .c .imageborder img,.emstartcat .imageborder img{
        min-height:auto
    }
    .newscomplete h2,.newscomplete h2 a span{
        font-size:18px;
        line-height:22px
    }
}
@media (max-width:450px){
    table.tands td.openstadium,table.tands tr td,table.tands tr th{
        font-size:12px
    }


}
@media (max-width:400px){
    .c .imageborder,.c .imageborder img{
        width:120px;
        min-height:auto
    }
    #world-map-gdp,#world-map-gdp-gb,#world-map-hint, #world-map-hint .text{
        height:200px
    }
}

@media (max-width:374px){
    table.tands th.pic,
    col.flag,
    table.tands td.pic {
        display: none;
    }
}©
@media (max-width:575px){
    table.tands td>span{
        display:block;
        width:54px
    }
    .h .l .logo,col.time,table.tands tr td.time,table.tands tr th.time
    {
        display:none
    }

    col.team {
        width: 30%;
    }

    col.place {
        width: 15%;
    }

    col.datum {
        width: 15%;
    }

    .wmgroups .wmgroup {
        font-size: 12px;
        line-height: 24px;
    }

    #world-map-gdp,#world-map-gdp-gb,#world-map-hint,#world-map-hint .text{
        height:250px
    }
    .tabs .tab{
        width:100%;
        float:none;
        max-width:100%;
        border-radius:0;
        height:34px!important;
        padding-top: 10px;
    }
    .tabs .tab.active{
        margin-bottom:0;
        box-shadow: none;
        margin-left: 1px;
        width: calc(100% - 2px);
        padding-top: 10px;
    }
    .tabs{
        padding-left:0;
        height:auto!important
    }
    .c .imageborder,.c .imageborder img,.catboxes .catbox{
        width:100%!important
    }
    .filter .minipic,.teams .team .minipic,ul li .minipic{
        display:block
    }
}
@media (max-width:1659px){
    .newsoverview{
        height:auto
    }
    .c .newsoverview .imageborder{
        padding-right:0
    }
}
@media (min-width:1090px) and (max-width:1659px){
    .wmgroups.wmquali .wmgroup{
        width:50%
    }
}
@media (max-width:1090px){
    .navicategories.inmove{
        display:block;
        color:#fff;
        text-align:center;
        cursor:pointer;
        line-height:36px!important;
        position:fixed;
        width:100%;
        top:0;
        z-index:100000;
    }
    .navi.inmove .inner2 .mid{
        min-width:0;
        width:100%
    }

    .adsense468px,.adsense728px{
        display:none
    }
}

@media (min-width:768px) {
    .wmgroups .wmgroup > div{
        padding-top: 0px;
        padding-bottom: 8px;
        line-height: 32px;
    }
}


@media (min-width:768px) and (max-width:1089px){


    .adsenseright{
        display:none
    }
    .p .c .right{
        width:100%
    }
    .p .c .left{
        width:100%!important
    }
    .p .c .left>div{
        width:49%;
        float:left;
        margin-right:1%
    }
}
@media all and (min-width:768px){
    .c .imageborder img{
        width:100%
    }
    .c .imageborder{
        width:33%;
        padding-right:20px
    }

    .icon767, .overviewmobile {
        display: none;
    }
}
@media all and (max-width:767px){
     .fancybox{
        margin-left:0;
        margin-top:0;
        height:auto;
        width:auto;
        left:5px;
        top:5px;
        bottom:5px;
        right:5px
    }
    .fancybox .games{
        height:auto;
        max-height:100%
    }
    .fancybox .top{
        height:25%;
        overflow:auto
    }


    .fancybox .bottom{
        height:75%
    }

    .navi .naviitem .subnavi ul {
        margin-top: 0px;
        padding-left: 10px;
        padding-right: 10px;

    }

    .navi.mobileopen {
        text-align: center;
    }

    .navi.mobileopen .l .logo {
        display: inline-block;
        height: 40px;
        margin-top: 0;
    }

    .icon767, .overviewmobile {
        display: block;
    }
    .icon767 {
        position: absolute;
        right: 20px;
        top: 3px;
        font-size: 20px;
    }
    .icon767.icon-chevron-down:before
    {
        position: relative;
        top: 4px;
        right: -8px;
    }

    .navi .naviitem .subnavi ul li .image {
        position: relative;
        top: 2px;
    }

    .navi .naviitem .subnavi ul li .image.seventeen {
        top: 3px;
    }

    .title.head h1 {
        margin-top: 10px;
        line-height: 1.25;
        margin-bottom: 10px;
    }


    .subnaviopen .icon767.icon-chevron-down:before {
        content: "\f077";
        position: relative;
        top: 4px;
        right: -8px;
    }

    .quickfacts table td,.quickfacts table th,.tabs .tab{
        font-size:14px
    }
    .tabs,.tabs .tab{
        height:34px
    }
    .navi .naviitem,.navi .naviitem a{
        text-shadow:none;
        color:#000;

    }

    .navi .naviitem a{
        display: block;
        font-size: 20px;
        padding-top: 7px;
        padding-bottom: 0px;
    }

    .gamefilter {
        border-top:0
    }
    .box.live .minipic{
        display:block
    }
    body .video iframe{
        max-width:320px;
        max-height:210px
    }
    .stadion2 .title2{
        padding-top:10px!important;
        padding-bottom:10px!important
    }
    .wmgroups.wmquali .wmgroup{
        width:100%
    }
    .c .imageborder{
        padding-right:0;
        width:100%
    }

    .box.live.small,.navi,.stadion2{
        width:100%
    }
    .filter .option,
    .resetfilter {
        margin-bottom: 5px
    }
    .quickfacts table td{
        text-align:right
    }
    .tabs .tab{
        line-height: 1;
        border: 0px;
        padding-top: 11px;
        margin-top: 1px;
    }
    .tabs .tab.active{
        height:34px;
        padding-top: 10px;
    }
    .socials{
        display:none
    }

    .navi {
        position: fixed;
        background: #fff;
        z-index: 100001;
        margin-right: 10px;
        left: 0;
        right: 0;
        top: 0px;
        bottom: 0px;
        height: 100vh;
        overflow: overlay;
        display: none;
    }

    .navi.mobileopen {
        display: block;
    }

    .navi.mobileopen .inner {
        padding-top: 0px;
    }

    .pageselector
    {
        padding: 5px 10px;
        display: flex;
    }

    .pager .floatleft {
        display: flex;
        justify-content: space-between;
    }

    .pager .floatright {
        width :100%;
    }

    .navi.mobileopen .mobileclose {
        display: block;
        position: fixed;
        right: 10px;
        top: 4px;
        color: black;
        font-size: 30px;
        z-index: 100000;
        cursor: pointer;
    }

    .navi.mobileopen .inner2.blue {
        display: none;
    }

    .navi .inner{
        background-color:#fff;
        width:100%;
        padding-top: 10px;
        position: relative;
        top: 0px;
    }
    #form.activemenu{
        overflow:hidden;
        position:absolute;
        height:100%;
        margin:0
    }
    .navi .close{
        display:block;
        position:absolute;
        right:0;
        width:35px;
        height:35px;
        line-height:35px;
        top:0;
        color:#fff;
        font-size:15px;
        font-weight:700;
        text-align:center;
        cursor:pointer
    }
    .navi .naviitem{
        float:none;
        border-bottom: 1px solid #eee;
        position:relative;
        color: black;
    }

    .navi .naviitem span{
        display:block;
        width:100%;

    }
    .navi .naviitem .subnavi{
        display: none;
    }
    .navi .naviitem .subnavi ul li{
        float:none;
        width:100%;
        border-bottom:1px solid #eee;
        padding-right:0;
        padding-left:0;
        border-right:0;
        padding-top: 0px;
    }

    .navi .naviitem .subnavi ul li:last-child,
    .navi .naviitem .subnavi ul li.last{
        border-bottom:0
    }
    .navi .naviitem .subnavi ul li a{
        color: black;
        font-size:16px;
        line-height:30px;
        text-align:left;
        width: 100%;
        padding-top: 7px;
        padding-bottom: 5px;
    }

    .navi .naviitem .subnavi.active {
        display: block;
    }

    .navi .naviitem .subnavi ul li a:hover{
        color:#000
    }
    .navi .naviitem .subnavi ul{
        padding-left:0;
        margin-left:0
    }
    .cw{
        box-shadow:none
    }
    .p.activemenu{
        overflow:hidden;
        -moz-transform:translate(85%,0);
        -webkit-transform:translate(85%,0);
        -o-transform:translate(85%,0);
        -ms-transform:translate(85%,0);
        transform:translate(85%,0)
    }
    .navicategories{
        display:block;
        margin-top:87px;
        color:#fff;
        line-height:32px
    }
}


@media (max-width:1000px){
    col.datum{
        width:12%
    }
    col.group{
        width:8%
    }
    col.time{
        width:0
    }
    col.flag{
        width:5%
    }
    col.empty{
        width:0
    }
    col.team{
        width:17%
    }
    col.result{
        width:6%
    }
    col.pin {
        width: 6%;
    }
}

@media (max-width:480px){

    col.team{
        width:16%
    }
    col.result{
        width:7%
    }
    col.pin {
        width: 8%;
    }
}


@media (min-width:1080px) and (max-width:1659px){
    col.datum{
        width:13%
    }
    col.group{
        width:12%
    }
    col.flag,col.time{
        width:7%
    }
    col.empty{
        width:5%
    }
    col.team{
        width:15%
    }
    col.result{
        width:10%
    }
    col.pin {
        width: 5%;
    }

}


@media (min-width:1660px){
    col.datum{
        width:10%
    }
    col.place{
        width:12%
    }
    col.group{
        width:4%
    }
    col.time{
        width:6%
    }
    col.flag{
        width:4%
    }
    col.empty{
        width:1%
    }
    col.team{
        width:23%
    }
    col.result{
        width:9%
    }
    col.pin {
        width: 5%;
    }
}