
/*************************************************
*  This CSS file belongs to Table Reloaded!   *
*  DO NOT make any changes here, add them to the *
* "Custom CSS" textarea in the "Plugin Options"! *
*************************************************/

.tbl {
    overflow: auto;
}

.table-reloaded {
    border-collapse: separate;
    border-spacing: 1px;
    background-color: #CDCDCD;
    margin: 10px 0px 15px 0px;
    font-size: 8pt;
    width: 100%;
    text-align: left;
}
.table-reloaded th {
    background-color: #E6EEEE;
    border: 1px solid #FFFFFF;
    padding: 4px;
    color: #3D3D3D!important;
}
.table-reloaded td {
    color: #3D3D3D;
    padding: 4px;
    background-color: #FFFFFF;
    vertical-align: middle;
    line-height: 25px;
}
.table-reloaded .even td {
    background-color: #FFFFFF;
}
.table-reloaded .odd td {
    background-color: #F0F0F6;
}
.table-reloaded .row-hover tr:hover td {
    background-color: #D0D0D6!important;
}
.table-reloaded-table-description {
    clear: both;
    display: block;
}
.table-reloaded.v2 {
    font-size: 13px;
    text-align: center;
}
.table-reloaded.v2 td:last-child a {
    display: block;
    background: #ffae21;
    color: white;
    font-weight: 400;
    font-size: 15px;
    line-height: 1;
    padding: 10px;
    white-space: nowrap;
}

.table-reloaded.v2 td:last-child a:hover {
    background: #df9618;
    text-decoration: none;
}


/*********************************************************************************************

Theme Name: Magazinum
Theme URI: http://www.wpzoom.com/themes/magazinum/
Version: 4.0.1
Author: WPZOOM
Author URI: http://www.wpzoom.com
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html

The PHP code portions of this WPZOOM theme are subject to the GNU General Public
License, version 2. All images, cascading style sheets, and JavaScript elements are
released under the WPZOOM Proprietary Use License below.

**********************************************************************************************

WARNING! DO NOT EDIT THIS FILE!s.

To make it easy to update your theme, you should not edit the styles in this file. Instead use
the custom.css file to add your styles. You can copy a style from this file and paste it inli
custom.css and it will override the style in this file.p
npu
**********************************************************************************************


1.  Toolbox CSS  -----------------------  All Theme Files
2.  Global Styles  ---------------------  All Theme Files
3.  Header  ----------------------------  header.phpn
4.  Featured Slider  -------------------  wpzoom-slider.php
5.  Carousel  --------------------------  wpzoom-carousel.php
6.  Featured Articles ------------------  featured-posts.php
7.  Featured Categories on homepage ----  featured-categories.php
8.  Blog post --------------------------  loop.php
9.  Archives Page Template -------------  template-archives.php
10. Single Post ------------------------  single.php
11. Comments ---------------------------  comments.php
12. Sidebar & Widgets ------------------  sidebar.php
13. Footer  ----------------------------  footer.php

**********************************************************************************************/


/*********************************************************************************************

1. Toolbox CSS  -------------------------  All Theme Files


*********************************************************************************************/


/*! normalize.css v3.0.1 | MIT License | git.io/normalize */

@import url(https://www.liga3-online.de/API/dashicons/css/dashicons.css);

#content-editor-container * {
    font: 13px/1.45 verdana, sans-serif !important;
}

html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }
body { margin: 0 }
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block }
audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }
audio:not([controls]) { display: none; height: 0; }
[hidden], template { display: none }
a { background: transparent }
a:active, a:hover { outline: 0 }
abbr[title] { border-bottom: 1px dotted }
b, strong { font-weight: 600 }
dfn { font-style: italic }
h1 { font-size: 2em; margin: 0.67em 0; }
mark { background: #ff0; color: #000; }
small { font-size: 80% }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em }
sub { bottom: -0.25em }
img { border: 0 }
svg:not(:root) { overflow: hidden }
figure { margin: 1em 40px }
hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; }
pre { overflow: auto }
code, kbd, pre, samp { font-family: Arial; font-size: 1em; }
button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; }
button { overflow: visible }
button, select { text-transform: none }
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }
button[disabled], html input[disabled] { cursor: default }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
input { line-height: normal }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none }
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }
legend { border: 0; padding: 0; }
textarea { overflow: auto }
optgroup { font-weight: bold }
table { border-collapse: collapse; border-spacing: 0; }
td, th { padding: 0 }
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
*:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
input, button, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; }
figure { margin: 0; }
img { vertical-align: middle; }
hr { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #ccc; }
.sr-only, .screen-reader-text { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }
p { margin: 0 0 10px }
small { font-size: 85% }
mark { padding: 0.2em }
ul, ol { list-style-position: inside; margin-left: -388px; padding: 0; }
ul ul, ol ol, ul ol, ol ul { margin: 0 }
dl { margin-top: 0; margin-bottom: 20px; }
dt, dd { line-height: 1.42857 }
dt { font-weight: bold }
dd { margin-left: 0 }
blockquote:before, blockquote:after { content: "" }
address { margin-bottom: 20px; font-style: normal; line-height: 1.42857; }
code { padding: 2px 4px; font-size: 90%; color: #c7254e; background-color: #f9f2f4; border-radius: 4px; }
kbd { padding: 2px 4px; font-size: 90%; color: #fff; background-color: #333; border-radius: 2px; box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25); }
pre code { padding: 0; font-size: inherit; color: inherit; white-space: pre-wrap; background-color: transparent; border-radius: 0; }
.sticky, .bypostauthor { }

pre {

    display: block;
    padding: 12.5px;
    margin: 5px -4px 25px;
    font-size: 14px;
    line-height: 2.42857;
    word-break: break-all;
    word-wrap: break-word;
    color: #333;
    /* background-color: #f5f5f5; */
    /* border: 1px solid #ccc; */
    border-radius: 4px;

 }


/* Smart clearfix */
.clear, .cleaner { clear: both; height: 0; overflow: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

/* Headings */
h1,h2,h3,h4,h5,h6 { margin:0; padding:0; }
h1 { font-size: 26px; }
h2 { font-size: 22px; }
h3 { font-size: 20px; }
h4 { font-size: 16px; }
h5 { font-size: 14px; }
h6 { font-size: 12px; }

.floatleft, .more_left { float: left; }
.floatright { float: right; }


/* Navigation */
div.navigation {
    text-align: center;

}
div.navigation.v2 {
    background: #f1f1f1;
    padding: 5px 10px;
    margin-bottom: 10px;
    border-radius: 5px;
}

div.navigation p {
    margin: 0;
    font-weight: bold;
    text-align: center;
}


div.navigation a:hover {
    background-color: #333;
    color: #fff;
    text-decoration: none;
}

div.navigation a {
    font-weight: bold;
    color: #3B4045;
    padding: 6px 10px;
    line-height: 50px;
    margin-right: 10px;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    border-radius: 60px;
    border: none;
}

div.navigation span.current {
    padding: 6px 10px;
    background-color: #27292B;
    color: #fff;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    border: none;
    margin-right: 10px;
    font-weight: bold;
}

div.navigation a:hover {
    background-color: #27292B;
    color: #fff;
    text-decoration: none;
}

div.navigation span.pages {
    margin-right: 10px;
    display: none;
}

div.navigation .nextpostslink:hover {
    background: #27292B;
}

div.navigation .previouspostslink:hover {
    background: #27292B;
}

div.navigation .extend {
    border: none;
}

div.navigation .alignleft,
div.navigation .alignright {
    margin: 0;
}


/* Forms */
label {

display: block;
    margin-bottom: 25px;
    font-weight: 500;
    margin-top: -27px;
    margin-left: 25px;
}

input, textarea {
    padding: 8px 12px;
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    font-weight: 300;
    background: white;
    border: 1px solid #e2e2e2;
    width: auto;
    border-radius: 3px;
    color: #444;
}

input[type=text],
textarea {
    -webkit-appearance: none;
}

input:focus,
textarea:focus {
    border-color: #333;
    outline: 0;
}

button,
input[type=button],
input[type=reset],
input[type=submit] {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: bold;
    background-color: #000;
    border: none;
    color: white;
}

button:hover,
input[type=button]:hover,
input[type=reset]:hover,
input[type=submit]:hover {
    cursor: pointer;
    background: #222;
}


#footer button,
#footer input[type=button],
#footer input[type=reset],
#footer input[type=submit] {
    cursor: pointer;
    background: #333;
}

#footer button:hover,
#footer input[type=button]:hover,
#footer input[type=reset]:hover,
#footer input[type=submit]:hover {
    cursor: pointer;
    background: #444;
}


/* Meta for posts */

.entry-meta {
    margin-bottom: 12px;
    color: #919191;
}

.entry-meta span + span:before {
    content: " / ";
    color: rgba(0,0,0,0.2);
    margin: 0 3px;
}

.entry-meta a {
    color: #222;
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 3px;
}

.entry-meta a:hover {
        text-decoration: none;
        border-bottom: 1px solid #333;
}


span.betfair, a.betfair { background: url("logos/betfair.png") no-repeat 0 0; display: block; width: 76px; height: 13px; text-indent: -9999px; margin: 0 auto; }
span.unibet, a.unibet { background: url("logos/unibet.png") no-repeat 0 0; display: block; width: 93px; height: 15px; text-indent: -9999px; margin: 0 auto; }
span.betway, a.betway { background: url("logos/betway.png") no-repeat 0 0; display: block; width: 70px; height: 20px; text-indent: -9999px; margin: 0 auto; }
span.sport888, a.sport888 { background: url("logos/888-sport.png") no-repeat 0 0; display: block; width: 36px; height: 29px; text-indent: -9999px; margin: 0 auto; }
span.wh, a.wh { background: url("logos/william-hill.png") no-repeat 0 0; display: block; width: 100px; height: 21px; text-indent: -9999px; margin: 0 auto; }
span.betvictor, a.betvictor { background: url("logos/betvictor.png") no-repeat 0 0; display: block; width: 92px; height: 13px; text-indent: -9999px; margin: 0 auto; }
span.gonzos-quest, a.gonzos-quest { background: url("logos/gonzos-quest.png") no-repeat 0 0; display: block; width: 164px; height: 40px; text-indent: -9999px; margin: 0 auto; }
span.energoonz, a.energoonz { background: url("logos/energoonz.png") no-repeat 0 0; display: block; width: 164px; height: 40px; text-indent: -9999px; margin: 0 auto; }
span.wolf-gold, a.wolf-gold { background: url("logos/wolf-gold.png") no-repeat 0 0; display: block; width: 164px; height: 40px; text-indent: -9999px; margin: 0 auto; }
span.gem-rocks, a.gem-rocks { background: url("logos/gem-rocks.png") no-repeat 0 0; display: block; width: 164px; height: 40px; text-indent: -9999px; margin: 0 auto; }
span.immportal-romance, a.immportal-romance { background: url("logos/immportal-romance.png") no-repeat 0 0; display: block; width: 164px; height: 40px; text-indent: -9999px; margin: 0 auto; }
span.casumo, a.casumo { background: url("logos/casumo.png") no-repeat 0 0; display: block; width: 164px; height: 40px; text-indent: -9999px; margin: 0 auto; }
span.dream-vegas, a.dream-vegas { background: url("logos/dream-vegas.png") no-repeat 0 0; display: block; width: 164px; height: 40px; text-indent: -9999px; margin: 0 auto; }
span.dunder, a.dunder { background: url("logos/dunder.png") no-repeat 0 0; display: block; width: 164px; height: 40px; text-indent: -9999px; margin: 0 auto; }
span.leo-vegas, a.leo-vegas { background: url("logos/leo-vegas.png") no-repeat 0 0; display: block; width: 164px; height: 40px; text-indent: -9999px; margin: 0 auto; }
span.playzee, a.playzee { background: url("logos/playzee.png") no-repeat 0 0; display: block; width: 164px; height: 40px; text-indent: -9999px; margin: 0 auto; }

/*********************************************************************************************

1b. Werbung -------------------------

*********************************************************************************************/

#WerbungTop {
    margin: 0 auto;
        text-align: left;
        position: relative;
    width: 980px;

 }


#WerbungRight {
position: absolute;
left: 1490px;
top: 110px;
}


#content {
        padding:15px 0 15px 10px;
        float:left;
        width:690px;
        text-decoration: block;
        display: block;

        }


#skyscraperstart {

top: 110px;
left: 50%;
margin-left: 570px;
position: fixed;


}



#superbannerstart {
    position: absolute;

    height: 100px;
    left: 52%;
    margin-left: -205px;
    background: transparent;
    top: -100px;


}


#superbannerneu {
    position: absolute;

    height: 100px;
    left: 52%;
    margin-left: -205px;
    background: transparent;
    top: -100px;

}


#Livesky {

position: absolute;
top: 0px;
left: 50%;
margin-left: 570px;


}


#Livesuperbanner {
position: absolute;
width: 740px;
height: 100px;
left: 50%;
margin-left: -167px;
background: transparent;
top: -100px;



}





#contentad {
left: 190px;
position: relative;
float:center;
}

#contentadfull {
left: 330px;
position: relative;
}

#contentadtm {
left: 115px;
position: relative;
}

#links {
position: relative;
width: 500px;
height: 280px;
}

#rechts {
right:135px;
float:right;
position: relative;
}


#Rechteck {
position: relative;
width: 500px;
height: 280px;
}


#linksStart {

position: absolute;
border:3px;
}

#rechtsStart {
float:right;
position: relative;
}


#links {
left:25px;
float:left;
position: absolute;
border:3px;
}

#rechts {
right:10px;
float:right;
position: relative;
}

#full {
top:55px;
left:170px;
position: relative;
margin-bottom: 83px;

}



#Billboard2 {

    background: #fff;
    margin-top: 13px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 970px;
    height: 278px;

}


#footerAd {
text-align: center!important;
}


#16967 {
  position: relative;
  top: 10px;
  left: 10%;
  z-index: 4999;
}




#News {

color:#006699;
padding: 10px 10px 10px 0;
border-bottom:1px solid #006699;
margin:0 0 8px 10px;
font-size: 20px;

}




#Sticky {
    height: 51px;
    z-index: 1000;
    background: #fff;
    display: none;
    position: fixed;
    bottom: 0px;
    left: 50px;
    left: 0;
    right: 0;
    bottom: 0;
    width: 98%;
    overflow: hidden;

}



#StickyAd {

         display: none;
        margin: auto;
        width: 320px;
}


#plistaAd {

display: none;

}


#TelekomMobil-A  {display: none; }
#TelekomMobil-B  {display: none; }

#LiveSpieleTabelle {

display: none;
}


#LiveSpieleAppSchrift {


}

#LiveSpieleDesktop { display: block; }

#LiveSpieleMobile { display: none; }


#StartseiteUnten {


}


#StartseiteUntenWerbung {
display: none;

}


#StartseiteUntenWerbungPAGE {
display: none;

}


#fb-single {


}


#Artikelbild {


}


#TabelleMobile{
display: none;

}



#LigatusMobile {
display: none;
}



#ErgebnisseMobile {
display: none;
}




#Adventskalender {
transition: all 0.5s ease-in;
}

#Adventskalender:a {

}


#MS {
position: absolute;
  top: 1px;
  left: 42%;
  margin-left: 566px;
  z-index: 100;
}


#Rafati {
    position: absolute;
    top: 952px;
    left: -69%;
    margin-left: 566px;
    z-index: 100;
}





#Spiele {

padding-top: 27px;
    height: 146px;
 }


#WerbungApp {
display: none;
width: 300px;
 }


#Kontakt {


}


@media screen and (max-width: 767px) {

body { margin-top: 10px; }

}



.alignleft post_thumbnail post-image img {
margin-top: 0px ! important;
margin-bottom: 12px ! important;
}




#Facebook {

position: absolute;
left: 890px;
top: 37px;
background-image:url(http://www.liga3-online.de/Bilder/Icons/Facebook.png);
width:29px;
height:29px;

}

#Facebook:hover{
background-image:url(http://www.liga3-online.de/Bilder/Icons/H-Facebook.png);
cursor:pointer;

}


#Twitter {

position: absolute;
left: 934px;
top: 37px;
background-image:url(http://www.liga3-online.de/Bilder/Icons/Twitter.png);
width:29px;
height:29px;

}

#Twitter:hover{
background-image:url(http://www.liga3-online.de/Bilder/Icons/H-Twitter.png);
cursor:pointer;
}


#WhatsApp {

position: absolute;
left: 978px;
top: 37px;
background-image:url(http://www.liga3-online.de/Bilder/Icons/WhatsApp.png);
width:29px;
height:29px;

}

#WhatsApp:hover{
background-image:url(http://www.liga3-online.de/Bilder/Icons/H-WhatsApp.png);
cursor:pointer;
}

#Apple {

position: absolute;
left: 1022px;
top: 37px;
background-image:url(http://www.liga3-online.de/Bilder/Icons/Apple.png);
width:29px;
height:29px;

}

#Apple:hover{
background-image:url(http://www.liga3-online.de/Bilder/Icons/H-Apple.png);
cursor:pointer;
}

#Android {

position: absolute;
left: 1066px;
top: 37px;
background-image:url(http://www.liga3-online.de/Bilder/Icons/Android.png);
width:29px;
height:29px;

}

#Android:hover{
background-image:url(http://www.liga3-online.de/Bilder/Icons/H-Android.png);
cursor:pointer;
}

#TickerMobil {

display: none;

}



button.accordion {
    background-color: #eee;
    color: #444;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
    transition: 0.4s;
    margin: 3px;
}

button.accordion.active, button.accordion:hover {
background-color: #006699;
    color: #fff;
}

div.panel {
    padding: 0 18px;
    display: none;
    background-color: white;
}

div.panel.show {
    display: block !important;
margin-top: 15px;
    margin-bottom: 39px;
}


#Landespokal img {

width: 74px;
    padding-bottom: 33px;


}

.plista_widget_belowArticle .plistaHl {

border-bottom: 1px dotted #ddd;
border-top: 0px solid #5b5b5b;
font-size: 20px;


}



#logo img {
width: 480px;
height: 94px;

}


#Artikel img {
 width: 100% ! important;

}



#MobileButtons {
    display: none;

}


#WerbungMobile {
    display: none;

}


#WhatsAppArtikel  {display: block; padding-top: 30px; padding-bottom: 30px; border-top: 1px dotted #ddd;}

#tipico {display: block; padding-top: 45px;}


#background-click-layer
{
        display:none;
        position:absolute;
        left:0;
        top:0;
        width:100%;
        height:100%;
        z-index:0;
}

#sb-body {
    padding-left: 30px ! important;
}


#logomobile {display:none;}







#div-gpt-ad-billboard {
left: 0px ! important;

}

#container_ad {

display: none;

}


#LiveStreams  img {max-width: 105% ! important;}

#StreamsHeaderMobil { display: none; }

#TelekomMobil { display: none; }

#FullbannerArtikel { padding-bottom: 12px;  text-align: center!important; }

#WerbungMobileUnten { display: none; }

#WerbungMobileTop { display: none; }

#MaxiAd { display: block; text-align: center!important; margin-top: 35px; margin-bottom: 40px }


#wallpaper_child { top: 0px ! important; }


#SZMMobile { display: none ! important; }


#SPM-Sky {
    position: absolute;
    left: 1130px;
    top: 0px ! important;
    width:300px;

}

#SPM-Superbanner {
    margin-left: 392px;
    margin-bottom: 5px;
    margin-top: -297px;
        position: absolute;

}


#SPM-rectangle {


}


#SPM-Billboard {
        background: #fff;
    text-align: center!important;
     margin-top: 10px;
    width:100%;
}

div#SPM-Billboard > div {
    display: inline-block;
}





#Sportwetten {
margin-left: 147px;
margin-bottom: 6px;
margin-top: 7px; 
z-index: 101;

}
#SPM-Topmobile { }
#SPM-Topmobile2 { }
#SPM-footerad { }
#SPM-interstitial { }


.main-navigation li.bop-nav-search {
    float: right;
    margin: 0.5em 0;
}

form.bop-nav-search div #s {
    display: inline-block;
    max-width: 180px;
    padding: 0.2em 0.6em 0.4em;
}


#div-divrecUnd  {

margin-top: 30px;
margin-bottom: 30px;

}


img.center {
    display: block;
    margin-left: auto;
    margin-right: auto }

#center  {  text-align: center!important;}

#TransferTicker img  {  margin-right:7px ! important;     margin-top: 4px ! important;}

/*********************************************************************************************

2. Global Styles

*********************************************************************************************/

body {
    background: #F5F5F5 ! important;
    font-family: "Roboto", sans-serif;
    font-size: 15px;
    color: #211F1F;
    line-height: 1.6;
    margin: 0;
    margin-top: 30px ! important;

}


/* Links */
a {
    color: #24211f;
    text-decoration: none;
    outline: none;
}

a:hover {
    text-decoration: underline;
}

a:active {
    outline: none;
}

p {
    margin: 0 0 15px;
}

.inner-wrap {
    margin: 0 auto;
    text-align: left;
    width: 1120px;
    background: #fff;
-webkit-box-shadow: 0 0 4px 0px #a8a8a8;
-moz-box-shadow: 0 0 4px 0px #a8a8a8;
box-shadow: 0 0 4px 0px #a8a8a8;
position: relative;


}

#content {
    padding: 10px 0 15px;
    margin: 0 30px;
    float: left;
    width: auto;
  

}


#superbanner-telekom {
    position: absolute;
    width: 740px;
    height: 100px;
    left: 45%;
    margin-left: -201px;
    background: transparent;
    top: -100px;
}

/* Style the buttons that are used to open and close the accordion panel */
button.accordion {
    background-color: #eee;
    color: #444;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    text-align: left;
    border: none;
    outline: none;
    transition: 0.4s;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
button.accordion.active, button.accordion:hover {
    background-color: #ddd;
}

/* Style the accordion panel. Note: hidden by default */
div.panel {
    padding: 0 18px;
    background-color: white;
    display: none;
}




/*********************************************************************************************

3. Header  -------------------------  header.php

*********************************************************************************************/

#header {
    background: #fff;


}

.adv {
    float: right;
    margin: 0 10px 10px 0;
}


.header_social {
    float: right;
    text-align: right;
    margin: 0;
padding-top: 28px;
    padding-right: 6px;
}

.header_social .widget {
        margin-right: 0;
}

.header_social .widget h3.title {
    display: none;
}

.header_social  .zoom-social-icons-list .socicon { padding: 5px; }
.header_social  .socicon { font-size: 1em; }



#logo {
    float: left;
    margin: 10px 0 10px 20px;
}

#logo h1 {
    font: bold 60px 'Roboto', sans-serif;
    text-transform: uppercase;
    line-height: 70px;
}

#logo h1,
#logo h1 a {
    color: #efefef;
}

#logo h1 a {
    text-decoration: none;
}



/* Search Form */
.navbar-search {
    position: relative;
    float: right;
    margin: 87px -245px 0 15px;
}

.navbar-search .search-form input {
    padding: 0;
    font-size: 15px;
    color: #686868;

}

.navbar-search .search-form .search-field {
    padding: 5px 30px 5px 8px;
    border-radius: 0;
    width: 132px;
    margin-top: 27px;
}

.navbar-search .search-form .search-submit {
    position: absolute;
    top: 9px;
    right: 8px;
    width: 15px;
    height: 15px;
    padding: 8px;
    background: url('images/search-icon.png');
    text-indent: -9999px;
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
    .navbar-search .search-form .search-submit {
        background: url('images/search-icon@2x.png') no-repeat;
        background-size: 16px 16px;
    }
}


/* Menu */
.sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none; }
.sf-menu li { position: relative }
.sf-menu ul { position: absolute; display: none; top: 100%; left: 0; z-index: 99; }
.sf-menu > li { float: left }
.sf-menu li:hover > ul, .sf-menu li.sfHover > ul { display: block }
.sf-menu a { display: block; position: relative; }
.sf-menu ul ul { top: 0; left: 100%; }
.sf-arrows .sf-with-ul:after { content: "\f347"; display: inline-block; -webkit-font-smoothing: antialiased; font: normal 12px/16px 'dashicons'; vertical-align: top; margin: 5px 0px 0 4px; }
.sf-arrows ul .sf-with-ul:after { content: "\f345"; display: inline-block; -webkit-font-smoothing: antialiased; font: normal 12px/22px 'dashicons'; float: right; vertical-align: top; margin: 2px 0 0 4px; }
.sf-arrows ul li > .sf-with-ul:focus:after, .sf-arrows ul li:hover > .sf-with-ul:after, .sf-arrows ul .sfHover > .sf-with-ul:after { border-left-color: white }



.navbar-nav {
    position: relative;
    z-index: 100;
}

.navbar-nav > li {
    padding: 0;
}

.navbar-nav > li:first-child {
    padding-left: 0;
}

.navbar-nav > li:last-child {
    margin-right: 0
}

.navbar-nav a {
    padding: 10px 15px;
    -webkit-transition: 0.2s ease all;
    -o-transition: 0.2s ease all;
    transition: 0.2s ease all;
}

.navbar-nav a:hover {
    text-decoration: none;
    background: #2C2B2B;
}

.navbar-nav ul a {
    padding: 8px 15px;
}

.navbar-nav ul a:hover {
    background: #2C2B2B;
}

.navbar-nav ul ul {
    right: 100%;
    margin-top: 0px;
}


.navbar-nav .current-menu-item a,
.navbar-nav .current_page_item a,
.navbar-nav .current-menu-parent a,
.navbar-nav .current_page_parent a {
    background: #2C2B2B;
    color: #fff;

}

.navbar-nav .current_page_item ul a,
.navbar-nav .current-menu-parent ul a,
.navbar-nav .current_page_parent ul a {
    color: #fff;

}


/* Top menu */
.navbar-nav ul {
    width: 220px;
    margin-top: 0;
    background: #1a1a1a;
}

.top-navbar .sfHover a {
    background: #2C2B2B;
}

.top-navbar .navbar-nav ul {
    background: #2C2B2B;
}

.top-navbar .navbar-nav ul a:hover {
    background: #1a1a1a;
}

.top-navbar {
    padding: 0 10px;
    position: relative;
    z-index: 101;
      height: 0px;
}

.top-navbar .navbar-nav {
    float: left;
    width: 80%;
}

.top-navbar a {
    color: #fff;
    font-weight: bold;
}


/* Main Menu */
.main-navbar {
        margin: 0 0px;
        background:#006699;
}

.main-navbar .sf-arrows .sf-with-ul:after {
    margin: 6px 0px 0 4px;
}

.top-navbar:before,
.top-navbar:after,
.main-navbar:before,
.main-navbar:after {
    content: " ";
    display: table;
}

.top-navbar:after,
.main-navbar:after {
    clear: both
}

.main-navbar .navbar-nav {
    float: left;
}

.main-navbar .navbar-nav > li:last-child {
    padding-right: 0;
}

.main-navbar ul a {
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    position: relative;
}


.main-navbar ul ul a {

    font-size: 16px;

}




.main-navbar ul a:hover {
    background: #1a1a1a;
}

.main-navbar ul ul a:hover {
    background: #2C2B2B;
}

.main-navbar .sfHover a {
    background: #1a1a1a;
}

.main-navbar li:before {
    float: right;
    line-height: 48px;
    content: '|';
    color: rgba(255, 255, 255, .3);
    font-size: 12px;
    font-weight: normal;
}



/* Mobile Menu Icons */
.navbar-toggle {
    display: none;
    position: relative;
    float: left;
    margin: 15px 0 15px 5px;
}


.navbar-toggle .icon-bar {
    display: block;
    width: 38px;
    height: 3px;
        background: #fff;
}

.navbar-toggle:hover .icon-bar {
    background: #ccc;
}

.navbar-toggle .icon-bar + .icon-bar {
    margin-top: 6px
}

#menu-top-slide:not( .mm-menu ),
#menu-main-slide:not( .mm-menu ) {
   display: none;
}


/*********************************************************************************************

4. Featured Slider          -------------------------  wpzoom-slider.php

*********************************************************************************************/

img.Thumbnail.thumbnail.slider {

width: auto ! important;

}


#slider {
         background:#fff;
        position:relative;
        height: 520px;
        overflow: hidden;
        border-top:10px outset #ffffff;
}

#slider #slides {
    position: relative;
    background: #161616;
    width: 780px;
    height: 100%;
    float: left;
    overflow: hidden;
}

#slider .slides li {
    position: relative;
}

#slider #slides p {
    color: #fff;
}

#slider #slides h2 {
    line-height: 1.2;
    margin-bottom: 10px;
}

#slider #slides h2.video-title {
    padding: 7px 0 0;
}

#slider #slides h2.video-title a {
    font-size: 26px;
}

#slider #slides h2 a {
    font-size: 25px;
    color: #fff;
    font-weight: 700;
}

#slider #slides h2 a:hover {
    opacity: .7;
    text-decoration: none;
}

#slider #slides .video_content {
    padding: 10px 15px;
}

#slider #slides .duration {
    float: right;
    margin: 7px 0 0 10px;
    color: #ddd;
    font-size: 14px;
    background: #2D2E30;
    border-radius: 3px;
    padding: 4px 7px;
}

#slider .notice {
    color: #999;
    margin: 200px 0 0;
    padding: 0 60px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

#slider .notice a {
    color: #fff;
}

.slides_container {
    overflow: hidden;
    position: relative;
}

.slide {
    z-index: 10;
    display: none;
    position: absolute;
    top: 0;
    left: 0;
}

#slides .postcontent {

  overflow: hidden;
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 28px 2%;
  width: 100%;
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) -60%, rgba(0, 0, 0, 0.8) 124%);
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0) -60%, rgba(0, 0, 0, 0.8) 124%);
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) -60%, rgba(0, 0, 0, 0.8) 124%);
  background-repeat: repeat-x;







}

#slider .flex-direction-nav li a {
    position: absolute;
    width: 29px;
    height: 29px;
    display: block;
    cursor: pointer;
    font-size: 1px;
    z-index: 99;
    text-indent: -2000px;
    background: url("images/arrows.png") no-repeat 0 0;
    outline: none;
    border: none;
}

#slider .flex-direction-nav li a.flex-prev {
    position: absolute;
    top: 10px;
    right: 45px;
    background-position: 0 0;
}

#slider .flex-direction-nav li a.flex-prev:hover {
    background-position: 0 -30px;
}

#slider .flex-direction-nav li a.flex-next {
    position: absolute;
    top: 10px;
    right: 10px;
    background-position: -30px 0;
}

#slider .flex-direction-nav li a.flex-next:hover {
    background-position: -30px -30px;
}

.slides div a.more_link {
    display: none;
}

#slider_nav {
    position: relative;
    width: 310px;
    float: left;
}

#slider_nav h3 {
    color: #006699;
    padding: 10px 10px 10px 0;
    border-bottom: 1px dotted #303131;
    margin: 0 0 8px 20px;
}

#slider_nav .item {
    display: block;
}

#slider_nav .item a {
    font-size: 14px;
    display: block;
    color: #000;
    font-weight: bold;
    padding: 10px 20px 10px 0;
    margin-left: 20px;
    border-bottom: 1px dotted #303131;
    -moz-border-radius-topright: 2px;
    -moz-border-radius-bottomright: 2px;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
}

#slider_nav .item a:hover,
#slider_nav .item.current a {
    text-decoration: none;
    background: #006699;
    padding-left: 20px;
    margin-left: 0;
    color: #fff;
}

#slider_nav .item:hover {
    cursor: pointer;
}

#slider_nav .item:last-child {
    border-bottom: none;
}


.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none; height: 100%}

.flexslider {margin: 0; padding: 0;}

.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}

.no-js .slides > li:first-child {display: block;}

.flexslider {margin: 0 0 15px;   position: relative;   zoom: 1;}
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {zoom: 1;}


/* Nav Dots */
.flex-control-nav {
    text-align: center;
    height: 14px;
    margin: 15px 0;
}

.flex-control-nav li {
    display: inline-block;
    position: relative;
    width: 14px;
    height: 14px;
    margin: 0 5px 0 0;
}

.flex-control-nav li a {
    display: block;
    cursor: pointer;
    text-indent: -9999em;
    background: #414141;
    height: 9px;
    width: 9px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    margin: 4px 0 0 4px;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

.flex-control-nav li a.flex-active, .flex-control-nav li a:hover {
    background-color: #888;
}

.flex-control-nav li a.flex-active:after {
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}



#slider .entry-meta {
    text-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
    color: #ccc;
}

#slider .entry-meta a {
    color: #ccc;
    padding-bottom: 4px;
    border-bottom: 1px solid rgba(255,255,255,0.2);
}

#slider .entry-meta a:hover {
    color: #fff;
    border-bottom: 1px solid rgba(255,255,255,0.4);
    text-decoration: none;
}



/*********************************************************************************************

5. Carousel  -------------------------  wpzoom-carousel.php

*********************************************************************************************/

#carousel {
    background: #fff;
    overflow: hidden;
    padding: 15px 30px 35px;
    position: relative;
    border-bottom: 0px solid #E0E0E0;
}

#carousel h3 {
    color: #000;
    margin: 0 0 10px 5px;
}

#carousel #carousel-items a {
    color: #000;
    font-weight: bold;
    display: block;
    margin-bottom: 10px;
}

#carousel #carousel-items a {
    text-decoration: none;
}

#carousel .thumb img {
    margin-bottom: 4px;
}

#carousel-items {
    position: relative;
    margin: 0 0 20px;
}

#carousel-items .item {
    float: left;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 10px 10px 0;
}

#carousel .item {
    display: none;
}

.caroufredsel_wrapper .item {
    display: inline !important;
}

#carousel-items .item:hover {
    background: #fff;
}

#carousel a.prev,
#carousel a.next {
    background: url(images/arrows.png) no-repeat transparent;
    width: 27px;
    height: 27px;
    display: block;
    position: absolute;
    top: 15px;
}

#carousel a.prev {
    right: 55px;
    background-position: 0 -85px;
}

#carousel a.prev:hover {
    background-position: 0 -59px;
}

#carousel a.prev.disabled,
#carousel a.next.disabled {
    opacity: 0.4;
}

#carousel a.next {
    right: 20px;
    background-position: -29px -85px;
}

#carousel a.next:hover {
    background-position: -29px -59px;
}

#carousel a.prev.disabled,
#carousel a.next.disabled {
    cursor: default;
}

a.prev span,
a.next span {
    display: none;
}

/*********************************************************************************************

6. Featured Articles on Home page  -------------------------  index.php

*********************************************************************************************/

.featured_art {
  margin: 6px 0 10px;
  padding: 0 0 10px 6px;
  display: block;
}

.featured_art .post-thumb {
    margin: 0 0 20px;
}

.featured_art h2.entry-title {
    margin: 0 0 10px;
    line-height: 1.3;
    font-size: 28px;
}


/*********************************************************************************************

7. Featured Categories on Home page  -------------------------  wpzoom-home-categories.php

*********************************************************************************************/

.featured_cat {
    margin: 0 0 30px;
}

.featured_cat h3.category_title {
    border-bottom: 1px dotted #e7e7e7;
    border-top: 1px solid #7d7f7f;
    padding: 6px 0 7px;
    margin-bottom: 25px;
    color: #000;
}

h3.category_title span {
    background: url(images/arrow_h3.png) no-repeat;
    width: 9px;
    height: 9px;
    display: inline-block;
    margin: 0 0 0 2px;
    padding: 2px 0 0 0;
}

.featured_cat .article h2.entry-title {
    font-size: 23px;
    line-height: 1.4;
    margin: 0 0 8px;

}

.featured_cat .article .post-thumb img {
    max-width: 100%;
    height: auto;
    margin: 0 0 15px;
}

.featured_cat .article {
    width: 50%;
    float: left;
    border-right: 1px dotted #e7e7e7;
    padding-right: 3%;
    margin-right: 3%;
    font-weight: 500;
    line-height: 1.8;
}

.featured_cat ul.latest-entries {
    float: right;
    width: 47%;
}

.featured_cat ul li {
    padding: 0 0 15px;
    margin: 0 0 15px;
    border-bottom: 1px dotted #e7e7e7;
    list-style-type: none;
    display: block;
    clear: both;
}

.featured_cat ul li .post-thumb {
    float: left;
    margin: 0 15px 0 0;
}

.featured_cat ul li:last-child {
    border-bottom: none;
}

.featured_cat ul li a {
    font-weight: bold;
    font-size: 17px;
    line-height: 1.2;
}

/*********************************************************************************************

8. Blog posts styling (archives post)  -------------------------  loop.php

*********************************************************************************************/

.archiveposts {
    margin-bottom: 1px;
}

#AktuelleNews {
    margin-top: 0px;
}

.archiveposts h3.section_title {

    padding: 12px 0;
    margin: 0 0 40px 0;
    color: #fff;
    font-size: 1px;
}

.archiveposts .post-thumb {
    float: left;
    margin: 0 20px 7px 0;
     width: 343px !important
     hight: 225px !important
}

.post-content {
    overflow: hidden;
     font-weight: 500;
    line-height: 1.9;
}

.archiveposts .post {
    margin: 2 0 35px;
    padding: -1 0 35px;
}

.archiveposts .post h2.entry_title {
    font-size: 19px;
    margin: 0 0 10px;
    line-height: 1.2;
}

.archiveposts .post h2.entry_title a {
    color: #000;
}

.archiveposts .post h2.entry_title a:hover {
    text-decoration: underline;
}


/*********************************************************************************************

9. Archives Page Template  -------------------------  template-archives.php

*********************************************************************************************/

.archives .arch_tags {
        border:1px solid #E7E9EB;
        padding:15px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        float:left;
        width:95%;
}

.archives .arch_tags span {
        font-size:20px;
        color:#606060;
}

.archives .arch_tags ul {
        text-align:center;
        margin:8px 0;
}

.arch_cat {
        float:left;
        width:250px;
        margin:10px 10px 25px 25px;
}

.arch_cat span {
        font-size:17px;
        color:#606060;
        margin:5px 0 5px 5px;
        display:block;
        }

.arch_cat ul li {
        border-bottom:1px solid #E7E9EB;
        padding:6px;
        text-align:right;
        color:#00A0C6;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        list-style-type:none;
}

.arch_cat ul li a {
        font-weight:bold;
        text-align:left;
        float:left;
}

.arch_cat ul li:hover {
        background:#242425 url(images/bg_slide.png) repeat-x top;
        color:#fff;
}

.arch_cat ul li:hover a {
        color:#fff;
}

.arch_cat.dates {
        float:right;
        margin-right:20px;
}

.arch_cat .rounded {
        border-bottom:1px solid #ffffff;
        clear:both;
        display:block;
        padding:4px 9px 4px 5px;
        -webkit-border-bottom-right-radius: 5px;
        -webkit-border-bottom-left-radius: 5px;
        -moz-border-radius-bottomright: 5px;
        -moz-border-radius-bottomleft:5px;
        border-bottom-right-radius: 5px;
        border-bottom-left-radius: 5px;
}


.entry-meta  {

display: none;

}
/*********************************************************************************************

10. Single Posts Styling  ---------------------------------         single.php, page.php

*********************************************************************************************/

.post {
margin: 0px 0px 00px;
}

#content.full-width {
        width:96%;
        margin:0 0 0 2%;
        background:#fff;
}


#content.blanko {
    width: 120% ! important;
    margin-top: -133px;
    margin-left: 0px;
    background: #fff;

}



#content.full-width .post {
        width:100%;
}

.post .meta {
        padding:10px 0;
        margin: 0 0 10px;
         font-weight:normal;
         color:#555555;
          border-bottom:1px solid #d7d7d7;
}

.post .meta a {
        font-weight:bold;
}

.post .meta span {
     
}

.post .meta span a {
        font-weight:normal;
}

.post h1.title {
        line-height: 1.3;
        margin:6px 0 20px;

}

.post h1.title a {
        font-size:36px;
         color:#292929;
        font-weight: 700;
}

.post h1.title a:hover {
        text-decoration:underline;
}

.post .entry {
         overflow:hidden;
         line-height:1.9;
}

.entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6 {
         margin-bottom: 12px;
        line-height:1.3;
}

.entry a {
           color:#166E96;
           font-weight:bold;
}

.entry a img {
          text-decoration: none;
        border: 0 none;
}

.entry p { margin:0 0 15px; }


.entry ul {
        margin:0 0 20px;
        padding:0 0 0 30px;
}

.entry ul li {
        list-style-type:square;
}

.entry ol {
        margin:0 0 20px;
        padding:0 0 0 30px;
}

.entry ol li {
        list-style-type:decimal;
}

.entry blockquote {
         border-left:3px solid #CCCCCC;
        color:#777777;
         font-size:14px;
        line-height:1.8em;
        margin:10px 20px 10px 30px;
        padding-left:10px;
}

.post .entry h2 {
         float:none;
         width:auto;
}

.entry img { margin-bottom: 4px ! important; }

.entry img.alignnone,
.entry img.aligncenter,
.entry img.alignleft,
.entry img.alignright,
.entry img.attachment-fullsize {
    margin-bottom: 0px;
    height: auto;
max-width: 100%;
}

.post .author {
         margin:0 0 10px 0;
         display: block;
        color:#8B8A8A;
        font-style:italic;
}

.post .author a {
        font-weight:bold;
}

.post .after-meta {
        margin:10px 0 15px;
        padding:10px 0 7px;
        border-top:1px solid #E8E8E8;
        border-bottom:1px solid #E8E8E8;
}




}

/* Tags */
.post .tags_list {
         font-weight:bold;
}

.post .tags_list a {
        border:1px solid #e7e7e7;
        padding:2px 3px;
        color:#838383;
        -moz-border-radius: 3px;
        border-radius: 3px;
        margin-right:5px;
        font-weight:normal;
        line-height:2.5;
}

.post .tags_list a:hover {
        text-decoration:none;
        border-color:#838383;
}



/* Author Bio */
.post .post_author {
        background:#F7F7F7;
        border-top: 1px solid #E0E0E0;
          padding:20px 20px 15px 20px;
        margin:20px 0 35px;
         line-height:1.6em;
}

.post .post_author img {
        float:left;
        margin:0 15px 7px 0;
}

.post .post_author span {
        font-weight:bold;
        font-size:16px;
        display:block;
        margin-bottom:5px;
}

/* [gallery] shortcode */
.entry .gallery .gallery-item { max-width:150px; display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; margin: 10px; }
.entry .gallery { clear: both; margin: auto; text-align: center; }
.entry .gallery a:hover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";filter: alpha(opacity=90); opacity: 0.6; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out;}
.gallery img { width:150px; height:auto; }

/* Images alignment */
.aligncenter,div.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignleft { float:left; margin:5px 15px 5px 0; }
.alignright { float:right; margin:10px 0px 10px 15px; }



.caption {
background:#F5F5F5;
font-style:italic;
font-size:12px;
color:#999999;



}

.bildunter{
margin-top: 0px;

}

img.smiley { border: none; padding: 0; }


/* Read more button */
a.more-link { display: inline-block; margin:5px 0; color: #fff; font-weight: bold; padding:4px 20px; background:#000; border-radius: 50px;}
a.more-link:hover { background: #333; text-decoration:none; }



.post img{
width: 360px;
height: auto;
margin-bottom: 28px;
}


.Klein{
width: auto !important;
height: auto !important;
}

.post .comments img{
height: auto;

}

#Kommentare img{
    
    width: auto ! important;
    
}

.Artikelbild img{
width: 700; !important;
height: auto; !important;

margin-bottom: 11px !important;
margin-top: 0px !important;

max-width: 100%;


}

.entry img{
width: auto;
height: auto;

}


#noxwin {
 margin-top: 10px;
 margin-left: 108px;
 margin-bottom: 12px;

}


/*********************************************************************************************

11. Comments  -------------------------  comments.php

*********************************************************************************************/

#comments  h3 {
        font-size: 22px;
        font-weight: bold;
          border-top: 2px solid #5B5B5B;
        border-bottom: 1px solid #E8E8E8;
        padding: 15px 0;
        margin: 0 0 20px;
}

#respond > h3 {  margin: 40px 0 30px; }

.comment-notes { margin-bottom: 20px; font-style: italic; color: #999; }
.commentlist { list-style-type: none; padding: 0; }
.commentlist li { list-style-type: none }
.commentlist .children { margin: 30px 0 0 50px }
.commentlist .comment { margin-bottom: 44px; padding-bottom: 32px; position: relative; border-bottom: 1px solid #EEEEEE; }
.commentlist .children li:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0; margin-top: 30px; }
.comment .avatar { float: left !important; border-radius: 50% !important; margin-right: 28px !important; height: 0px; }
.comment-author { font-family: 'Roboto', sans-serif; }
.comment-author:before,
.comment-author:after { content: " "; display: table; }
.comment-author:after { clear: both }
.comment-author .fn,
.comment-author .fn a { font-style: normal; font-weight: bold; font-size: 18px;}
.comment-author .comment-meta { font-size: 14px; margin-top: 5px; }
.comment-author .comment-meta,
.comment-author .comment-meta a { color: #a2a2a2; }
.comment-author a.comment-reply-link,
.comment-author a.comment-edit-link { color: #555;  }
.comment-main { overflow: hidden; }
.comment-body {line-height: 1.8; margin-top: 8px; }
#respond { margin-bottom: 85px }
#respond .form_fields p { margin-bottom: 24px; width: 33.33%; float: left; padding-left: 20px; }
#respond .form_fields p:first-child { padding-left: 0; }
#respond input { width: 100% }
#respond textarea { width: 100%; height: 150px; }
#respond #submit { width: auto; padding-left: 25px; padding-right: 25px; margin-top: 12px; }
#respond code { white-space: pre-wrap }
.form-allowed-tags { display: none }


/*********************************************************************************************

12. Sidebar & Widgets -------------------------  sidebar.php

*********************************************************************************************/

#sidebar {
        float:right;
        width:300px;
        margin: 30px 30px 20px 0;
        overflow:hidden;
}

#sidebar .widget {
        margin-bottom: 40px;
}

#sidebar .widget h3.title {
        padding:0 0 15px;
        margin-bottom:15px;
        font-size: 20px;
        border-bottom:1px dotted #ddd;
        color:#1F1C1C;
        line-height:1.2;
}

.widget_search label { display: inline; }

.widget ul { clear: both; margin: 5px 0; line-height: 1.7; }
.widget ul li { list-style-type: none; }
.widget ul ul { margin: 0; padding: 0; border-top: none; }
.widget ul ul li { border: none; }
.widget a { font-weight: bold; }

.ads { text-align: center; margin:0 0 10px; }

/* Category Widget */
.widget_categories ul li { color: #8B8A8A; text-align: right; font-weight: normal; padding: 2px 0; clear: both; }
.widget_categories ul li li { padding-left:10px; }
.widget_categories ul li a { text-align: left; float: left; font-weight: bold; }

/* Video Widget */
.wpzoom_media .open .description { margin: 10px 0 5px; font-size: 12px; line-height: 16px; color:#858585; font-style: italic;}
.wpzoom_media .hide { display: none; }
.wpzoom_media li { border-bottom: 1px dotted #EFEFEF; list-style-type: none;  padding: 0 0 7px; margin:0 0 7px; line-height: 20px; }
.wpzoom_media li a  { font-weight: normal; }
.wpzoom_media li a.active { font-weight: bold; background: url('images/video.png') no-repeat; padding-left: 24px; }

/* Recent Comments */
.recent-comments-list .avatar {        margin-right: 12px;        float: left;}
.recent-comments-list li { padding: 0 0 7px; margin:0 0 7px; border-bottom: 1px solid #EFEFEF; line-height:1.4;  }
#footer .recent-comments-list li { border-bottom: 1px dotted #2e2e2e; }

/* Recent Posts  */
.widget .feature-posts-list br {display: none;}
.widget .feature-posts-list img {margin: 0 15px 5px 0; float: left;}
.widget .feature-posts-list small {        font-size: 14px; color: #A9A9A9; margin: 2px 0 4px; display: block; }
.widget .feature-posts-list .post-excerpt {        display: block;}
.widget .feature-posts-list li { border-bottom: 1px dotted #EFEFEF; padding: 0 0 10px; margin:0 0 10px; line-height:1.4; }
.widget .feature-posts-list li a { font-weight:bold;}
#footer .feature-posts-list li { border-bottom: 1px dotted #2e2e2e; }


/* Twitter widget */
.zoom-twitter-widget__item {  border-bottom: 1px dotted #EFEFEF; padding: 0 0 10px; margin: 0 0 0px; }
.zoom-twitter-widget__item a { font-weight: normal; }
.zoom-twitter-widget__item-timestamp { display: block; color: #727272; margin-top: 4px; font-style: normal; }
.zoom-twitter-widget__follow-me { margin: 0; padding: 5px 0; }
#footer .zoom-twitter-widget__item { border-bottom: 1px dotted #2e2e2e; }

/* Popular Posts Widget */
.popular-news .comments { font-style: italic;  color: #A9A9A9; display: block; margin: 2px 0 0;}
.popular-news li { border-bottom: 1px dotted #EFEFEF; padding: 0 0 7px; margin:0 0 7px;}
#footer .popular-news li { border-bottom: 1px dotted #2e2e2e; }

/* Tag cloud Widget */
.widget_tag_cloud div a { font-weight:normal; padding: 0 3px; }


/* calendar widget */
#calendar {width: 100%; }
#calendar caption { text-align: right; font-weight:bold;  font-size: 12px; margin-top: 10px; margin-bottom: 15px; }
#calendar thead { font-size: 10px; }
#calendar thead th { padding-bottom: 10px; }
#calendar tbody { color: #aaa; }
#calendar tbody td { background: #EFEEEE; text-align: center; padding:8px;}
#calendar tbody td:hover { background: #E8E8E8; }
#calendar tbody .pad { background: none; }
#calendar tfoot #next { font-size: 10px; text-transform: uppercase; text-align: right; }
#calendar tfoot #prev { font-size: 10px; text-transform: uppercase; padding-top: 10px; }


/* Tabbed Widget */
.tabberlive .tabbertabhide { display: none; }
.tabberlive h3 { display: none; }
ul.tabbernav li { float: left; margin: 0 7px 0 0; padding: 0; height: 28px; line-height: 28px; margin-bottom: -1px; overflow: hidden; position: relative; background: url(images/bg_sidetab.png) repeat-x; border: 1px solid transparent; list-style-type: none; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; }
ul.tabbernav { margin: 0 0 10px; padding: 1px 0; font: bold 12px; }
ul.tabbernav li { list-style: none; display: inline; }
ul.tabbernav li a { text-decoration: none; color: #fff; display: block; font-size: 13px; font-weight: bold; padding: 0 10px; outline: none; }
ul.tabbernav li.tabberactive { background: #fff;  border-bottom: 1px solid #fff; border-left: 1px solid #d7d7d7; border-right: 1px solid #d7d7d7; border-top: 1px solid #d7d7d7; }
ul.tabbernav li.tabberactive a { color: #000; }
ul.tabbernav { margin: 0; padding: 0;  list-style: none; height: 28px;  border-bottom: 1px solid #d7d7d7; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; }
html .tabbertab ul { margin: 0; }
.tabberlive .tabbertab { padding: 20px 0 0;  }
.tabbertab h2.widgettitle { display: none; }

[class^="slot-logo"] { display: inline-block; vertical-align: middle; background-size: contain; background-repeat: no-repeat; background-position: center center; font-size: 0; line-height: 0; text-indent: -4000px; }
.slots-review *, .slots-review *:before, .slots-review *:after { box-sizing: border-box; }

.slot-logo.gonzos-quest-alt { width: 83px; height: 49px; }
.lazyloaded.slot-logo.gonzos-quest-alt { background-image: url(/asset/slot-logos/gonzos-quest-alt.png); }

#instagame .slot-logo { margin-top: 20px; margin-bottom: 20px; }

/* slot review embed game*/
#instagame { position: relative; background: white url(/asset/instagame-bg.jpg) no-repeat center; background-size: cover; text-align: center; margin: 0 auto 18px; cursor: pointer; }
#instagame.cleaned { box-shadow: none; height: 0; padding: 0 0 75%; cursor: default; }
#instagame.cleaned:before { content: ""; display: block !important; width: 100px; height: 100px; position: absolute; top: 0; bottom: 0; right: 0; left: 0; margin: auto; background: url(/asset/loading.gif) no-repeat center; }
#instagame>iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; }
#instagame>.img { display: block; margin: 0 auto; max-width: 376px; width: 95%; }
#instagame>.img img { max-width: 100%; height: auto; }
#instagame>.txt { position: absolute; bottom: 22%; display: block; left: 0; right: 0; padding: 10px 0; font: normal 10px/12px raleway, sans-serif; color: #d0e8fe; background: rgba(0, 0, 0, 0.6) }
#instagame>.txt strong { display: block; font-weight: 800; font-size: 18px; line-height: 26px; color: white; transition: 0.2s linear }
#instagame:hover>.txt strong { text-shadow: 0 0 4px rgba(255, 255, 255, 0.7); color: #E2E8F5; }
#instagame>.txt strong:before,
#instagame>.txt strong:after { content: ""; display: block; width: 0%; height: 1px; margin: 0 auto; transition: 0.1s linear; background: #638FCE; }
#instagame>.txt strong>i { display: inline-block; width: 22px; vertical-align: top; line-height: 22px; margin: 0 3px; background: url(/asset/instagame-arrow.png) no-repeat center; background-size: contain; text-indent: -9999px; border-radius: 50%; transition: .2s linear; }
#instagame>.txt strong>i:hover { background-color: #FF6900; }
#instagame:hover>.txt strong>i { margin-left: 8px; margin-right: 8px; animation-name: ripple; animation-duration: 2s; animation-timing-function: ease-out; animation-delay: 0.5s; animation-direction: normal; animation-iteration-count: infinite; animation-fill-mode: none; animation-play-state: running; }
/* .gbgame #instagame { display: none; } */


.gbgame #instagame:before { content: ''; position: absolute; top: 0; right: 0; z-index: 10; width: 100%; height: 100%; background-color: rgba(5, 60, 91, .98); }
.gbgame #instagame:after { position: absolute; top: 50%; left: 50%; z-index: 30; content: 'Oops... This slot is not available to \00000a play due to the regulation of the UK \00000a Gambling Commission.\00000a \00000a Dont be upset! After a free \00000a registration you can still'; width: 94%; max-width: 490px; padding-bottom: 110px; font-size: 18px; line-height: 1.2; color: #fff; white-space: pre; word-wrap: break-word; -webkit-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); background: url(asset/restrictions-arrow-mobile.png) no-repeat right bottom; }
.gbgame #instagame>.img:after { content: 'Play here!'; position: absolute; top: 50%; left: 50%; z-index: 40; padding: 2px 20px; min-width: 200px; font-family: raleway, sans-serif; font-size: 25px; line-height: 1.64; font-weight: 600; color: #fff; border: 1px solid #ff6803; margin-top: 115px; border-radius: 18px; background: -webkit-gradient(linear, left bottom, left top, from(#f04800),to(#ff7b0f)); background: -o-linear-gradient(bottom, #f04800 0%,#ff7b0f 100%); background: linear-gradient(to top, #f04800 0%,#ff7b0f 100%); -webkit-box-shadow: 0px 1px 1px 1px #000; box-shadow: 0px 1px 1px 1px #000; -webkit-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); }
.gbgame #instagame[style*="margin"]:after { margin-top: 30px; padding-bottom: 125px; background-image: url(/asset/restrictions-arrow-down.png); background-position: 94% bottom; background-size: auto 118px; }
.gbgame #instagame[style*="margin"]>.img:after { content: none; }

.gbgame .side-top > .button > a:after { content: none !important; }

@media(min-width: 768px){
    .gbgame #instagame:after { background: url(/asset/restrictions-arrow.png) no-repeat 94% bottom; content: 'Oops... This slot is not available to play due to the regulation \00000a  of the UK Gambling Commission.\00000a \00000a Dont be upset! After a free registration you can still'; }
    .gbgame #instagame>.img:after { margin-top: 83px; }
    .gbgame #instagame[style*="margin"] { border: 20px solid #fff; -webkit-box-shadow: 0 0 0 1px #dcdcdc; box-shadow: 0 0 0 1px #dcdcdc; }
}

@media(min-width: 1024px){
    .gbgame #instagame>.img:after { min-width: 160px; }
}

@keyframes ripple {
    0% { box-shadow: 0 0 0 -5px #1F3745, 0 0 0 -1px rgba(255, 255, 255, 0.5) }
    15% { box-shadow: 0 0 5px -3px #1F3745, 0 0 5px 5px rgba(255, 255, 255, 0.5) }
    30% { box-shadow: 0 0 0 6px #1F3745, 0 0 0 5px rgba(255, 255, 255, 0.5) }
    31% { box-shadow: 0 0 0 #1F3745, 0 0 0 rgba(255, 255, 255, 0.5) }
    100% { box-shadow: 0 0 0 #1F3745, 0 0 0 rgba(255, 255, 255, 0.5) }
}
@-webkit-keyframes ripple {
    0% { box-shadow: 0 0 0 -5px #1F3745, 0 0 0 -1px rgba(255, 255, 255, 0.5) }
    15% { box-shadow: 0 0 5px -3px #1F3745, 0 0 5px 5px rgba(255, 255, 255, 0.5) }
    30% { box-shadow: 0 0 0 6px #1F3745, 0 0 0 5px rgba(255, 255, 255, 0.5) }
    31% { box-shadow: 0 0 0 #1F3745, 0 0 0 rgba(255, 255, 255, 0.5) }
    100% { box-shadow: 0 0 0 #1F3745, 0 0 0 rgba(255, 255, 255, 0.5) }
}

@media only screen and (min-width:480px) {
    #instagame>.txt { font-size: 11px; line-height: 13px }
    #instagame>.txt strong { font-size: 20px; line-height: 28px; }
    #instagame>.txt strong>i {/* width: 20px; *//* line-height: 22px; */ }
}

@media only screen and (min-width:600px) {
    #instagame { background-size: cover; border: 1px solid #dddddd; box-shadow: 0 0 0 15px white inset; padding: 15px 15px 10%; }
    #instagame>.txt { font-size: 12px; line-height: 14px; right: 15px; left: 15px; padding: 0 0 3%; background: none; bottom: 5%; }
    #instagame>.txt strong { margin-bottom: 3%; font-size: 21px; line-height: 40px; background: rgba(0, 0, 0, 0.6) url(/asset/glider.png) no-repeat -80% 20%; -moz-animation: glide 8s ease-out 2s infinite forwards; -webkit-animation: glide 8s ease-out 2s infinite forwards; animation: glide 8s ease-out 2s infinite forwards; }
    @keyframes glide {
        0% { background-position: -80% 20%; }
        25% { background-position: 180% 85%; }
        100% { background-position: 180% 85%; }
    }
    @-webkit-keyframes glide {
        0% { background-position: -80% 20%; }
        25% { background-position: 180% 85%; }
        100% { background-position: 180% 85%; }
    }
    @-moz-keyframes glide {
        0% { background-position: -80% 20%; }
        25% { background-position: 180% 85%; }
        100% { background-position: 180% 85%; }
    }
    #instagame>.txt strong:after { margin-top: 4px; }
    #instagame>.txt strong>i { width: 30px; vertical-align: middle; line-height: 30px; }
}

@media only screen and (min-width:768px) {
    #instagame { box-shadow: 0 0 0 20px white inset; padding: 20px 20px 10%; }
    #instagame>.txt { right: 20px; left: 20px; }
    #instagame>.txt strong { line-height: 56px; }
    #instagame>.txt strong>i { width: 50px; line-height: 50px; }
    #instagame:hover>.txt strong:before,
    #instagame:hover>.txt strong:after { width: 100%; }
}

@media only screen and (min-width:900px) {
    #instagame { margin-bottom: 18px !important; }
    #instagame.cleaned:before { display: none; }
}

@media only screen and (min-width:1024px) {
    #instagame { box-shadow: 0 0 0 26px white inset; padding: 26px 26px 11%; }
    #instagame>.txt { right: 26px; left: 26px; }
    #instagame>.txt strong { font-size: 25px; line-height: 72px; }
    #instagame>.txt strong>i { width: 60px; line-height: 60px; }
}

/*********************************************************************************************

13. Footer  -------------------------  footer.php

*********************************************************************************************/

#footer {
        background:#006699;
        color:#fff;
        padding: 30px;

}

#footerMenu {
font-size: 18px;

}

#footer div.column {
         float: left;
        width: 23%;
        margin-right: 2.6666%;
}

#footer div.last {
        margin-right: 0;
}

#footer .widget {
          margin:0 0 25px;
}

#footer .widget h3.title {
        color:#fff;
        font-size:17px;
        border-bottom:1px dotted #2e2e2e;
        padding:0 0 10px;
        margin-bottom:20px;
}

#footer .widget a {
        color:#fff;
}



#copyright span {
        float:right;
        text-align:right;
        width:40%;
}

#copyright a {
        color:#fff;
        font-weight:bold;
}



/*
    jQuery.mmenu CSS
*/
.mm-hidden { display: none !important }
.mm-wrapper { overflow-x: hidden; position: relative; }
.mm-menu, .mm-menu > .mm-panel { margin: 0; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 0; }
.mm-menu { background: inherit; display: block; overflow: hidden; padding: 0; }
.mm-panel { -webkit-transition: -webkit-transform 0.4s ease; -moz-transition: -moz-transform 0.4s ease; -ms-transition: -ms-transform 0.4s ease; -o-transition: -o-transform 0.4s ease; transition: transform 0.4s ease; -webkit-transform: translate3d(100%, 0, 0); -moz-transform: translate3d(100%, 0, 0); -ms-transform: translate3d(100%, 0, 0); -o-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); }
.mm-panel.mm-opened { -webkit-transform: translate3d(0%, 0, 0); -moz-transform: translate3d(0%, 0, 0); -ms-transform: translate3d(0%, 0, 0); -o-transform: translate3d(0%, 0, 0); transform: translate3d(0%, 0, 0); }
.mm-panel.mm-subopened { -webkit-transform: translate3d(-30%, 0, 0); -moz-transform: translate3d(-30%, 0, 0); -ms-transform: translate3d(-30%, 0, 0); -o-transform: translate3d(-30%, 0, 0); transform: translate3d(-30%, 0, 0); }
.mm-panel.mm-highest { z-index: 1 }
.mm-menu > .mm-panel { background: inherit; -webkit-overflow-scrolling: touch; overflow: scroll; overflow-x: hidden; overflow-y: auto; box-sizing: border-box; padding: 0 20px; }
.mm-menu > .mm-panel.mm-hasheader { padding-top: 40px }
.mm-menu > .mm-panel:before, .mm-menu > .mm-panel:after { content: ''; display: block; height: 20px; }
.mm-vertical .mm-panel { -webkit-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; -o-transform: none !important; transform: none !important; }
.mm-vertical .mm-listview .mm-panel, .mm-listview .mm-vertical .mm-panel { display: none; padding: 10px 0 10px 10px; }
.mm-vertical .mm-listview .mm-panel .mm-listview > li:last-child:after, .mm-listview .mm-vertical .mm-panel .mm-listview > li:last-child:after { border-color: transparent }
.mm-vertical li.mm-opened > .mm-panel, li.mm-vertical.mm-opened > .mm-panel { display: block }
.mm-vertical .mm-listview > li > .mm-next, .mm-listview > li.mm-vertical > .mm-next { height: 40px; bottom: auto; }
.mm-vertical .mm-listview > li > .mm-next:after, .mm-listview > li.mm-vertical > .mm-next:after { top: 16px; bottom: auto; }
.mm-vertical .mm-listview > li.mm-opened > .mm-next:after, .mm-listview > li.mm-vertical.mm-opened > .mm-next:after { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
.mm-header { border-bottom: 1px solid transparent; text-align: center; line-height: 20px; height: 40px; padding: 0 40px; margin: 0; position: absolute; top: 0; left: 0; right: 0; }
.mm-header > a { text-decoration: none; display: block; padding: 10px 0; }
.mm-header .mm-title { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.mm-header .mm-btn { box-sizing: border-box; width: 40px; height: 40px; position: absolute; top: 0; z-index: 1; }
.mm-header .mm-btn:first-child { padding-left: 20px; left: 0; }
.mm-header .mm-btn:last-child { padding-right: 20px; right: 0; }
.mm-listview, .mm-listview > li { list-style: none; display: block; padding: 0; margin: 0; }
.mm-listview { font: inherit; font-size: 14px; }
.mm-listview a, .mm-listview a:hover { text-decoration: none }
.mm-listview > li { position: relative }
.mm-listview > li > a, .mm-listview > li > span { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color: inherit; line-height: 20px; display: block; padding: 10px 10px 10px 0; margin: 0; }
.mm-listview > li:not(.mm-divider):after { content: ''; border-bottom-width: 1px; border-bottom-style: solid; display: block; position: absolute; left: 0; right: 0; bottom: 0; }
.mm-listview > li:not(.mm-divider):after { left: 20px }
.mm-listview .mm-next { background: rgba(3, 2, 1, 0); width: 50px; padding: 0; position: absolute; right: 0; top: 0; bottom: 0; z-index: 2; }
.mm-listview .mm-next:before { content: ''; border-left-width: 1px; border-left-style: solid; display: block; position: absolute; top: 0; bottom: 0; left: 0; }
.mm-listview .mm-next + a, .mm-listview .mm-next + span { margin-right: 50px }
.mm-listview .mm-next.mm-fullsubopen { width: 100% }
.mm-listview .mm-next.mm-fullsubopen:before { border-left: none }
.mm-listview .mm-next.mm-fullsubopen + a, .mm-listview .mm-next.mm-fullsubopen + span { padding-right: 50px; margin-right: 0; }
.mm-menu > .mm-panel > .mm-listview { margin-left: -20px; margin-right: -20px; }
.mm-menu > .mm-panel > .mm-listview.mm-first { margin-top: -20px }
.mm-menu > .mm-panel > .mm-listview.mm-last { padding-bottom: 20px }
.mm-prev:before, .mm-next:after { content: ''; border: 2px solid transparent; display: inline-block; width: 8px; height: 8px; margin: auto; position: absolute; top: 0; bottom: 0; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
.mm-prev:before { border-right: none; border-bottom: none; left: 20px; }
.mm-next:after { border-top: none; border-left: none; right: 20px; }
.mm-divider { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: 10px; text-transform: uppercase; text-indent: 20px; line-height: 25px; }
.mm-listview > li.mm-spacer { padding-top: 40px }
.mm-listview > li.mm-spacer > .mm-next { top: 40px }
.mm-listview > li.mm-spacer.mm-divider { padding-top: 25px }
.mm-menu { background: #f3f3f3; color: rgba(0, 0, 0, 0.7); }
.mm-menu .mm-header { border-color: rgba(0, 0, 0, 0.1) }
.mm-menu .mm-header > a { color: rgba(0, 0, 0, 0.3) }
.mm-menu .mm-header .mm-btn:before, .mm-menu .mm-header .mm-btn:after { border-color: rgba(0, 0, 0, 0.3) }
.mm-menu .mm-listview > li:after { border-color: rgba(0, 0, 0, 0.1) }
.mm-menu .mm-listview > li > a.mm-prev, .mm-menu .mm-listview > li > a.mm-next { color: rgba(0, 0, 0, 0.3) }
.mm-menu .mm-listview > li > a.mm-prev:before, .mm-menu .mm-listview > li > a.mm-next:after { border-color: rgba(0, 0, 0, 0.3) }
.mm-menu .mm-listview > li > a.mm-prev:after, .mm-menu .mm-listview > li > a.mm-next:before { border-color: rgba(0, 0, 0, 0.1) }
.mm-menu .mm-listview > li.mm-selected > a:not(.mm-next), .mm-menu .mm-listview > li.mm-selected > span { background: rgba(255, 255, 255, 0.5) }
.mm-menu.mm-vertical .mm-listview li.mm-opened > a.mm-next, .mm-menu.mm-vertical .mm-listview li.mm-opened > .mm-panel, .mm-menu .mm-listview li.mm-opened.mm-vertical > a.mm-next, .mm-menu .mm-listview li.mm-opened.mm-vertical > .mm-panel { background: rgba(0, 0, 0, 0.05) }
.mm-menu .mm-divider { background: rgba(0, 0, 0, 0.05) }
/*
    jQuery.mmenu offcanvas addon CSS
*/
.mm-page { box-sizing: border-box; position: relative; }
.mm-slideout { -webkit-transition: -webkit-transform 0.4s ease; -ms-transition: -ms-transform 0.4s ease; transition: transform 0.4s ease; }
html.mm-opened { overflow: hidden; position: relative; }
html.mm-opened body { overflow: hidden }
html.mm-opened .mm-page { min-height: 100vh }
html.mm-background .mm-page { background: inherit }
#mm-blocker { background: rgba(3, 2, 1, 0); display: none; width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 999999; }
html.mm-opened #mm-blocker, html.mm-blocking #mm-blocker { display: block }
.mm-menu.mm-offcanvas { display: none; position: fixed; }
.mm-menu.mm-current { display: block }
.mm-menu { width: 80%; min-width: 140px; max-width: 440px; }
html.mm-opening .mm-slideout { -webkit-transform: translate(80%, 0); -moz-transform: translate(80%, 0); -ms-transform: translate(80%, 0); -o-transform: translate(80%, 0); transform: translate(80%, 0); }
@media all and (max-width: 175px) {
    html.mm-opening .mm-slideout { -webkit-transform: translate(140px, 0); -moz-transform: translate(140px, 0); -ms-transform: translate(140px, 0); -o-transform: translate(140px, 0); transform: translate(140px, 0); }
}
@media all and (min-width: 550px) {
    html.mm-opening .mm-slideout { -webkit-transform: translate(440px, 0); -moz-transform: translate(440px, 0); -ms-transform: translate(440px, 0); -o-transform: translate(440px, 0); transform: translate(440px, 0); }
}
menu.mm-measureheight > .mm-panel { bottom: auto !important; height: auto !important; }

/*
    jQuery.mmenu dragOpen addon CSS
*/
html.mm-opened.mm-dragging .mm-menu, html.mm-opened.mm-dragging .mm-page, html.mm-opened.mm-dragging .mm-fixed-top, html.mm-opened.mm-dragging .mm-fixed-bottom, html.mm-opened.mm-dragging #mm-blocker { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; }

/*
    jQuery.mmenu borderstyle extension CSS
*/
.mm-menu.mm-border-none .mm-listview > li:after, .mm-listview.mm-border-none > li:after { content: none }
.mm-menu.mm-border-full .mm-listview > li:after, .mm-listview.mm-border-full > li:after { left: 0 !important }

/*
    jQuery.mmenu pageshadow extension CSS
*/
.mm-menu.mm-pageshadow:after { content: ""; display: block; width: 20px; height: 120%; position: absolute; left: 100%; top: -10%; z-index: 99; }
.mm-menu.mm-pageshadow.mm-right:after { left: auto; right: 100%; }
.mm-menu.mm-pageshadow.mm-next:after, .mm-menu.mm-pageshadow.mm-front:after { content: none; display: none; }
.mm-menu.mm-pageshadow:after { box-shadow: 0 0 10px rgba(0, 0, 0, 0.3) }


/*
    jQuery.mmenu themes extension CSS
*/
.mm-menu.mm-theme-dark { background: #333333; color: rgba(255, 255, 255, 0.8); }
.mm-menu.mm-theme-dark .mm-header { border-color: rgba(0, 0, 0, 0.15) }
.mm-menu.mm-theme-dark .mm-header > a { color: rgba(255, 255, 255, 0.4) }
.mm-menu.mm-theme-dark .mm-header .mm-btn:before, .mm-menu.mm-theme-dark .mm-header .mm-btn:after { border-color: rgba(255, 255, 255, 0.4) }
.mm-menu.mm-theme-dark .mm-listview > li:after { border-color: rgba(0, 0, 0, 0.15) }
.mm-menu.mm-theme-dark .mm-listview > li > a.mm-prev, .mm-menu.mm-theme-dark .mm-listview > li > a.mm-next { color: rgba(255, 255, 255, 0.4) }
.mm-menu.mm-theme-dark .mm-listview > li > a.mm-prev:before, .mm-menu.mm-theme-dark .mm-listview > li > a.mm-next:after { border-color: rgba(255, 255, 255, 0.4) }
.mm-menu.mm-theme-dark .mm-listview > li > a.mm-prev:after, .mm-menu.mm-theme-dark .mm-listview > li > a.mm-next:before { border-color: rgba(0, 0, 0, 0.15) }
.mm-menu.mm-theme-dark .mm-listview > li.mm-selected > a:not(.mm-next), .mm-menu.mm-theme-dark .mm-listview > li.mm-selected > span { background: rgba(0, 0, 0, 0.1) }
.mm-menu.mm-theme-dark.mm-vertical .mm-listview li.mm-opened > a.mm-next, .mm-menu.mm-theme-dark.mm-vertical .mm-listview li.mm-opened > .mm-panel, .mm-menu.mm-theme-dark .mm-listview li.mm-opened.mm-vertical > a.mm-next, .mm-menu.mm-theme-dark .mm-listview li.mm-opened.mm-vertical > .mm-panel { background: rgba(255, 255, 255, 0.05) }
.mm-menu.mm-theme-dark .mm-divider { background: rgba(255, 255, 255, 0.05) }
.mm-menu.mm-theme-dark .mm-buttonbar { border-color: rgba(255, 255, 255, 0.8); background: #333333; }
.mm-menu.mm-theme-dark .mm-buttonbar > * { border-color: rgba(255, 255, 255, 0.8) }
.mm-menu.mm-theme-dark .mm-buttonbar > input:checked + label { background: rgba(255, 255, 255, 0.8); color: #333333; }
.mm-menu.mm-theme-dark label.mm-check:before { border-color: rgba(255, 255, 255, 0.8) }
.mm-menu.mm-theme-dark em.mm-counter { color: rgba(255, 255, 255, 0.4) }
.mm-menu.mm-theme-dark .mm-footer { border-color: rgba(0, 0, 0, 0.15); color: rgba(255, 255, 255, 0.4); }
.mm-menu.mm-theme-dark .mm-fixeddivider span { background: rgba(255, 255, 255, 0.05) }
.mm-menu.mm-pageshadow.mm-theme-dark:after { box-shadow: 0 0 20px rgba(0, 0, 0, 0.5) }
.mm-menu.mm-theme-dark .mm-search input { background: rgba(255, 255, 255, 0.3); color: rgba(255, 255, 255, 0.8); }
.mm-menu.mm-theme-dark .mm-noresultsmsg { color: rgba(255, 255, 255, 0.4) }
.mm-menu.mm-theme-dark .mm-indexer a { color: rgba(255, 255, 255, 0.4) }
.mm-menu.mm-theme-dark label.mm-toggle { background: rgba(0, 0, 0, 0.15) }
.mm-menu.mm-theme-dark label.mm-toggle:before { background: #333333 }
.mm-menu.mm-theme-dark input.mm-toggle:checked ~ label.mm-toggle { background: #4bd963 }
.mm-menu.mm-theme-white { background: white; color: rgba(0, 0, 0, 0.6); }
.mm-menu.mm-theme-white .mm-header { border-color: rgba(0, 0, 0, 0.1) }
.mm-menu.mm-theme-white .mm-header > a { color: rgba(0, 0, 0, 0.3) }
.mm-menu.mm-theme-white .mm-header .mm-btn:before, .mm-menu.mm-theme-white .mm-header .mm-btn:after { border-color: rgba(0, 0, 0, 0.3) }
.mm-menu.mm-theme-white .mm-listview > li:after { border-color: rgba(0, 0, 0, 0.1) }
.mm-menu.mm-theme-white .mm-listview > li > a.mm-prev, .mm-menu.mm-theme-white .mm-listview > li > a.mm-next { color: rgba(0, 0, 0, 0.3) }
.mm-menu.mm-theme-white .mm-listview > li > a.mm-prev:before, .mm-menu.mm-theme-white .mm-listview > li > a.mm-next:after { border-color: rgba(0, 0, 0, 0.3) }
.mm-menu.mm-theme-white .mm-listview > li > a.mm-prev:after, .mm-menu.mm-theme-white .mm-listview > li > a.mm-next:before { border-color: rgba(0, 0, 0, 0.1) }
.mm-menu.mm-theme-white .mm-listview > li.mm-selected > a:not(.mm-next), .mm-menu.mm-theme-white .mm-listview > li.mm-selected > span { background: rgba(0, 0, 0, 0.05) }
.mm-menu.mm-theme-white.mm-vertical .mm-listview li.mm-opened > a.mm-next, .mm-menu.mm-theme-white.mm-vertical .mm-listview li.mm-opened > .mm-panel, .mm-menu.mm-theme-white .mm-listview li.mm-opened.mm-vertical > a.mm-next, .mm-menu.mm-theme-white .mm-listview li.mm-opened.mm-vertical > .mm-panel { background: rgba(0, 0, 0, 0.03) }
.mm-menu.mm-theme-white .mm-divider { background: rgba(0, 0, 0, 0.03) }
.mm-menu.mm-theme-white .mm-buttonbar { border-color: rgba(0, 0, 0, 0.6); background: white; }
.mm-menu.mm-theme-white .mm-buttonbar > * { border-color: rgba(0, 0, 0, 0.6) }
.mm-menu.mm-theme-white .mm-buttonbar > input:checked + label { background: rgba(0, 0, 0, 0.6); color: white; }
.mm-menu.mm-theme-white label.mm-check:before { border-color: rgba(0, 0, 0, 0.6) }
.mm-menu.mm-theme-white em.mm-counter { color: rgba(0, 0, 0, 0.3) }
.mm-menu.mm-theme-white .mm-footer { border-color: rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.3); }
.mm-menu.mm-theme-white .mm-fixeddivider span { background: rgba(0, 0, 0, 0.03) }
.mm-menu.mm-pageshadow.mm-theme-white:after { box-shadow: 0 0 10px rgba(0, 0, 0, 0.2) }
.mm-menu.mm-theme-white .mm-search input { background: rgba(0, 0, 0, 0.05); color: rgba(0, 0, 0, 0.6); }
.mm-menu.mm-theme-white .mm-noresultsmsg { color: rgba(0, 0, 0, 0.3) }
.mm-menu.mm-theme-white .mm-indexer a { color: rgba(0, 0, 0, 0.3) }
.mm-menu.mm-theme-white label.mm-toggle { background: rgba(0, 0, 0, 0.1) }
.mm-menu.mm-theme-white label.mm-toggle:before { background: white }
.mm-menu.mm-theme-white input.mm-toggle:checked ~ label.mm-toggle { background: #4bd963 }

/* Custom mmenu **/
.mm-listview { font-size: 16px }
.mm-menu > .mm-panel { padding: 20px 40px; }




@media screen and (max-width: 1150px) {

#skyscraperstart { display: none ! important; }
#eyeDiv { display: none; }
#div-gpt-ad-sky { display: none ! important; }

#LiveStreams  img {max-width: 100% ! important;}

}




@media screen and (max-width: 1130px) {

#NotMobile { display: none ! important; }
#social { display: none; }
#Adventskalender { display: none; }
#MS { display: none; }
#social { display: none; }
.navbar-search { display: none; }
#fb-single { display: none; }
#sidebar { display: none; }
#Rafati { display: none; }
#Kontakt { display: none; }
#billboard { display: none; }
#Billboard { display: none; }
#Billboard2 { display: none ! important; }
#StreamsHeaderMobil { display: none; }
#SportplatzMedia { display: none; }
        #Spiele { display: none; }
                #SPM-Sky { display: none; }
        #SPM-Superbanner { display: none; }
    #SPM-rectangle { display: none; }

#SPM-Billboard { display: none; }





#superbannerneu {
    position: absolute;
    width: 740px;
    height: 100px;
    right: -1.7%;
    margin-left: -167px;
    background: transparent;
    top: -100px;
}

#Stage { display: none; }

#content {
/*  width: 94% ! important;*/
  overflow: visible;
}

#ErgebnisseDesktop { display: none; }
#ErgebnisseMobile { display: block; }






#AktuelleNews {margin-top:-32px;}

}

.Artikelbild img {

    width: 1000px ! important;

}

@media screen and (max-width: 1080px) {




#bwin { display: none; }
#GoogleSticky { display: none; }
#Billboard { display: none; }
#StreamsHeaderMobil { display: none; }


}


@media screen and (max-width: 970px) {
div#lz_floating_button { display: none; }
}


@media screen and (max-width: 900px) {

#TabelleDesktop { display: none; }


#TabelleMobile { display: block;}

#TickerDesktop { display: none; }
#TickerMobil { display: block; }


#WerbungMobile { display: block; text-align: center!important; margin-top: 10px; margin-bottom: 10px;  }

#WerbungMobileUnten { display: block; text-align: center ! important; }


#WerbungMobileTop { display: block; text-align: center!important; margin-top: 15px; margin-bottom: 5px; }

#MaxiAd { display: none; }


#StreamsHeaderMobil { display: none; }
#StreamsHeader { display: none; }

#SZMMobile { display: block ! important; }


}

@media screen and (max-width: 767px) {

#superbannerneu { display: none; }
#superbanner-telekom { display: none; }
#intext { display: none; }
#eyeDiv { display: none ! important; }
#footer { margin: 0; line-height: 14px; }
#footerMenu { display: block; }
#LiveSpieleArtikel { display: none; }
.main-navbar { display: none; }
#logo { display: none; }
#logomobile { display: table; width: 317px; height: 79px; margin: 0 auto 20px; }
#content { margin-top: -20px ! important; }
#noxwin { display: none; }
#Countdown { display: none; }
#FullbannerArtikel { display: none; }
    .featured_cat .article h2.entry-title {font-size: 21px;}


#StreamsHeaderMobil { display: block; margin-top: -21px; padding-left:72px; margin-left:auto; margin-right:auto; width: 100px }



BODY, HTML {background-color: #fff ! important;}
body {background-color: #fff ! important;}


body { margin-top: 10px ! important; }

#Sticky { display: block; }
#StickyAd { display: block; }
#WerbungApp {display: block; margin: auto; padding-bottom: 20px; padding-top: 32px; }

.entry p {width: 100%; }
.archiveposts .post h2.entry_title {width: 99%; }


#AktuelleNews img {

max-width: 100%;


}


#slides .postcontent {

padding: 11px 3% ! important;
padding-bottom: 1px ! important;

}



#LiveSpiele li {

font-size: 14px;
display: block ! important;
    font-weight: bold;
    line-height: 33px;
    background: none;
    padding: 0px;
}


.inner-wrap {

-webkit-box-shadow: 0 0 0px 0px #a8a8a8;
-moz-box-shadow: 0 0 0px 0px #a8a8a8;
box-shadow: 0 0 0px 0px #a8a8a8;

}



#dynamic-to-top {

bottom: 60px ! important;
}



#pFADefaultButtons { display: none ! important; }
#flyWrap { display: none ! important; }


#MobileButtons {display: block; padding-bottom: 24px; padding-top: 24px; border-top: 1px dotted #ddd; border-bottom: 1px dotted #ddd;}


#WhatsAppArtikel { display: none;}
#tipico { display: none;}



}

@media screen and (max-width: 640px) {

.entry img.alignleft, .entry img.alignright { margin: 0 auto; float: unset; display: block; }
#Choreo img {height: auto ! important; width: auto ! important; }

#MobileButtons img {

width: 99%;
height: auto;
margin-bottom: 1px;

}


#logo img {margin-left: -10px; }



.entry p {width: 99%; }
.archiveposts .post h2.entry_title {width: 100%; }

.post h1.title a {
    font-size: 30px; 

}

div.navigation a { line-height: 12px; }

#TelekomMobil-A { display: block;     text-align: center!important; padding-top:12px; padding-bottom:10px;  margin-left: auto;  margin-right: auto;  width: 300px;     height: 120px; }
#TelekomMobil-B { display: block;     text-align: center!important; padding-top:4px; padding-bottom:25px;  margin-left: auto;  margin-right: auto;  width: 300px;     height: 75px; }

#liveblog-container img { width: auto ! important; height: auto ! important;}

#recent-posts .post-content {
margin-top: 20px;
    margin: 2px;
}

.post h1.title { text-align: center; }

}



@media screen and (max-width: 600px) {


#LiveSpieleDesktop { display: none ; }
#LiveSpieleMobile { display: block ; }

}

@media screen and (max-width: 520px) {


#logo {margin: -9px 0 18px 20px ! important;}



}


@media screen and (max-width: 430px) {




#recent-posts .post-content {

    margin-bottom: 20px;
}


#TabelleMobile {

display: block;
margin-left: -40px;
margin-top: -80px;

-webkit-transform: scale(0.9);
-moz-transform: scale(0.9);
-ms-transform: scale(0.9);
-o-transform: scale(0.9);
transform: scale(0.9);

}

#ErgebnisseMobile {

display: block;
margin-left: -40px;


}




}



@media screen and (max-width: 370px) {


#TabelleMobile {

display: block;
margin-left: -40px;
margin-top: -80px;

-webkit-transform: scale(0.8);
-moz-transform: scale(0.8);
-ms-transform: scale(0.8);
-o-transform: scale(0.8);
transform: scale(0.8);



}

}

@media screen and (max-width: 320px) {


#TabelleMobile {

display: block;
margin-left: -40px;
margin-top: -80px;

-webkit-transform: scale(0.75);
-moz-transform: scale(0.75);
-ms-transform: scale(0.75);
-o-transform: scale(0.75);
transform: scale(0.75);



}




}



/******************************************
* Media Queries (Responsive Design)
*******************************************/

/*
WARNING! DO NOT EDIT THIS FILE!

To make it easy to update your theme, you should not edit the styles in this file. Instead use
the custom.css file to add your styles. You can copy a style from this file and paste it in
custom.css and it will override the style in this file.

*/



/* Large Screens */
@media screen and (max-width: 1130px) {

    .inner-wrap { width: 96%; background: #fff;}

    #slider { height: auto; max-height: 520px; }
    #slider #slides { width: 65%; }
    #slider_nav  {width: 35%; }
    #slider_nav h3 { display: none; }
    #slider #slides  h2 a { font-size: 22px; }
    #slider #slides img { max-width: 100%; height: auto; }

    .featured_art img { max-width: 100%; height: auto; }

    #carousel { padding:15px 3% 0; }
    #carousel-items { width: 100%; }
    #carousel-items img { max-width: 100%; height: auto; }


    #sidebar { width: 30%; margin-right: 3%; }

    .fb_iframe_widget { width: 100%!important }
    .fb_iframe_widget span { width: 100%!important; }
    .fb_iframe_widget span iframe { width: 100%!important; }
    .widget img,
    .adv_side img { max-width: 100%; height: auto; }

    #footer { padding: 3%; }

}


@media (min-width: 1081px) {

    #menu-top-slide { display: none !important; }
    #menu-main-slide { display: none !important; }

}


@media screen and (max-width: 1080px) {

    /* Menu */
    header .menu-top-container { text-indent: -9999px; height: 0; }
    header .menu-main-container { text-indent: -9999px; height: 0; }
    .menu-top-container.mm-menu { text-indent: 0; height: 100%; }
    .menu-main-container.mm-menu { text-indent: 0; height: 100%; }

    #navbar-top,
    #navbar-main { display: none; }
    .navbar-toggle { display: block }

}



/* Tablets */
@media screen and (max-width: 768px) {


    #logo h1 { font-size: 36px; }

    #content { width: 94%; margin: 0 3%; }
    #sidebar { width: 94%; margin: 0 3%; }
    .adv { display: none; }

    #slider #slides { width: 100%; }
    #slider_nav  { display: none; }

    #logo img { max-width: 100%; height: auto; }

    #footer div.column { width: 48%; margin-right: 1%; float: none; vertical-align: top; display: inline-block; }

    #respond input { width: 100% }
    #respond .form_fields p { margin-bottom: 24px; width: 100%; float: none; padding-left: 0; }
    .form-allowed-tags { display: none }


}

/* All Mobile Sizes (devices and browser) */
@media screen and (max-width: 640px) {

    .navbar-search { display: none; }

    .featured_cat .article { width: 100%; float: none; margin: 0 0 20px; }
    .featured_cat ul.latest-entries { width: 100%; }

    #recent-posts .post-content { width:100%; float:left; overflow: visible; }

    .archiveposts .post-thumb { margin-bottom: 20px; }

    #footer div.column { width: 100%; margin-right:0; float:none; vertical-align: top; display: inline-block;}

    #slider #slidemain .cover, #slider #slidemain .video_cover { margin: 0; text-align: center; }

    #copyright span { float:none; display: block; width: 100%; text-align: left; }

}