/*
Theme Name: fussballwetten.com Version 0.4
Theme URI: fussballwetten.com
Description: Theme for fussballwetten.com
Version: 0.4
Author: Jere Tiihonen
Author URI: http://www.wis-ltd.net
 */

html, body {
    height: 100%;
}

body {
    font-family: Open Sans, Helvetica, Arial, sans-serif;
    font-weight: 500;
    font-size: 15px;
    color: #565656;
    padding: 0 !important;
    margin: 0 !important;
    background-color: #fff !important;
    line-height: 1.5em;
    background-repeat: no-repeat;
    background-size: cover;
}
header{
    background: #119822;
}
header .container{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0;
}
.bg-startseite {
    background-image: url("img/bg-img.jpg");
    background-repeat: no-repeat;
    background-position: left top;
    background-attachment: scroll;
    background-size: 100%;
}
a, a:link, a:visited, a:active {
    color: #2a292e;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

.clear {
    clear: both;
    width: 100%;
}

h1 {
    font-size: 28px;
    font-weight: 700;
    font-family: 'Poppins', sans-serif;
    padding: 0 0 0 20px;
    border-left: 10px solid #FFD000;
    margin: 35px -15px 15px -15px;
    width: 100%;
    line-height: 40px;
    color: #065244;
}

h1.startseite {
    font-size: 16px;
    color: #fff;
    border: none;
    font-weight: 100;
    width: 60%;
    margin: 35px auto 10px auto;
    line-height: 22px;
    border-bottom: 1px solid #a08f16;
    padding: 0 0 10px 0;
}
h1.startseite span{
    display: block;
    font-size: 12px;
}
ul.trust-icons{
    display: table;
    width: 60%;
    text-align: center;
    margin: 10px auto 30px auto;
    padding: 0;
}
ul.trust-icons li{
    display: table-cell;
    list-style-type: none;
    padding: 0;
    margin: 0;
    font-size: 10px;
    line-height: 15px;
}
ul.trust-icons li:before{
    content: '';
    width: 27px;
    height: 25px;
    margin: 10px auto;
    display: block;
}
ul.trust-icons li:nth-child(1):before{
    background: transparent no-repeat center url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAZCAMAAAD3wqVsAAAAkFBMVEUAAADk6evk6evk6evk6evk6evk6evk6evk6evk6evk6evk6evk6evk6evk6evk6evk6evk6evk6evk6evk6evk6evk6evk6evk6evk6evk6evk6evk6evk6evk6evk6evk6evk6evk6evk6evk6evk6evk6evk6evk6evk6evk6evk6evk6evk6evk6evk6esob9BkAAAAL3RSTlMA8YEI3T/1DM9SMC4oqXJc/BME+NjCjH1fNzHj1MmspWRKG7myn5Z2V0Lr6ZhnZm5Ovv8AAAEiSURBVCjPbZLXsoMwDERlcBwIHdJ7z+3n///ugokDmWQfPGgOYoVXctdwvtU5uU6yoTzL9xROaub30VIDwfQv+50GwDjq0KeBratHZ1CDR5fBhNLpw6Diu5fGLKSvhWHdenpgu/qdcLPDK7bSKa2CQuTMV9M4BzdGcSjEQFqP0H4rIXC/v0L7gFc/r7nUp2Zan2X6Ew+AyLJroDDBRHL2NcsgaNjIshSAnUDYDqs6Jhdg40vF/pWVE1ZH6/fKpDgt7ZybF+aUQSxyg+8FEFeQPthQkYgcdZ7WJqfSs0bXexIzODRX3rg075YiIezbHMao6DkH5XKQSKEOPRTWdfzIXcHOVXHS5u40GgMTLwvn3uZpX6zn7P2euf1MdE6ld739/Af72CesOki76wAAAABJRU5ErkJggg==');
}
ul.trust-icons li:nth-child(2):before{
    background: transparent no-repeat center url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAZCAMAAAD3wqVsAAAAk1BMVEUAAADk6evk6evk6evk6evk6evk6evk6evk6evk6evk6evk6evk6evk6evk6evk6evk6evk6evk6evk6evk6evk6evk6evk6evk6evk6evk6evk6evk6evk6evk6evk6evk6evk6evk6evk6evk6evk6evk6evk6evk6evk6evk6evk6evk6evk6evk6evk6evk6ev6JQg5AAAAMHRSTlMA8PSwgFIG6qdb+dPAE4t6djgxJx/ez8q0qnBELCQP4tbFuKSgnJdybEcownFkYEMTW8oCAAAA9UlEQVQoz4WP2XbCMAxE5TgOCdlXQgKFQqFAN/3/1zVIMuCn3Bed0dhzRjCH6VCdUhHpSWFnrBXhnTggEcSkImC1QGIgNbBY8MsKGU1Ki9o43mep29V3KSnVa+bR8O8/m0n8coh8MAl3EUyM6lwi8/HjYWzsQblO3pNwFC+MJqVzOveqkNgupVJIQ10Bag+ZIqPR2oVXQ4iC1/jT9tCsUQhBIdPfomy96s9FPUi4Atuu3KHgj2KK124UPih8x7sc8cmSK1vvRuUs0Rd7MY0GX8mp/B4gNVM/1/OzTucVCG+uZ9fzntPlAg7B6Pf7+427Q7GFef4BK6ZIhEHNeAoAAAAASUVORK5CYII=');
}
ul.trust-icons li:nth-child(3):before{
    background: transparent no-repeat center url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAZCAMAAAD3wqVsAAAAZlBMVEUAAADk6evk6evk6evk6evk6evk6evk6evk6evk6evk6evk6evk6evk6evk6evk6evk6evk6evk6evk6evk6evk6evk6evk6evk6evk6evk6evk6evk6evk6evk6evk6evk6evk6evYnmEXAAAAIXRSTlMAYPCQ0KFQ+h/s4C1wpYBINuTaxntZQDwUBvLJuopxaSlt/IEIAAAAk0lEQVQoz5XPSQ7DIAxAUWcAE9oEkmbs7PtfsljdGAmk8LZfYBvOUHeTSz11ez5dYFbSDAAOP/90IEkY2ob04ATgteQh0MgpQz85lXJXln6JxG7JRvUwNNSmmwUwoTmkyCTa2tWRVvxZustasS+U6lv2TjZiuftGY7bQjqWKeHHfQjEUbX81kYobWjtm5k3EVKL8AP5PELcRefz1AAAAAElFTkSuQmCC');
}
h2 {
    font-size: 1.7em;
    width: 100%;
    text-align: center;
    padding: 20px 0 15px 0;
}

.iframe-shortcode {
    width: 90%;
    margin-left: 5%;
}

.iframe-shortcode-startseite {
    width: 447px;
    max-width: 100%;
    display: inline;
}

.iframe-shortcode-frame {
    padding: 0;
    display: none;
}

.iframe-startseite-wrapper {
    text-align: center;
}

.video-overlay {
    cursor: pointer;
    padding: 30px 0 10px 0;
}

dt, dd {
    line-height: 1.5;
}

img {
    max-width: 100%;
}

p:empty {
    display: none;
}

/*+++ ALLGEMEIN +++++*/

img.alignleft {
    float: left;
    margin-right: 2%;
    margin-bottom: 2%;
}

img.alignright {
    float: right;
    margin-left: 2%;
    margin-bottom: 2%;
}

.wp-caption {
    max-width: 100% !important;
    width: auto !important;
}

.wrapper-white {
    margin: 0 auto;
    background-color: #fff;
}

.only-mobile {
    display: none;
}

.bg-green {
    background-color: #008451;
    color: #fff;
}

.bg-ccc {
    background-color: #f9f9f9;
}

.bg-black {
    background-color: #2a292e;
    color: #fff;
}

.bg-white {
    background-color: #fff;
}

.bg-yellow {
    background-color: #fbb602;
}

.bg-orange {
    background-color: #fbb602;
}

.bg-gray {
    background-color: #e0e0e0;
}

.text-white {
    color: #fff;
}

.text-green {
    color: #08794d;
}

.text-red {
    color: #b92e2d;
}

.text-yellow {
    color: #f2b006;
}

.text-gray {
    color: #e0e0e0;
}

.no-margin-left {
    margin-left: -15px;
}

.padding-20-0 {
    padding-top: 20px;
    padding-bottom: 20px;
}

.padding-15 {
    padding: 15px;
}

.padding-15-0 {
    padding-top: 15px;
    padding-bottom: 15px;
}

.padding-15-0-0-0 {
    padding-top: 15px;
    padding-bottom: 0px;
}

.margin-15-0 {
    margin-bottom: 15px;
}

.padding-tobo {
    padding-top: 10px;
    padding-bottom: 10px;
}

.margin-bottom {
    margin-bottom: 15px;
}

.border-top-right {
    border-top: 1px solid #e0e0e0;
    border-right: 1px solid #e0e0e0;
}

.border-top-right-left {
    border-top: 1px solid #e0e0e0;
    border-right: 1px solid #e0e0e0;
    border-left: 1px solid #e0e0e0;
}

.border-top {
    border-top: 1px solid #e0e0e0;
}

.border-1 {
    border: 1px solid #ccc;
}

.border-1 div, .border-1 span {
    padding: 5px;
}

.xs-text-right, .text-right, .xs-text-right2center {
    text-align: right;
}

.text-center {
    text-align: center !important;
}

.text-left {
    text-align: left !important;
}

.text-right {
    text-align: right !important;
}

.uppercase {
    text-transform: uppercase;
}

.bold {
    font-weight: bold;
}

.100
-pro {
    width: 100%;
}

.gradient-orange {
    background: #efa001;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VmYTAwMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZDc4MDUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #efa001 0%, #fd7805 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #efa001), color-stop(100%, #fd7805)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #efa001 0%, #fd7805 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #efa001 0%, #fd7805 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #efa001 0%, #fd7805 100%); /* IE10+ */
    background: linear-gradient(to bottom, #efa001 0%, #fd7805 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#efa001', endColorstr='#fd7805', GradientType=0); /* IE6-8 */
}

.gradient-green {
    background: #2ca06f; /* Old browsers */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzJjYTA2ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxZjhjNjEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #2ca06f 0%, #1f8c61 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2ca06f), color-stop(100%, #1f8c61)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #2ca06f 0%, #1f8c61 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #2ca06f 0%, #1f8c61 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #2ca06f 0%, #1f8c61 100%); /* IE10+ */
    background: linear-gradient(to bottom, #2ca06f 0%, #1f8c61 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2ca06f', endColorstr='#1f8c61', GradientType=0); /* IE6-8 */
}

dd p a, dd p a:link, dd p a:visited, dd p a:active {
    color: #008451 !important;
}

dt h2 {
    color: #fff;
}

dd p a.button-orange, dd p a.button-orange-txt, dd p a:link.button-orange, dd p a:visited.button-orange-txt {
    color: #fff !important;
}

a.button-classic {
    display: block;
    width: 100%;
    text-align: center;
    background-color: #fff;
    text-transform: uppercase;
    border-bottom: 2px solid #a7a7a7;
    color: #008451;
    font-size: 0.8em;
    margin-top: 30px;
    font-weight: bold;
    margin-bottom: 30px;
    padding: 10px 0;
}

.fuba_linkliste {
    margin-bottom: 5px;

}

.fuba_linkliste a {
    color: #008451 !important;
}

div.row div.col-sm-8 h1 {
    text-align: left;
}

.affix-headline {
    font-weight: bold;
}

/* .col-lg-offset-1.iframe-shortcode-frame {
    margin-left: 0% !important;
} */
.check {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.check li {
    list-style-type: none;
    padding: 0 0 0 23px;
    margin: 0;
}

.check li:before {
    content: "\e013";
    position: relative;
    padding: 0 10px 0 0;
    top: 1px;
    margin-left: -23px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: thin;
    line-height: 1;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.check-green li:before {
    color: #008250;
}

.check-table {
    display: table;
    width: 100%;
    margin-bottom: 30px;
    text-align: center;
}

.check-table li {
    display: table-cell;
}

/*+++ TABLE +++++*/

.table-anbieter {
    padding: 0 0 30px 0;
}

.platz-headline, .platz-headline-winner {
    font-size: 0.7em;
}

.platz-headline .col-sm-2, .platz-headline .col-sm-3 {
    border-right: 1px solid #c8c8c8;
    border-left: 1px solid #fbfbfb;
    height: 108px;
}

.platz-headline-winner .col-sm-2, .platz-headline-winner .col-sm-3 {
    border-right: 1px solid #258b65;
    border-left: 1px solid #fbfbfb;
    height: 108px;
}

.platz {
    height: 108px;
    background: url("img/symbol-platz.png") no-repeat center center;
    padding-top: 32px;
    font-size: 1.5em;
    font-weight: bold;
}

.bonus {
    ine-height: 19px;
    text-align: center;
    padding-top: 35px;
}

.table-anbieter-icon-frame {
    line-height: 108px;
}

.platz-headline .col-sm-2:nth-child(1), .platz-headline-winner .col-sm-2:nth-child(1), .platz-headline .col-sm-3:nth-child(1), .platz-headline-winner .col-sm-3:nth-child(1) {
    border-left: 0px
}

.platz-headline div:nth-child(5) {
    border-right: 0px;
}

.winner-wrapper {
    background-color: #2fa176;
    color: #fff;
    margin-top: 10px;
    margin-bottom: 10px;
}
.single-page-anbieter .content-wrapper,
.page-template-bonus .content-wrapper,
.page-template-app .content-wrapper{
    padding: 0;
    background-color: transparent;
    margin-bottom: 40px;
}
.single-page-anbieter .classic-ranking,
.page-template-bonus .classic-ranking,
.page-template-app .classic-ranking{
    margin-top: 0;
    background-color: #EBEBEB;
}
.single-page-anbieter .bewertung {

}
.single-page-anbieter .platz-headline .single-layout,
.page-template-bonus .platz-headline .single-layout,
.page-template-app .platz-headline .single-layout{
    display: flex;
    flex-direction: column;
}
.single-page-anbieter .platz-headline .ranking-scores,
.page-template-bonus .platz-headline .ranking-scores,
.page-template-app .platz-headline .ranking-scores{
    display: flex;
    justify-content: space-around;
    margin: 11px;
}
.single-page-anbieter .platz-headline .ranking-scores > div,
.page-template-bonus .platz-headline .ranking-scores > div,
.page-template-app .platz-headline .ranking-scores > div{
    flex-grow: 1;
    padding: 0;
    flex-basis: 0;
    min-height: 124px;
    -webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.19);
    -moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.19);
    box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.19);
}
.single-page-anbieter .platz-headline .ranking-scores .bewertung,
.page-template-bonus .platz-headline .ranking-scores .bewertung,
.page-template-app .platz-headline .ranking-scores .bewertung{
    margin-right: 5px;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    background: #fff no-repeat center top url("/img/review/bigbgstars.png");
}
.single-page-anbieter .platz-headline .ranking-scores .bewertung .table-txt,
.page-template-bonus .platz-headline .ranking-scores .bewertung .table-txt,
.page-template-app .platz-headline .ranking-scores .bewertung .table-txt{
    position: relative;
    width: 100%;
    text-align: center;
    padding: 0;
    line-height: 32px;
    font-weight: bold;
    font-size: 1.3em;
    background-color: #ffc906;
    border: none;
    border-top: 1px solid #ffe174;
}
.single-page-anbieter .platz-headline .ranking-scores .bewertung .table-txt .bg-bewertung,
.page-template-bonus .platz-headline .ranking-scores .bewertung .table-txt .bg-bewertung,
.page-template-app .platz-headline .ranking-scores .bewertung .table-txt .bg-bewertung{
    height: 32px;
    background: #ff9c05;
    margin-bottom: -32px;
}
.single-page-anbieter .platz-headline .description,
.page-template-bonus .platz-headline .description,
.page-template-app .platz-headline .description{
    background: #007C42 right bottom no-repeat url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB8AAAAdCAMAAABluEcAAAAAeFBMVEUAAAAARSIASSYASSYASSUASSUASSYASCYASSYASSUASSYASSQASCQARyUAPx8ARgAASCUASSYASSUASCUASCYASSYASSUASCUASCUARiUARycASCQASSYASSUASSYASSYASiUASCYASCQASSQASCQASSYASiAASicpPVQXAAAAJ3RSTlMAGPnm3tPMxqyOiWdSLQgDwLijfHdrXlcyJRMO9OuxpJtwTUw/Ox9TCqzqAAAAp0lEQVQoz7XSxw6DMBAE0DUdDKaFnl7//w+TMcol8uTGXJ9mZXlXNovSaVNHBIs2ftm4sOwCEPMBSv0efSnMuvzxOzpdzasuT8fouVr5rNyv9q0mkziTe9D9TQjbcjARHm27XgirAzgTEhOCW2E5ghPKAzgyjEt8uT/Tukb9Stng32Kh2aE+ckf9xLnAQtX/8Ynw4BQ15wWvU9x73JrwpHZvPM3He4ZvGzQXBFxhdwoAAAAASUVORK5CYII=');
    color: #fff;
    -webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.19);
    -moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.19);
    box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.19);
    border-right: 4px solid #004a27;
    border-bottom: 4px solid #004a27;
    margin: 0 10px 20px 10px;
    padding: 10px 55px;
}
.single-page-anbieter .platz-headline .description ul,
.page-template-bonus .platz-headline .description ul,
.page-template-app .platz-headline .description ul{
    position: relative;
    font-size: 14px;
    line-height: 35px;
    list-style-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAMAAABFjsb+AAAA6lBMVEUAAAD/0AD/0AD/0AD/zwD/zwD/zwD/zwD/0AD/0AD/zwD/0AD///8CHxgeNBgjNxgKJReKfguxmQe9uohZYjJGUylBTycrPRY6RxWjkAnatQPs7ODp6Nzk4sre3MWxsIGTk1x3eUBvdD1WXy1ATiIzQxwSKxgEIRiQggqulwjEpwXTsQTeuQP8/Pz4+Pj09fX08+bi4tXW2MzS0rvd2rfOzKvJxpzBv5e4uJG4toa3s3qjpXmXmGh/g1OAgUROWCQ+TCIwQh8nOx4PKRc1QxNDTRJ5cg2PgguhjgnCpQbAowbIqQXHqAXhugMd+f8yAAAAC3RSTlMAcPCgINCwEM+vYDhpbUoAAAD0SURBVBjTZVDXcsJADPT53MjqzgZXCIQSWnrvvff//53oDsJkhn2QZnZWK2kdC0/ICJEUnrOAcDGDK+ZMWAPQ2qg3trnXQssFwHeZJWqcVVtM2kHgLT+gtbhNh/k7INjeRaPYJaJ7YtxtwvWMLL4lYt0q1/XKCCU+lU7pYqz06U43US1Ix0f96XowUozJqN9Lmogc4DUlOlEGbaKrKWB0XTbSTBXce0347PcxMObM9blnP5Bmb7VPZznR3sMxdV4AYe8rh9occqSHsb3PCKcT1WEuVbwVK/N/v8ri8vzm8Zn/DWa5BP9yCcKl/OzgImcf/l/Ovwg+FyvekeN9AAAAAElFTkSuQmCC');
}
.single-page-anbieter .platz-headline .platz,
.page-template-bonus .platz-headline .platz,
.page-template-app .platz-headline .platz{
    background: transparent no-repeat center top url("/img/review/medal.png");
    height: 90px;
}
.single-page-anbieter .platz-headline .platz span,
.page-template-bonus .platz-headline .platz span,
.page-template-app .platz-headline .platz span{
    padding-top: 42px;
    display: block;
    font-size: 30px;
    color: #fff;
}
.single-page-anbieter .platz-headline .ranking-scores .bonus,
.page-template-bonus .platz-headline .ranking-scores .bonus,
.page-template-app .platz-headline .ranking-scores .bonus{
    margin-left: 5px;
    color: #FFD000;
    font-size: 25px;
    background: #007C42 no-repeat bottom url("/img/review/fans.png");
}
.single-page-anbieter .platz-headline .ranking-scores .bonus span,
.page-template-bonus .platz-headline .ranking-scores .bonus span,
.page-template-app .platz-headline .ranking-scores .bonus span{
    color: #fff;
    font-size: 27px;
    background: transparent top center no-repeat url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAZgAAAAWAQMAAADHOBgKAAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAAB1JREFUOMtjGAWjYBSQD/5jgH8o8vyYCkb1/P8PACd/3XdwGy3rAAAAAElFTkSuQmCC');
}
.classic-ranking {
    background-color: #f8f8f8;
    margin-top: 10px;
    margin-bottom: 10px;
}
.single-page-anbieter .classic-ranking .table-anbieter-icon-frame,
.page-template-bonus .classic-ranking .table-anbieter-icon-frame,
.page-template-app .classic-ranking .table-anbieter-icon-frame{
    width: 100%;
    background-color: #000;
    line-height: normal;
    text-align: center;
    padding: 5px;
}
.single-page-anbieter .classic-ranking .table-button-frame,
.page-template-bonus .classic-ranking .table-button-frame,
.page-template-app .classic-ranking .table-button-frame{
    /*width: 100%;*/
    text-align: center;
    margin-top: 25px;
    line-height: 0px;
}
.single-page-anbieter .classic-ranking .table-button-frame a.button-orange,
.page-template-bonus .classic-ranking .table-button-frame a.button-orange,
.page-template-app .classic-ranking .table-button-frame a.button-orange,
.row a.button-orange-txt.gradient-orange{
    width: fit-content;
    width: -moz-fit-content;
    margin: 0 auto -43px auto;
    padding: 10px 26px;
    float: none;
    background: #fd7805;
    background: -moz-linear-gradient(top, #fd7805 0%, #efa001 100%);
    background: -webkit-linear-gradient(top, #fd7805 0%,#efa001 100%);
    background: linear-gradient(to bottom, #fd7805 0%,#efa001 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fd7805', endColorstr='#efa001',GradientType=0 );
    font-size: 12px;
    border: none;
}
/* for IE / Edge */
.row a.button-orange-txt.gradient-orange{
    width: auto;
    display: table;
}
.platz-winner {
    background: url("img/symbol-platz-winner.png") no-repeat center center;
}

.table-content-frame {
    background-color: #f0fff9;
    color: #858987;
    border-left: 1px solid #e0e0e0;
    border-right: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
}

.table-content-frame:nth-child(3) {
    background-color: #fff;
}

.wettangebot {
    padding-top: 18px;
}

.bewertung {
    padding-top: 35px;
    color: #fff;
}

.stars-frame {
    padding: 0 0 30px 30px;
}

.stars-frame > i {
    color: #ffc61a;
    font-size: 25px;
    padding-left: 5px;
}

.more {
    padding: 0 0 0 20px;
    font-size: 0.8em;
}

.table-txt-headline {
    width: 100%;
    text-align: center;
    padding: 10px 0 0 0;
    color: #08794d;
}

.table-txt {
    position: relative;
    width: 100%;
    text-align: center;
    padding: 3px;
    border: 1px solid #ccc;
    line-height: 26px;
    font-weight: bold;
    font-size: 1.3em;
}

/*#2ea276;*/
.bg-bewertung {
    float: left;
    z-index: 1;
    margin-bottom: -29px;
    background: url("img/bg-bewertung.jpg") no-repeat center center;
    background-size: cover;
    height: 26px;
}

.table-button-frame {
    padding: 0 0;
}

a.button-orange, a.button-orange-txt, a.button-green, .button-green, .button-white {
    font-size: 1em;
    float: left;
    text-align: center;
    margin: 4% 4% 0 4%;
    text-transform: uppercase;
    width: 92%;
    padding: 7px 0;
    font-size: 0.8em;
    color: #fff;
}

.platz-headline a.button-white, .platz-headline-winner a.button-white, .platz-headline a.button-orange, .platz-headline a.button-orange-txt, .platz-headline a.button-green,
.platz-headline-winner a.button-orange, .platz-headline-winner a.button-orange-txt, .platz-headline-winner a.button-green, .button-green {
    font-size: 1.2em;
    font-weight: 700;
}

a.button-green, .button-green {
    border-bottom: 2px solid #008451;
    border-radius: 0px;
    background-color: #26c88d;
    margin-bottom: 6%;
}

a.button-orange, a.button-orange-txt {
    border-bottom: 2px solid #c39419;
    border-radius: 0px;
    background-color: #fdc021;
}

.button-white {
    color: #000;
    border-bottom: 2px solid #c39419;
    border-radius: 0px;
    background-color: #ffffff;
}

.platz a.button-white {
    font-size: 0.8em;
    margin-top: 8px;
}

a.button-orange-txt {
    float: none;
    display: block;
    width: 100%;
    padding: 10px 20px;
    margin: 10px 0;
}

a:hover.button-orange, a:hover.button-green {
    opacity: 0.8;
    text-decoration: none;
}

.anbieter-platz-headline {
    width: 100%;
    height: 60px;
    background-color: #2a292e;
    text-align: center;
    list-style-type: none;
    margin: 0 0 0 -15px;
    padding: 0;
}

.anbieter-platz-headline span {
    width: 100%;
    line-height: 60px;
}

.anbieter-platz-headline li span:after {
    content: "";
    border-top: 30px solid transparent;
    border-bottom: 30px solid transparent;
    border-left: 15px solid #2a292e;
    position: absolute;
    right: 15px;
    top: 0px;
    z-index: 1;
}

a.top5_zum_anbieter {
    margin-top: 35px;
}

.single-layout .platz {
    height: 44px;
    padding-top: 4px;
    margin-bottom: 10px;
    color: #2A2A2E;
    font-size: 1.2em;
    font-weight: bold;
    background-size: contain;
}

.single-layout .platz-winner {
    color: #fff;
}

.single-layout .bewertung {
    padding-top: 10px;
    color: #fff;
}

.single-layout .bonus {
    line-height: normal;
    font-size: 1.6em;
    padding-top: 20px;
    font-weight: bold;
}

.single-layout .bonus span, .single-layout-mobile .bonus span {
    display: block;
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    font-size: 1.8em;
    color: #1e7959;
}

.single-layout a.button-orange, .single-layout a.button-orange-txt, .single-layout a.button-green {
    text-transform: uppercase;
    width: 92%;
    padding: 7px 0;
}

.single-layout a.button-orange {
    margin: 35px 4% 0 4%;
}

.page-layout a.button-orange {
    margin: 6% 4% 0 4%;
}

.headline-filter-wrapper {
    text-align: center;
    font-weight: bold;
}

/*+++ HEADER +++++*/

.logo {
    max-width: 184px;
    padding: 20px 0;
}

.bg_header {
    height: 250px;
    background-size: cover;
    background-position: top left;
    color: #f9f9f9;
    padding-top: 15px;
}

.header_text {
    padding-left: 20px;
    font-size: 1.2em;
    line-height: 1.2em;
    color: #747474;
}

.header_text h2 {
    font-size: 1.6em;
    line-height: 1.4em;
    text-align: left;
    color: #fff;
}

.header-tel {
    margin-top: -5px;
    font-size: 0.9em;
}

.facebook {
    background-color: #0070b1;
}

.twitter {
    background-color: #18c4d8;
}

.google-plus {
    background-color: #c42525;
}

.envelope {
    background-color: #12b9ff;
}

.breadcrumb-frame {
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #e0e0e0;
    margin-bottom: 30px;
}

.breadcrumb-box-first {
    padding-left: 20px;
}

.breadcrumb-symbol {
    display: inline-block;
    font-size: 0.8em;
    line-height: 1em;
    padding: 0 20px;
}

.home-menu a {
    text-indent: -9999px;
}
.header-top{
    background: #119822;
}
.header-top img{
    width: 200px;
    height: 80px
}
.navbar-header > a > img,
.navbar-brand>img{
    width: 200px;
    height: 45px;
}
#mysticky-wrap,
#mysticky-nav,
#mysticky-nav .navbar,
#mysticky-nav .navbar #navbar-header,
#mysticky-nav .navbar #navbar-header > ul{
    /*display: flex;
    min-height: 72px !important;*/
    align-items: center;
    justify-content: center;
    width: 100%;
}

@media (min-width: 768px){
    #mysticky-wrap,
    #mysticky-nav,
    #mysticky-nav .navbar,
    #mysticky-nav .navbar #navbar-header,
    #mysticky-nav .navbar #navbar-header > ul{
        min-height: 72px !important;
    }
}

.header-top #mysticky-nav .navbar #navbar-header > ul{
    justify-content: space-around;
}
.header-top .container > .row {
    display: flex;
}
.header-top .container > .row > div {
    flex-basis: 0;
    flex-grow: 1;
    display: flex;
    align-items: center;
}
.header-top .container > .row > div:first-child{
    max-width: 190px;
}
#menu-header .home-menu:before {
    float: left;
    width: 100%;
    text-align: center;
    margin-bottom: -40px;
    margin-top: 7px;
}

.navbar-nav {
    float: none;
    justify-content: space-between;
    display: flex;
}

.navbar-brand {
    display: none;
}

.navbar {
    background-color: transparent;
    min-height: 30px;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 0;
    color: #fff;
    border:none;
}

.navbar-default {

}

.navbar-collapse {
    padding-right: 0;
    padding-left: 0;
    border-top: none;
    box-shadow: none;
}

#menu-header > li {
    min-height: 72px;
    align-items: center;
    display: flex;
}

.navbar-default #menu-header > li > a {
    color: #fff;
    height: auto;
    font-weight: 400;
    font-size: 13px;
    overflow: hidden;
    text-transform: uppercase;
    padding-top: 5px;
    padding-bottom: 5px;
}

.navbar-default #menu-header > li:hover {
    background-color: #e0e0e0;
}

.navbar-default #menu-header > li:hover,
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
    color: #fff;
    background: #0F891F;
}

.navbar-default #menu-header > li:hover a, .navbar-default #menu-header > li.home-menu:hover:before {
    color: #fff;
}
/*
.navbar-default #menu-header > li {
    text-align: left;
}

.navbar-default #menu-header > li.li-wett-bonus {
    width: 13%;
}

.navbar-default #menu-header > li.li-wett-tipps {
    width: 12%;
}

.navbar-default #menu-header > li.li-wettanbieter-finden  {
    width: 19%;
}

.navbar-default #menu-header > li.li-apps {
    width: 10%;
}

.navbar-default #menu-header > li.li-wetten-lernen {
    width: 15%;
}

.navbar-default #menu-header > li.li-lexikon {
    width: 10%;
}

.navbar-default #menu-header > li.li-ratgeber {
    width: 12%;
}
*/
.navbar-default #menu-header > li:last-child {
    border-right: none;
}

.navbar-right {
    float: none;
    margin-right: 0;
}

.navbar-headline {
    display: block;
    font-size: 1.2em;
    font-weight: bold;
    color: #028d57;
    padding-top: 60px;
    text-transform: uppercase;
    padding: 60px 0 15px 0;
}

.footer-menu {
    padding: 0 0 60px 0;
}

.footer-menu ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

.footer-menu ul li {
    padding: 5px 0;
    margin: 0;
}

.footer-menu ul li a {
    color: #c9c8ca;
}

.navbar-footer {
    border-bottom: none;
    padding: 0;
    margin: 0;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    background-color: transparent;
}

.navbar-default .navbar-nav > li.li-wettanbieter-finden  .dropdown-menu > li {
    margin: 0;
    padding: 0;
}
.navbar-default .navbar-nav > li.li-wettanbieter-finden .dropdown-menu > li:not(.bookmaker){
    clear: both;
}
.navbar-default .navbar-nav .dropdown-menu > li.bookmaker{
    float: left;
    width: 50%;
    background: #0E7A1B no-repeat url("img/mainmenubg.png");
}
.navbar-default .navbar-nav .dropdown-menu > li.bookmaker:nth-child(odd){
    background-position: right center;
}
.navbar-default .navbar-nav .dropdown-menu > li.bookmaker:nth-child(even){
    background-position: left center;
}
.navbar-default .navbar-nav .dropdown-menu > li.bookmaker:nth-child(2){
    background-position: left top;
}
.navbar-default .navbar-nav .dropdown-menu > li.bookmaker:nth-child(3){
    background-position: right top;
}
.navbar-default .navbar-nav .dropdown-menu > li.bookmaker:nth-child(10){
    background-position: bottom left;
}
.navbar-default .navbar-nav .dropdown-menu > li.bookmaker:nth-child(11){
    background-position: bottom right;
}
.navbar-default .navbar-nav > li.li-wettanbieter-finden .dropdown-menu > li.bookmaker > a {
    margin: 10px 0 0 0;
}
.navbar-default .navbar-nav > li.li-wettanbieter-finden .dropdown-menu > li.bookmaker:nth-child(odd) > a{
    margin: 15px 20px 10px 0;
}
.navbar-default .navbar-nav > li.li-wettanbieter-finden .dropdown-menu > li.bookmaker:nth-child(even) > a{
    margin: 15px 0 10px 20px;
}
.navbar-default .navbar-nav .dropdown-menu > li.bookmaker:nth-child(10) > a{
    margin: 15px 0 15px 20px !important;
}
.navbar-default .navbar-nav .dropdown-menu > li.bookmaker:nth-child(11) > a{
    margin: 15px 20px 15px 0 !important;
}
.navbar-default .navbar-nav .dropdown-menu > li.bookmaker > a > img {
    width: 55px;
    height: 25px;
    line-height: 25px;
    margin: 0 3px 0 0;
    border: 1px solid #14B329;
    border-radius: 2px;
}
.navbar-default .navbar-nav .dropdown-menu > li.bookmaker > a > span:first-child {
    text-transform: initial;
    color: #0E7A1B;
    background: #fff;
    width: 16px;
    display: inline-block;
    text-align: center;
    font-size: 11px;
    line-height: 20px;
    border-radius: 2px 0 0 2px;
}
.navbar-default .navbar-nav .dropdown-menu > li.bookmaker > a > span {
    text-transform: initial;
    font-size: 12px;
}

.navbar-default .navbar-nav > li.li-wettanbieter-finden  .dropdown-menu > li > a {
    height: 28px;
    margin: 7px 5px;
    padding: 0;
    text-transform: uppercase;
}

.navbar-default .navbar-nav .dropdown-menu > li > a > span {

}

.navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #fff;
}

.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-default #menu-header > li .dropdown-menu a:hover {
    color: #000;
}

.navbar-default .navbar-nav > li .dropdown-menu {
    border: none;
    font-size: 12px;
}

.navbar-default .navbar-nav > li.li-wett-tipps .dropdown-menu, .navbar-default .navbar-nav > li:last-child .dropdown-menu {
    left: 0%;
    min-width: 330%;
    -webkit-column-count: 1;
    -webkit-column-gap: 0;
    -moz-column-count: 1;
    -moz-column-gap: 0;
    column-count: 1;
    column-gap: 0;
}

.navbar-default .navbar-nav > li.li-wettanbieter-finden  .dropdown-menu {
    left: 0;
    min-width: 360px;
    padding: 0;
}
.navbar-default #menu-header > li:not(.li-wettanbieter-finden) > ul > li:not(.bookmaker) > a {
    text-transform: uppercase;
    padding: 10px 10px;
}
.navbar-default #menu-header > li > ul > li > a {
    padding: 6px 10px;
}

.navbar-default .navbar-nav > li:last-child .dropdown-menu {
    right: -10%;
    left: -130%;
    min-width: 280%;
}

.navbar-default .navbar-nav > li.li-wett-tipps .dropdown-menu > li, .navbar-default .navbar-nav > li:last-child .dropdown-menu > li {
    width: 100%;
    display: inline-block;
    margin: 0;
    padding: 0 1%;
}
.navbar-default .navbar-nav > li.li-wett-tipps .dropdown-menu > li a, .navbar-default .navbar-nav > li:last-child .dropdown-menu > li a {
    white-space: normal;
    padding: 5px 0;
}
.navbar-default .navbar-nav > li.li-lexikon .dropdown-menu {
    right: 0;
    left: auto;
}

.dropdown-menu {
    background-color: #119822;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
    background-color: transparent;
    color: #c9c8ca;
}

.affix, .affix-bottom {
    width: 349px;
}

.affix-headline {
    display: block;
    padding: 0 0 10px 5px;
    font-size: 0.9em;
    text-transform: uppercase;
    color: #2A292E;
}

.affix {
    top: 30px;
}

.affix-bottom {
    position: absolute;
}

.bs-docs-sidebar .nav .nav {
    display: none;
    padding-bottom: 10px;
    padding-left: 30px;
}

.bs-docs-sidebar .nav > .active > ul {
    display: block;
}

.bs-docs-sidebar .nav {
    padding: 15px;
    margin-left: 30px;
    border-left: 2px solid #fff;
}

.bs-docs-sidebar .nav > li a:before {
    float: left;
    margin-left: -27px;
    margin-right: 10px;
    margin-top: 5px;
    content: '';
    width: 12px;
    height: 12px;
    background-color: #fff;
    border-radius: 100%;

}
.bs-docs-sidebar .nav > li.active a:before{
    background-color: #FFD000;
    padding: 2px;
    background-clip: content-box;
    border: 2px solid #FFD000;
    margin-left: -30px;
    margin-right: 10px;
    width: 20px;
    height: 20px;
}

.bs-docs-sidebar .nav > li a:hover:before,
.bs-docs-sidebar .nav > .active:focus > a:before,
.bs-docs-sidebar .nav > .active:hover > a:before,
.bs-docs-sidebar .nav > .active > a:before {
    background-color: #ebbb29;
}

.bs-docs-sidebar .nav > li > a {
    color: #fff;
    padding: 5px 5px;
    display: block;
    font-size: 12px;
    font-weight: 600;
}

.bs-docs-sidebar .nav > li > a:hover {
    background-color: transparent;
    color: #ebbb29;
}

.bs-docs-sidebar .nav > .active:focus > a, .bs-docs-sidebar .nav > .active:hover > a, .bs-docs-sidebar .nav > .active > a {
    color: #ebbb29;
    background-color: transparent;
}

.sidebar-img-wrapper {
    width: 100%;
    padding-top: 15px;
}

.sidebar-img-wrapper img {
    max-width: 100%;
}

.sidebar-img-wrapper txt {
    width: 100%;
    text-align: right;
}

.affix, .affix-top, .affix-bottom {
    color: #fff;
    background-color: #007C42;
    padding: 0;
}

.sidebar-wrapper {
    margin-top: 30px;
}

.teaser {
    display: block;
    margin-top: -10px;
    margin-bottom: 10px;
    width: 100%;
}

/*+++ CSS ueberschreiben +++++*/

#toc_container {
    display: block !important;
    margin-left: -15px;
    margin-right: -15px;
    margin-bottom: 10px;
    height: 58px;
    padding: 0;
}

.toc_title {
    width: 83.3333% !important;
    font-size: 1.5em;
    padding: 0 0 0 15px;
    line-height: 60px;
    height: 60px;
    margin-left: 8.33333%;
    background-color: #fff;
    border: 1px solid #ccc;
}

.toc_title:hover {
    background-color: #008451;
    cursor: pointer;
    color: #fff;
}

.toc_toggle {
    float: right;
    display: inline-block;
    padding: 0;
    width: 60px;
    text-align: center;
    background-color: #2a292e;
    color: #2a292e;
    height: 58px;
}

.toc_toggle a {
    padding: 0;
    width: 100%;
    text-align: center;
    font-size: 2em;
    color: #fff;
    line-height: 58px;
    height: 58px;
}

.toc_toggle a:hover {
    text-decoration: none;
}

.toc_list {
    float: left;
    width: 83.3333% !important;
    margin-left: 8.33333%;
    background-color: #fff;
    margin-top: -10px;
    padding: 20px 0 20px 15px;
    border-left: 1px solid #e0e0e0;
    border-right: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    list-style-type: none;
}

.toc_list > li > ul {
    padding: 2px 0 0 15px;
    list-style-type: none;
}

.toc_list li:before {
    content: "\e080";
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    padding: 0 5px 0 0;
    color: #e0e0e0;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.player .video-wrapper .video {
    background-image: url("img/startseite-video.png") !important;
}
 /*badges*/

.col-xs-4.col-sm-2.platz.text-center{
    position: relative;
}
.operator_review_space {
    position: absolute;
    width: 95%;
    top: 0%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.operator_review_badge {
    font-size: 10px;
    padding: 8px;
    text-transform: uppercase;
    font-weight: 600;
    color: #fff;
    line-height: 10px;
}

.operator_review_badge::before, .operator_review_badge::after {
    content: '\f521';
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    padding: 0 9px;
}

/*end od badges*/

/*+++ Textbereich +++++*/

.bilder {
    float: left;
}

.bilder span {
    display: block;
    width: 100%;
    text-align: center;
}

.bilder strong {
    color: #08794d;
}

.bg_fussballligen {
    height: 350px;
    background-image: url("img/bg-fussballligen.jpg");
    background-size: cover;
    background-position: top left;
    color: #f9f9f9;
    padding-top: 30px;
    padding-bottom: 30px;
    margin-top: 30px;
    margin-bottom: 30px;
}

.fussballligen_text {
    padding-left: 5%;
    line-height: 1.2em;
}

.fussballligen_text h2 {
    font-size: 1.9em;
    line-height: 1.4em;
    text-align: left;
    color: #08794d;
}

.ligen-icon-frame {
    float: left;
    width: 8.33333%;
    background-color: #fff;
    text-align: center;
    margin: 0 1% 0 0;
    border: none;
}

.ligen-icon-frame img {
    width: 90%;
}

.zahlungen-frame {
    padding-bottom: 60px;
    margin-bottom: 60px;
    border-bottom: 1px solid #e0e0e0;
}

.zahlungen-frame-startseite {
    padding-bottom: 30px;
    padding-top: 40px;
    margin-bottom: 20px;
    border-bottom: 0px;
}

.zahlungen-frame img {
    float: left;
    width: 11.5%;
    margin: 0 1% 0 0;
}

.headline-zahlungen {
    font-size: 1.7em;
    line-height: 1.5em;
    width: 100%;
    text-align: center;
    padding: 20px 0 15px 0;
}

.aus-bewertungen-frame {
    padding-bottom: 30px;
    margin-bottom: 30px;
}

a.aus-bewertungen-a {
    float: left;
    width: 15.66%;
    margin-right: 1%;
    border-radius: 4px;
    border: 1px solid #e0e0e0;
}

.aus-bewertungen-platz {
    float: left;
    width: 25%;
    text-align: center;
    background-color: #e3e3e3;
    font-weight: bold;
    padding: 15px 0;
}

.aus-bewertungen-anbieter {
    float: left;
    width: 75%;
    text-align: center;
    text-transform: uppercase;
    padding: 15px 0;
}

a:hover.aus-bewertungen-a span {
    background-color: #08794d;
    color: #fff;
}

a:hover.aus-bewertungen-a {
    border-radius: 4px;
}

.erfolg-frame {
    padding-top: 10px;
    padding-bottom: 40px;
    margin-top: 30px;
    margin-bottom: 15px;
}

.erfolg-txt-frame {
    padding-top: 30px;
    padding-bottom: 40px;
}

.erfolg-check {
    float: left;
    color: #08794d;
    padding: 1px 10px 0 0;
    font-size: 1.3em;
}

.erfolg-txt {
    float: left;
    width: 90%;
}

.zahlungen-anbieter-box {
    background-color: #fff;
    height: 120px;
    border-top: 5px solid #08794d;
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    margin-bottom: -15px;
}

.zahlungen-anbieter-box img {
    line-height: 120px;
}

.box1 img {
    max-width: 130px;
    margin-top: -10px;
}

.box2 img {
    margin-top: 10px;
}

.box1 span {
    display: block;
    margin-top: 35px;
}

.box2 span {
    display: block;
    margin-top: 45px;
}

.box1 {
    margin-right: 1%;
    width: 49%;
}

.box2 {
    margin-left: 1%;
    width: 49%;
}

.gesamtbewertung strong {
    display: block;
    width: 100%;
    text-align: center;
    color: #08794d;
}

.gesamtbewertung ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    text-align: left;
}

.gesamtbewertung ul li {
    padding: 5px 10px;
}

.gesamtbewertung ul li:before {
    content: "\f05d";
    font-family: 'FontAwesome';
    padding: 0 15px 0 0;
    color: #08794d;
}

/*+++ Footer +++++*/

/*.related-page img,.sw img {
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: url(img/sw.svg#greyscale);
filter: gray;
-webkit-filter: grayscale(1);
}
.related-page:hover img {
filter: grayscale(0%);
-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0%);
-ms-filter: grayscale(0%);
-o-filter: grayscale(0%);
filter:none;
-webkit-filter: grayscale(0);
}*/

.noch-fragen {
    width: 100%;
    color: #fff;
    background-color: #008451;
    padding-top: 15px;
    padding-bottom: 15px;
    margin-top: 30px;
}

.noch-fragen .headline {
    font-size: 2em;
    text-align: left;
    padding-top: 15px;
    padding-bottom: 20px;
    font-weight: 700;
}

.noch-fragen .text {
    text-align: left;
    font-style: italic;
}

.noch-fragen img {
    border-radius: 100%;
    width: 100%;
}

.contact-us-frame {
    background-color: #3d3d3f;
    font-size: 1.3em;
    color: #fff;
    height: 123px;
    line-height: 120px;
    font-weight: bold;
    margin-top: 30px;
}

.contact-us-txt {
    width: 100%;
    background-color: #707075;
    text-align: center;
    color: #fff;
    font-size: 1.5em;
    text-transform: uppercase;
    list-style-type: none;
    margin: 0 0 0 -15px;
    padding: 0;
}

.contact-us-txt span {
    width: 100%;
    line-height: 120px;
}

.contact-us-txt li span:after {
    content: "";
    border-top: 60px solid transparent;
    border-bottom: 60px solid transparent;
    border-left: 30px solid #707075;
    position: absolute;
    right: -0px;
    top: 0px;
    z-index: 1;
}

.footer {
    background-color: #d8d8d9;
    color: #1d1d1d;
    padding: 20px 0;
    border-bottom: 1px solid #bdbdbe;
}

.footer-social-buttons {
    margin-top: 0px;
    margin-bottom: 0px;
    color: #fff;
    border-bottom: 0px;
    border-top: 1px solid #ececec;
}

.footer-social-buttons .social-buttons {
    border: none;
    border-radius: 0;
    line-height: 30px;
}

.footer-tel {
    font-size: 1.4em;
}

.footer-earphone {
    padding: 0 10px 0 0;
    font-size: 1.5em;
    margin: 5px 10px -10px 10px;
}

div.seven-things {
    font-size: 0.8em;
    margin-top: 30px;
    margin-bottom: 0;
}

.seven {
    display: block;
    font-size: 24em;
    line-height: 0.8em;
    font-weight: bold;
    padding: 0 0 15px 40px;
}

ol.seven-things li {
    padding-bottom: 20px;
    font-weight: bold;
    list-style-type: none;
}

.seven-rang {
    border-radius: 100%;
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 25px;
    background-color: #fff;
    color: #f2b006;
    float: left;
    margin: -1px 10px 0 0;
}

.fakten {
    display: block;
    width: 100%;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
}

.ziele {
    color: #008451;
}

.ziele-wrapper {
    width: 100%;
    padding: 15px;
}

.ziele .check li {
    padding-top: 10px;
    font-weight: bold;
}

.ziele .check li:last-child {
    padding-top: 10px;
    padding-bottom: 0px;
    font-weight: bold;
}

.ziele-headline {
    display: block;
    font-size: 1.3em;
    font-weight: bold;
    padding: 0 0 10px 0;
}

a.tipps-14 {
    margin: 20px 0 0 0;
}

/*+++ Accordion ++++*/

dl {
    margin-top: 30px;
}

dt {
    font-weight: bold;
    text-transform: uppercase;
    float: left;
    height: auto;
    line-height: 50px;
    width: 100%;
    padding-left: 15px;
    display: flex;
}

.accordion {
    background-color: #007C42;
}

.accordion.icon:before,
h2.icon:before{
    content: '';
    background-repeat: no-repeat;
    background-position: center center;
    display: block;
    height: 40px;
    width: 21px;
    margin-right: 10px;
}
h2.icon{
    display: flex;
    line-height: 40px;
}
h2.icon:before{
    margin-left: -15px;
    background-color: green;
    border-radius: 0 10px 10px 0;
    width: 60px;
}
.accordion.icon.icon-bulletpoint:before,
h2.icon.icon-bulletpoint:before{
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAMAAABFjsb+AAAA6lBMVEUAAAD/0AD/0AD/0AD/zwD/zwD/zwD/zwD/0AD/0AD/zwD/0AD///8CHxgeNBgjNxgKJReKfguxmQe9uohZYjJGUylBTycrPRY6RxWjkAnatQPs7ODp6Nzk4sre3MWxsIGTk1x3eUBvdD1WXy1ATiIzQxwSKxgEIRiQggqulwjEpwXTsQTeuQP8/Pz4+Pj09fX08+bi4tXW2MzS0rvd2rfOzKvJxpzBv5e4uJG4toa3s3qjpXmXmGh/g1OAgUROWCQ+TCIwQh8nOx4PKRc1QxNDTRJ5cg2PgguhjgnCpQbAowbIqQXHqAXhugMd+f8yAAAAC3RSTlMAcPCgINCwEM+vYDhpbUoAAAD0SURBVBjTZVDXcsJADPT53MjqzgZXCIQSWnrvvff//53oDsJkhn2QZnZWK2kdC0/ICJEUnrOAcDGDK+ZMWAPQ2qg3trnXQssFwHeZJWqcVVtM2kHgLT+gtbhNh/k7INjeRaPYJaJ7YtxtwvWMLL4lYt0q1/XKCCU+lU7pYqz06U43US1Ix0f96XowUozJqN9Lmogc4DUlOlEGbaKrKWB0XTbSTBXce0347PcxMObM9blnP5Bmb7VPZznR3sMxdV4AYe8rh9occqSHsb3PCKcT1WEuVbwVK/N/v8ri8vzm8Zn/DWa5BP9yCcKl/OzgImcf/l/Ovwg+FyvekeN9AAAAAElFTkSuQmCC');
}
.accordion.icon.icon-kontoverwaltung:before,
h2.icon.icon-kontoverwaltung:before{
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAUCAMAAAC+oj0CAAAATlBMVEUAAAD/0AD/0QD/zwD/0AD/0gD/0AD/0AD/0AD/zwD/0AD/zwD/0QD/0AD/zwD/0AD/zwD/0AD/0AD/zwD/zwD/0AD/zAD/3wD/2wD/0AAy3ZVzAAAAGXRSTlMAf03AYSe02cbrkEU8LfXv4c6sm5pXCggHJb17iAAAAGxJREFUGNOVy0cOgDAMRNFJwKH36vtfFCwwCpBN/makJw20peennFTpAnVly69iuTJnzZdLltIvt2HmCM6CnJMy7pqCnez9Sq5qUKHsZQGahLsX1wA2YePrsEKrTMY8Gind4eV4RiBXIpT90wGr0xhNSd902gAAAABJRU5ErkJggg==');
}
.accordion.icon.icon-livewetten:before,
h2.icon.icon-livewetten:before{
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAMAAADzapwJAAAAk1BMVEUAAAD/zwD/zwD/zwD/1QD/0AD/0wD/0AD/0AD/0AD/0AD/0QD/0gD/2gD/zwD/0AD/0AD/0AD/1QD/1QD/2QD/1gD/0AD/0AD/0AD/0AD/0AD/0AD/0AD/0AD/0QD//wD/0AD/0AD/0AD/0AD/0AD/0QD/0QD/0QD/0gD/4wD/0AD/0AD/0AD/0AD/zwD/zwD/0AD/NF+sAAAAMHRSTlMA/NvnFdgi9/TTx1saBfHu0MAfEg8M6uLdy6qQizMLAbmln353bWNCKwnktK2YhYCACScvAAAA8ElEQVQY01WR55KEIBAGR1QM66rr5ujmcLHf/+kOkNPa/sM3TUENjHREt3NeVvnpdpCB9hrgqa4v8RyOViwmMZa48ReYMjk/TJo/PoFQWzuuodbi2S9hOTXhAtnMmiB0ZzPYmYMVqZZBi05J5jJym147tjCSL3i+6z1sJGYh77pNiKVk/a/LaRcyEknIvVZkna9JTRF6Xay8X6BkA03v3QuecJI7/IgnWqlIZGcbjALSqPdaRCeUY9f9+iU9sxgudlUwmfdfZap6bFPzAcuRi3obgCrE0SggzSfdHPKiH893P7Tw3spA8btZV6k6mrscfw4cG8if1AxVAAAAAElFTkSuQmCC');
}
.accordion.icon.icon-quoten:before,
h2.icon.icon-quoten:before{
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAASCAMAAABo+94fAAAAUVBMVEUAAAD/zwD/0AD/0AD/0AD/0QD/0AD/0gD/0wD/0AD/zwD/0AD/zwD/0AD/0AD/zwD/0AD/0AD/0QD/0AD/0AD/zwD/0gD/0gD/2AD/1QD/0ADEHz3BAAAAGnRSTlMAgPn0l1MxKSLn3MzKvrSQeHJuaFdLRD8NDAK1SjgAAABdSURBVBjTbcxZCoAwDEXRNNW2zvP09r9QCwpiePcjhAOJ0BzVpJQ7MF3B+KwoDzBchDyCGp7hD5EGf04KaLnAcIuv9+kuMsGyy8dRLW/Pajh6xlcNxj0YO1AeHesGzbwRRp5iY8MAAAAASUVORK5CYII=');
}
.accordion.icon.icon-steuer:before,
h2.icon.icon-steuer:before{
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAMAAADzapwJAAAAeFBMVEUAAAD/0AD/0gD/1gD/0AD/0QD/1QD/1gD/zwD/0AD/0AD/zwD/0AD/0AD/0QD/0gD/1AD/zwD/0AD/0AD/0AD/0AD/0AD/0QD/0QD/0AD/0AD/zwD/zgD/0gD/0AD/0AD/0AD/0AD/0AD/zwD/0AD/zwD/0QD/0ABWUhcbAAAAJ3RSTlMA9TgG8FgdFfvh3bGVk09EEOu6qp6GdD8Lw7VaKiLSz35vZmVJwSwbsQAWAAAA0UlEQVQY052QR7bDIAxFIRRD3Hvc/k9/+99hEA5OPM2bgO4BXR2xxtQ52yWvTcPgcuyKwKLOEnFYAjB1T7CvDRwgzIWq/JdLd6SzUoITdq/02cLHnrUrAybRCMQk33Dk7wfgsFrfOPm/ngI+3f7SN1YWMokI65TDqq1338iMcCabfqcUBeFC/Kycym9lOYXeQg1YlRiU+FbOC+Fl3pSm1XulbgEWAybOP/juAGLGstFvdZ3b73a8M8rSlgCvgIoDpesZIqYBPg83yC7PhMt0DtULffQbYu0QR/oAAAAASUVORK5CYII=');
}

.accordion-green {
    background-color: #08794d;
    color: #fff;
}

dt h2, .content-h2 {
    float: left;
    margin: 0;
    padding: 10px 0 8px 0;
    text-align: left;
    font-family: 'Poppins', sans-serif;
    font-size: 20px;
}

dd {
    background-color: #F2F2F2; /*#f0fff9;*/
    float: left;
    width: 100%;
    padding: 10px 15px 15px 15px;
    border-top: 2px solid #007C42;
}

.content-wrapper {
    margin-top: 30px;
    background-color: #e0e0e0; /*#f0fff9;*/
    padding: 5px 15px 15px 15px;
}

dd h2 {
    text-align: left;
}
.row p{
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
}
.closed-acc, .open-acc {
    display: none;
    float: right;
    font-style: normal;
    height: 50px;
    width: 50px;
    text-align: center;
    font-weight: normal;
    background-color: #2a292e;
    font-family: 'Glyphicons Halflings';
    color: #fff;
}

.closed-acc:before {
    content: "\2b";
}

.open-acc:before {
    content: "\2212";
}

.related-posts-frame dd {
    padding-right: 30px;
    padding-left: 30px;
    padding-bottom: 15px;
}

.related-page {
    padding-right: 0px;
    padding-left: 0px;
}

.related-page span {
    width: 100%;
    height: 70px;
    margin-top: -70px;;
    display: block;
    padding: 15px 0;
    background-color: #f7f7f7;
    text-align: left;
}

.related-page span a {
    background-color: rgba(37, 115, 85, 0.9);
    padding: 10px;
    font-size: 0.7em;
    color: #fff;
}

.related-page:hover span {
    background-color: #08794d;
    height: 118px;
    margin-top: -118px;
    padding: 10px;
}

.related-page:hover span a {
    display: block;
    width: 100%;
    height: 98px;
    padding: 40px 10px 5px 10px;
    font-weight: bold;
    border: 1px solid #36ae83;
}

.related-page:hover img {
    opacity: 0.1;
}

.broken_link, a.broken_link {
    text-decoration: none !important;

}

a.no-margin {
    margin: 5px 0;
}

.affix-collapse {
    display: none;
}

.mehr-anbieter-redaktion {
    float: left;
    width: 100%;
    text-align: center;
    padding: 15px 0 5px 0;
    text-decoration: underline;
}

/*+++ Facetwp ++++++*/

.facetwp-type-checkboxes {
    overflow: auto;
    max-height: 160px;
}

.facetwp-facet {
    margin-bottom: 0px !important;
}

.filter-wrapper {
    display: none;
    border: 1px solid #2d9a6f;
    padding: 15px;
    margin: 0;
    color: #2e9e73;
}

.filter-hidden {
    display: none;
}

.filter-txt {
    width: 100%;
    padding: 5px 0;
    color: #2e9e73;
    cursor: pointer;
    font-weight: bold;
}

.facetwp-pager {
    float: left;
    width: 100%;
    display: block;
    padding: 15px 0 5px 0;
    color: #2e9e73;
}

.filter-show-more {
    float: left;
    margin: 15px 0;
    width: 100%;
    text-align: center;
    padding: 10px 10px;
}

.filter-show-more .button-green {
    margin: 0;
    width: auto;
    display: inline;
    float: none;
    padding: 10px 40px;
    cursor: pointer;
}

/*+++ NEU ab April 2018 +++++*/
.bonus_image {
    margin-top: 30px;
}

.bonus_auflistung_header {
    margin-top: 15px;
    margin-bottom: 15px;
    color: #000;
    font-weight: 500;
    font-size: 1.2em;
}

.bonus_auflistung_header ul {
    list-style-type: none;
    margin: 0 0 0 35px;
    padding: 0;
    text-align: left;
}

.bonus_auflistung_header ul li {
    padding: 4px 0;
}

.bonus_auflistung_header ul li:before {
    content: "\f05d";
    float: left;
    width: 30px;
    font-family: 'FontAwesome';
    padding: 0;
    margin: 0 0 0 -30px;
    color: #08794d;
}

.classic-ranking.uebersicht-wrapper .table-anbieter-icon-frame, .classic-ranking.uebersicht-wrapper .bonus {
    line-height: 80px;
    padding: 0;
}

.classic-ranking.uebersicht-wrapper .platz-headline .col-sm-2, .classic-ranking.uebersicht-wrapper .platz-headline .col-sm-3 {
    height: 80px;
}

button.button-orange, button.button-orange-txt, button.button-green, .button-green {
    float: left;
    text-align: center;
    text-transform: uppercase;
    width: 92%;
    font-size: 1.2em;
    font-weight: 700;
    color: #fff !important;
    border: none;
}

.classic-ranking.uebersicht-wrapper a.button-orange, .classic-ranking.uebersicht-wrapper a.button-orange-txt, .classic-ranking.uebersicht-wrapper button.button-orange, .classic-ranking.uebersicht-wrapper button.button-orange-txt, .classic-ranking.uebersicht-wrapper a.button-green, .classic-ranking.uebersicht-wrapper .button-green {
    line-height: 46px;
    padding: 0;
    margin: 16px 4%;
    cursor: pointer;
}

.classic-ranking.uebersicht-wrapper .pfeil {
    text-align: center;
    line-height: 78px;
    font-size: 3em;
    font-weight: 700;
    cursor: pointer;
}

.classic-ranking.uebersicht-wrapper .mehr-infos-wrapper {
    display: none;
    padding-top: 20px;
    padding-bottom: 20px;
    border-top: 1px solid #c8c8c8;
}

button.button-orange, button.button-orange-txt {
    border-bottom: 2px solid #c39419;
    border-radius: 0px;
    background-color: #fdc021;
}

.classic-ranking.uebersicht-wrapper .appvorteile {
    padding-top: 10px;
    line-height: 30px;
    text-align: left;
}

.classic-ranking.uebersicht-wrapper .appvorteile ul {
    padding: 0 15px 0 15px;
    margin: 0;
}

.classic-ranking.uebersicht-wrapper .appvorteile li {
    padding: 0;
    margin: 0;
}

.wett-tipps-wrapper .match {
    font-size: 1.4em;
    font-weight: 700;
    text-align: center;
    padding: 15px 0;
    border-bottom: 1px solid #c8c8c8;
}

.wett-tipps-wrapper .statement {
    height: 80px;
    line-height: 80px;
    text-align: center;
    font-weight: bold;
    border-right: 1px solid #c8c8c8;
}

.wett-tipps-wrapper .button-details {
    border-right: 1px solid #c8c8c8;
}

.wett-tipps-wrapper .anbieter-icon {
    text-align: center;
}

.wett-tipps-wrapper .quote {
    height: 80px;
    line-height: 80px;
    text-align: center;
    font-weight: 700;
}

.wett-tipps-wrapper .mobile-button {
    display: none;
}

.quoten-wrapper {
    background-color: #f8f8f8;
    margin-bottom: 5px;
}

.single-wett-tipp-wrapper .quoten-wrapper .button-tippen, .single-wett-tipp-wrapper .quoten-wrapper .quote, .single-wett-tipp-wrapper .quoten-wrapper .anbieter-icon {
    height: 60px;
}

.quoten-wrapper .quote, .quoten-wrapper .anbieter-icon {
    line-height: 60px;
}

.top5-mobile-button-green {
    display: block;
    line-height: 30px;
    border-bottom: 2px solid #008451
}

table.indi_table ul {
    list-style-type: square;
    padding-left: 0px;
}

table.indi_table ul br {
    display: none;
}

table.indi_table .column-3 a.top5_zum_anbieter {
    margin-top: 15px;
}
/**
Odds comp
 */
body .oddcomp h2{
    background-color: #121D3C;
    margin-bottom: 2px;
    font-size: 14px;
    border: none;
    text-align: center;
    color: #FFFFFF !important;
    padding: 5px;
}
body .oddcomp h2:after{
    display: none;
}
.oddcomp .titles{
    background-color: #596076;
}
.oddcomp .titles > div{
    font-size: 10px !important;
    text-transform: uppercase;
    font-weight: normal;
}
.oddcomp .titles p,
.oddcomp .game p,
.oddcomp .games p{
    display: none;
}
.oddcomp .titles,
.oddcomp .game{
    display: flex;
    background-color: #4f556b;
    justify-content: space-around;
    color: #fff;
}
.oddcomp .titles > div,
.oddcomp .game > div{
    flex-grow: 1;
    text-align: left;
    flex-basis: 0;
    line-height: 25px;
    padding: 10px 5px;
    align-items: center;
    flex-wrap: nowrap;
    font-size: 14px;
}
.oddcomp .titles > div:nth-child(1),
.oddcomp .game > div:nth-child(1),
.oddcomp .titles > div:nth-child(2),
.oddcomp .game > div:nth-child(2),
.oddcomp .titles > div:nth-child(5),
.oddcomp .game > div:nth-child(5){
    border-right: 2px solid white;
}
.oddcomp .titles > div{
    line-height: 26px;
    padding: 0 5px;
}
.oddcomp .titles > div:nth-child(3),
.oddcomp .titles > div:nth-child(4),
.oddcomp .titles > div:nth-child(5){
    text-align: center;
}
.oddcomp .titles > div:nth-child(1),
.oddcomp .game > div:nth-child(1){
    white-space: pre-wrap;
}
.oddcomp .game > div:nth-child(1) > span{
    font-size: 14px;
}
.oddcomp .titles > div:nth-child(2),
.oddcomp .game > div:nth-child(2){
    flex-grow: 3;
    text-align: left;
}
.oddcomp .game > div {
    display: flex;
}
.oddcomp .game{
    background-color: #F1F1F1;
    color: #121D3C;
}
.oddcomp .game .mobile_titles{
    display: none;
}
.oddcomp .game > div:nth-child(3),
.oddcomp .game > div:nth-child(4),
.oddcomp .game > div:nth-child(5){

}
.oddcomp .game > div:nth-child(3) > span,
.oddcomp .game > div:nth-child(4) > span,
.oddcomp .game > div:nth-child(5) > span {
    background-color: #419a70;
    padding: 1px 5px 1px 8px;
    font-size: 14px;
    color: #fff;
    border-radius: 5px;
    border-top: 1px solid #9fc9b5;
    border-bottom: 2px solid #3c7158;
    white-space: pre-line;
    text-align: center;
}
.oddcomp .game > div:nth-child(3) > span a,
.oddcomp .game > div:nth-child(4) > span a,
.oddcomp .game > div:nth-child(5) > span a{
    display: contents;
}
.oddcomp .game > div:nth-child(6){
    text-align: center;
}
.oddcomp .game .odds_image{
    max-width: 60px;
    height: auto;
    border: none;
}
.oddcomp .games {
    margin: 2px 0;
}
.oddcomp .games.show-all > div:nth-child(2){
    -webkit-box-shadow: inset 0px 5px 5px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: inset 0px 5px 5px 0px rgba(0,0,0,0.25);
    box-shadow: inset 0px 5px 5px 0px rgba(0,0,0,0.25);
}
.oddcomp .games:nth-child(even) > .game{
    background-color: #d7d9de;
}
.oddcomp .games:nth-child(odd) > .game{
    background-color: #efefef;
}
.oddcomp .games .game:not(:first-child){
    display: none;
}
.oddcomp .games .more{
    font-size: 12px;
    cursor: pointer;
    background-color: #f6f6f6;
    padding: 1px 5px;
    border-radius: 5px;
    color: #555a70;
    border: 1px solid #555a70;
    white-space: pre-line;
    max-width: 100px;
    position: relative;
}
.oddcomp .games .more.close{
    float: inherit;
    font-size: 12px;
    font-weight: normal;
    color: #555a70;
    text-shadow: none;
    opacity: 1;
    line-height: unset;
}
.oddcomp .game.sorting > div{
    padding-bottom: 0;
}
.oddcomp .game.sorting > div:nth-child(3),
.oddcomp .game.sorting > div:nth-child(4),
.oddcomp .game.sorting > div:nth-child(5){
    justify-content: center;
}
body .oddcomp .game.sorting span{
    border: none;
    height: 17px;
    width: 20px;
    cursor: pointer;
    background: transparent no-repeat center url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAKBAMAAABGe2PVAAAAJ1BMVEUAAACkp7OnqrbY2d2usLvm5ujh4eTa29/S09jKzNLDxMu7vca1uMFK/gbMAAAAAXRSTlMAQObYZgAAAD1JREFUCNdjAIGUCQxQwK4oBWM2CQpugLA4FQUFZSDMhYJA4ApicQuCgEgCkNkoCAYHQPqNwSCAARkowQEA5QgJdS6Dqf8AAAAASUVORK5CYII=');
}
body.home{
    overflow-x: hidden;
}
.homepage-top-bookmakers{
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    background-color: #e0e0e0;
}
.homepage-top-bookmakers .content-wrapper{
    margin: 0;
}
.homepage-top-bookmakers .content-wrapper > h2{
    background-color: #032B43;
    color: #fff;
    width: fit-content;
    padding: 10px;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 600;
    position: relative;
    margin-left: -10px;
    padding-right: 20%;
}
.homepage-top-bookmakers .content-wrapper > h2:before{
    content: '';
    display: block;
    clip-path: polygon(50% 0, 100% 0%, 100% 100%, 50% 85%);
    background-color: #032B43;
    height: 47px;
    width: 15px;
    position: absolute;
    left: -14px;
    top: 0;
}
.homepage-top-bookmakers .content-wrapper > h2 > *:before{
    font-family: FontAwesome;
    content: '\f091';
    margin-right: 10px;
    color: #fcd500;
    font-size: 19px;
}
.homepage-top-bookmakers .content-wrapper > h2:after{
    content: '';
    display: block;
    background-color: #032B43;
    position: absolute;
    right: -20px;
    top: 0;
    clip-path: polygon(100% 0%, 40% 50%, 100% 100%, 0 100%, 0% 50%, 0 0);
    height: 100%;
    width: 21px;
}
.frontpage-ranking{
    display: flex;
    background-color: #fff;
    margin-bottom: 10px;
    border: 1px solid #CDD1D4;
    border-bottom: 4px solid #CDD1D4;
    padding: 10px;
    border-radius: 4px;
    position: relative;
    margin-top: 30px;
}
.frontpage-ranking .operator-badge{
    position: absolute;
    top: -26px;
    left: 20px;
    font-size: 10px;
    padding: 8px;
    text-transform: uppercase;
    font-weight: 600;
    color: #fff;
    line-height: 10px;
    border-radius: 4px 4px 0 0;
}
.frontpage-ranking .operator-badge::before,
.frontpage-ranking .operator-badge::after {
    content: '\f521';
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    padding: 0 9px;
}
.filter-show-more.frontpage{
    float: none;
}
.filter-show-more.frontpage > *{
    background-color: #032B43;
    color: #fff;
    padding: 10px 20px;
    border-radius: 4px;
    border-bottom: 2px solid #FDD600;
}
.frontpage-ranking > *{
    flex-grow: 1;
    flex-basis: 0;
}
.frontpage-ranking > *:nth-child(1){
    display: flex;
    justify-content: space-around;
}
.frontpage-ranking > *:nth-child(1) > *:first-child{
    flex-direction: column;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.frontpage-ranking > *:nth-child(1) > *:first-child > *:nth-child(1){
    background-color: #032B43;
    -webkit-border-radius: 0 4px 0 4px;
    -moz-border-radius: 0 4px 0 4px;
    border-radius: 0 4px 0 4px;
    color: #fff;
    font-size: 16px;
    font-weight: 800;
    padding: 8px 15px;
}
.frontpage-ranking > *:nth-child(1) > *:first-child > *:nth-child(3){
    color: #032B43;
    font-size: 20px;
    font-weight: 800;
    margin-top: 7px;
}
.frontpage-ranking > *:nth-child(1) > *:first-child > *:nth-child(2){
    display: none;
}
.frontpage-ranking > *:nth-child(1) > *:last-child{
    width: 140px;
    max-width: 140px;
    display: flex;
    align-items: center;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #CCCCCC;
    min-height: 65px;
    background: #000;
}
.frontpage-ranking > *:nth-child(2){
    background: #8AC906 center no-repeat url(img/homepage-cross-hatch.png);
    text-align: center;
    justify-content: center;
    display: flex;
    align-items: center;
}
.frontpage-ranking > *:nth-child(2) > *{
    padding: 0 15px;
    line-height: 25px;
    color: #fff;
    font-weight: 600;
}
.frontpage-ranking > *:nth-child(3){
    flex-grow: 2;
    display: flex;
    justify-content: space-between;
}
.frontpage-ranking > *:nth-child(3) > *{
    flex-basis: 0;
}
.frontpage-ranking > *:nth-child(3) > *:first-child{
    flex-grow: 2;
}
.frontpage-ranking > *:nth-child(3) > *:first-child ul{
    list-style: none;
    padding: 0;
    margin: 0;
}
.frontpage-ranking > *:nth-child(3) > *:first-child ul li{
    font-size: 11px;
    color: #032B43;
    font-weight: 600;
    position: relative;
    padding-left: 28px;
}
.frontpage-ranking > *:nth-child(3) > *:first-child ul li:before{
    content: '►';
    width: 10px;
    height: 10px;
    position: absolute;
    left: 10px;
    font-size: 15px;
    color: #FDD600;
}
.frontpage-ranking > *:nth-child(3) > *:first-child ul li:nth-child(n+4){
    display: none;
}
.frontpage-ranking > *:nth-child(3) > *:last-child{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    flex-grow: 1;
}
.frontpage-ranking > *:nth-child(3) > *:last-child > *{
    width: 100%;
    border: 1px solid #6FBC00;
    white-space: nowrap;
    text-align: center;
    padding: 3px;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
}
.frontpage-ranking > *:nth-child(3) > *:last-child > *:first-child{
    color: #6EBB00;
}
.frontpage-ranking > *:nth-child(3) > *:last-child > *:last-child{
    color: #fff;
    background-color: #6FBC00;
}
/*+++ Responsive ++++*/
@media screen and (min-width: 1200px) {
    .container {
        width: 1090px;
    }
}

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

    .operator_review_badge {
        font-size: 9px;
    }
    .operator_review_badge::before, .operator_review_badge::after {
        padding: 0;
    }
    .related-page:hover span {
        height: 105px;
        margin-top: -105px;
    }

    .related-page:hover span a {
        height: 85px;
        padding: 30px 10px 5px 10px;
    }

    .toc_title {
        width: 100% !important;
        margin-left: 0;
    }

    .toc_list {
        width: 100% !important;
        margin-left: 0%;
    }

    .box1 span {
        display: block;
        margin-top: 30px;
    }

    .box2 span {
        display: block;
        margin-top: 30px;
    }

    dt {
        height: auto;
        line-height: 50px;
        width: 100%;
        padding-left: 15px;
        cursor: pointer;
    }

    .affix, .affix-bottom {
        width: 295px;
    }
}

@media screen and (max-width: 1200px) and (min-width: 768px) {
    .platz-headline a.button-orange, .platz-headline a.button-green {
        font-size: 0.9em;
    }
    header .container {
        width: unset;
    }
    .header-top {
        margin-left: 20px;
    }
}
@media screen and (max-width: 991px) {
    .frontpage-ranking{
        flex-direction: column;
    }
    .frontpage-ranking > *:nth-child(1){
        flex-direction: row-reverse;
    }
    .frontpage-ranking > *:nth-child(1) > *:first-child{
        flex-direction: row-reverse;
        flex-grow: 2;
        justify-content: center;
        padding-right: 50px;
    }
    .frontpage-ranking > *:nth-child(1) > *:first-child > *:first-child{
        position: absolute;
        right: 0;
        top: 0;
    }
    .frontpage-ranking > *:nth-child(2){
        margin: 10px 0;
    }
    .frontpage-ranking > *:nth-child(2) > *{
        padding: 20px;
        font-size: 19px;
    }
    .frontpage-ranking > *:nth-child(3) > *:first-child ul li{
        font-size: 12px;
    }
    .frontpage-ranking > *:nth-child(1) > *:first-child > *:nth-child(2){
        display: block;
        width: 60%;
        height: 24px;
        background: #032B43;
        border: 2px solid #032B43;
    }
    .frontpage-ranking > *:nth-child(1) > *:first-child > *:nth-child(2) > *{
        background: #fee35b;
        background: -moz-linear-gradient(top,  #fee35b 0%, #fee35b 50%, #fdd002 51%, #fdd002 100%);
        background: -webkit-linear-gradient(top,  #fee35b 0%,#fee35b 50%,#fdd002 51%,#fdd002 100%);
        background: linear-gradient(to bottom,  #fee35b 0%,#fee35b 50%,#fdd002 51%,#fdd002 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fee35b', endColorstr='#fdd002',GradientType=0 );
        height: 20px;
    }
    .frontpage-ranking > *:nth-child(1) > *:first-child > *:nth-child(3){
        margin: 0 20px 0 0;
        font-size: 29px;
    }
    .operator_review_space{
        width: 100%;
    }
    .operator_review_badge {
        font-size: 8px;
    }
    .related-page:hover span {
        height: 165px;
        margin-top: -165px;
    }

    .related-page:hover span a {
        height: 145px;
        padding: 80px 10px 5px 10px;
    }

    .platz-headline a.button-orange {
        margin-top: 10%;
    }

    .single-layout a.button-orange {
        margin: 35px 4% 0 4%;
    }

    .page-layout a.button-orange {
        margin: 6% 4% 0 4%;
    }

    .wettangebot {
        padding-top: 8px;
    }

    .stars-frame {
        padding: 0 0 30px 5px;
    }

    .bg_fussballligen {
        height: auto;
        background-image: none;
        background-color: #2a292e;
    }

    .fussballligen_text {
        padding-left: 2%;
        line-height: 1.2em;
    }

    .fussballligen_text h2 {
        padding: 0 0 20px 0;
        margin: 0;
    }

    .ligen-icon-frame {
        width: 13.2857143%;
    }

    a.aus-bewertungen-a {
        width: 32.33%;
        margin-bottom: 1%;
    }

    .box1 span {
        display: block;
        margin-top: 10px;
    }

    .box2 span {
        display: block;
        margin-top: 35px;
    }

    .box2 img {
        margin-top: 25px;
    }

    .navbar-default .navbar-nav > li.li-wettanbieter-finden  .dropdown-menu > li {
        width: 50%;
    }

    .nav > li > a {
        padding: 10px 10px;
    }

    .navbar-default .navbar-nav > li.li-apps .dropdown-menu, .navbar-default .navbar-nav > li.li-wetten-lernen .dropdown-menu {
        left: -80%;
    }

    .navbar-default #menu-header > li > a {
        font-size: 0.8em;
    }

    .navbar-default #menu-header > li {
        padding: 0;
        margin: 0;
    }
/*
    .navbar-default #menu-header > li:nth-child(1) {
        width: 3%;
    }

    .navbar-default #menu-header > li:nth-child(2) {
        width: 19%;
    }

    .navbar-default #menu-header > li:nth-child(3) {
        width: 24%;
    }

    .navbar-default #menu-header > li:nth-child(4) {
        width: 12%;
    }

    .navbar-default #menu-header > li:nth-child(5) {
        width: 10%;
    }

    .navbar-default #menu-header > li:nth-child(6) {
        width: 12%;
    }

    .navbar-default #menu-header > li:last-child {
        width: 20%;
        border-right: none;
    }
*/
    dt h2 {
        width: 88%;
    }

    /*.closed-acc,.open-acc{float:left;height:50px;width:auto;padding:0 15px 0 0;text-align:left;background-color:transparent;color:#b7b7b7;}*/
    .affix, .affix-bottom {
        width: 235px;
    }

    .single-layout .bonus {
        font-size: 1.1em;
        padding-top: 30px;
    }

    .single-layout a.button-orange, .single-layout a.button-orange-txt, .single-layout a.button-green {
        text-transform: uppercase;
        width: 92%;
        padding: 7px 0;
    }

    .seven {
        font-size: 16em;
        padding: 50px 0 15px 20px;
    }

    .oddcomp .game{
        flex-flow: wrap;
    }
    body .oddcomp .game .mobile_titles{
        display: flex;
        order: 2;
        flex-grow: 3;
        justify-content: space-around;
        background-color: #4f556b;
        color: #fff;
        padding: 0;
        line-height: unset;
        margin-left: 10px;
        margin-right: 10px;
    }
    body .oddcomp .game .mobile_titles > div{
        padding: 0;
        margin: 0;
        font-size: 10px;
    }
    .oddcomp .game > div:nth-child(1){
        order: 3;
        padding: 0;
        justify-content: center;
    }
    body .oddcomp .game > div:nth-child(1) > span{
        font-size: 12px;
    }
    body .oddcomp .game:not(:first-child) > div:nth-child(1) > span{
        display: none;
    }
    body .oddcomp .game > div:nth-child(2){
        order: 1;
        padding: 10px 10px 0 10px;
        font-weight: 900;
    }
    .oddcomp.wrapper > .titles{
        display: none;
    }
    .oddcomp .game:after{
        content: '';
        width: 100%;
        order: 1;
    }
    .oddcomp .game:before{
        content: '';
        width: 100%;
        order: 4;
    }
    .oddcomp .game > div:nth-child(3){
        order: 4;
        margin-left: 5px;
    }
    .oddcomp .game > div:nth-child(4){
        order: 5;
    }
    .oddcomp .game > div:nth-child(5){
        order: 6;
    }
    .oddcomp .game > div:nth-child(6){
        order: 7;
        justify-content: center;
    }
    body .oddcomp .game > div:nth-child(1),
    body .oddcomp .game > div:nth-child(2),
    body .oddcomp .game > div:nth-child(5){
        border: none;
    }
    .oddcomp .game > div:nth-child(3) > span,
    .oddcomp .game > div:nth-child(4) > span,
    .oddcomp .game > div:nth-child(5) > span{
        flex-direction: row;
        width: 100%;
        justify-content: space-evenly;
        display: flex;
        align-items: center;
    }
    body .oddcomp .games .more,
    body .oddcomp .games .more.close{
        background-color: #f6f6f6;
        border: 1px solid #555a70;
        color: #555a70;
        padding: 2px 10px;
        white-space: normal;
        line-height: normal;
    }
}

@media screen and (max-device-width: 992px) {
    h1.startseite{
        width: unset;
    }
    ul.trust-icons{
        width: 100%;
    }
    /*center images*/
    img.alignleft {
        margin: auto;
        float: none;
        display: block;
        padding-bottom: 10px;
    }
}

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

    .closed-acc, .open-acc {
        display: inline;
    }

    /*center images*/

    img.alignleft {
        margin: auto;
        float: none;
        display: block;
        padding-bottom: 10px;
    }

    .accordion, .accordion:hover {
        background-color: #08794d;
        color: #fff;
    }

    .accordion-green {
        background-color: #08794d;
        color: #fff;
    }

    dd h2 {
        text-align: left;
    }

    dt h2 {
        color: #fff;
        padding: 15px 0 15px 0;
    }

    dt {
        cursor: pointer;
    }

}

@media screen and (min-width: 1025px) {
    ul.nav li.dropdown:hover ul.dropdown-menu {
        display: block;
        margin-top: 0px
    }
}

@media screen and (max-width: 767px) {
    .homepage-top-bookmakers .content-wrapper > h2{
        margin-left: calc(50% - 50vw);
    }
    .homepage-top-bookmakers .content-wrapper > h2:before{
        display: none;
    }
    .operator_review_space{
        width: 95%;
    }
    .operator_review_badge {
        font-size: 10px;
    }

    .related-page:hover span {
        height: 95px;
        margin-top: -95px;
    }

    .related-page:hover span a {
        height: 75px;
        padding: 30px 10px 5px 10px;
    }

    .content-wrapper {
        margin-top: 0px;
    }
    .single-page-anbieter .content-wrapper{
        margin-bottom: 0;
    }

    .platz-headline a.button-orange, .platz-headline a.button-green {
        margin-top: 10px;
    }

    .mobile-ranking {
        height: 158px;
        border-left: 1px solid #C8C8C8;
    }

    .single-layout-mobile .mobile-ranking {
        height: 108px;
    }

    .single-layout-mobile .bewertung {
        padding-top: 17px;
        padding-bottom: 17px;
        border-bottom: 1px solid #C8C8C8;
    }

    .single-layout-mobile .bonus {
        line-height: normal;
        padding: 30px 0;
        font-size: 2em;
        font-weight: bold;
    }

    .platz-headline .col-sm-2, .platz-headline .col-sm-3 {
        height: 158px;
    }

    .platz-headline-winner .col-sm-2, .platz-headline-winner .col-sm-3 {
        height: 158px;
    }

    .headline-filter-wrapper {
        display: none;
    }

    .no-margin-left {
        margin-left: -15px;
        margin-right: -15px;
    }

    h2 {
        font-size: 1.2em;
        padding: 10px 0px 5px;
    }

    .top-5-headline {
        padding: 20px 0 10px 0;
        margin: 0;
        text-align: center;
    }

    .only-mobile {
        display: inherit;
    }

    .no-mobile {
        display: none;
    }

    .seven {
        padding: 0px 0 15px 0;
    }

    .big-seven {
        width: 100%;
        text-align: center;
        border-bottom: 1px solid #fff;
        padding-top: 30px;
        padding-bottom: 30px;
        margin-bottom: 30px;
    }

    .seven-things {
        font-size: 1em
    }

    .ziele {
        margin-top: 15px;
    }

    /*Navbar Toggle Menu*/
    /*Navbar Toggle Menu*/
    .navbar-default #menu-header > li > a {
        font-size: 0.9em;
    }

    .navbar-toggle-frame {
        width: 100%;
        display: block;
        height: 66px;
        background-color: rgba(22, 109, 77, 1);
        overflow: hidden !important;
    }

    .navbar-toggle-frame .navbar-toggle {
        float: right;
        border: none;
        font-size: 1.5em;
        margin: 16px 13px 8px 0;
        padding: 8px 10px;
        background-color: #117e1d;
    }

    .navbar-toggle-frame .navbar-toggle:hover {
        background-color: #0d6041;
    }

    .header-top {
        display: none;
    }

    .home-menu a {
        text-indent: 0;
        font-size: 1em;
        text-transform: none;
    }

    .logo {
        width: auto;
        padding: 0;
        max-width: 235px;
    }

    .navbar-header {
        background-color: #119822;
        width: 100%;
    }

    .navbar-header .navbar-toggle {
        float: right;
        margin-left: 0;
        background-color: transparent;
        height: 50px;
        border: none;
        border-radius: 0;
        margin-right: 10px;
    }

    .navbar-header .navbar-toggle:hover {
        background-color: #119822;
    }

    .navbar-default .navbar-toggle .icon-bar {
        background-color: #fff;
    }

    .navbar-header .navbar-brand {
        float: left;
        padding: 10px 15px 5px 15px;
    }

    #menu-header .fa-home:before, .home-menu a:before {
        display: none;
    }

    #menu-header .fa-lg {
        font-size: 1em;
        line-height: 1.2em;
    }

    #menu-header .fa {
        font-family: Open Sans, Helvetica, Arial, sans-serif;
        -moz-osx-font-smoothing: auto;
    }

    #mysticky-nav .navbar #navbar-header {
        position: absolute;
        padding-left: 0px;
        z-index: 99;
        width: 100%;
        min-height: unset !important;
        align-items: unset;
        justify-content: unset;
        margin: 0;
        background: #119822;
    }

    /*++ Navigation ++++*/
    #menu-header > li {
        border-right: none;
        background-color: transparent;
        padding-left: 0;
        flex-direction: column;
    }

    .navbar-default #menu-header > li > a {
        display: flex;
        width: 100%;
        background-color: #0F891F;
        color: #fff;
        height: auto;
        padding: 15px;
        font-weight: 400;
        overflow: hidden;
        text-transform: uppercase;
        justify-content: space-between;
        font-size: 14px;
        border-bottom: 3px solid #138d1f;
    }

    .navbar-default #menu-header > li > a .caret{
        display: inline-block;
        width: 0;
        height: 0;
        vertical-align: middle;
        border-top: 10px dashed;
        border-right: 5px solid transparent;
        border-left: 5px solid transparent;
        margin: 5px 10px;
    }

    .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
        background-color: #2a292e;
    }

    .navbar-default #menu-header > li:nth-child(1n) {
        width: 100% !important;
    }

    .navbar-default #menu-header > li {
        text-align: left;
        min-height: unset;
    }

    #mysticky-nav .navbar {
        border: none;
        min-height: unset !important;
    }

    .navbar-nav,
    #mysticky-nav .navbar #navbar-header > ul{
        margin: 0;
        display: unset;
        min-height: unset !important;
        align-items: unset;
        justify-content: unset;
        width: unset;
    }

    .navbar-default #menu-header > li:hover {
        background-color: #e0e0e0;
    }

    .navbar-default #menu-header > li:hover, .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
        color: #fff;
        margin-top: 0;
        border-top: none;
        margin-bottom: 0;
        border-bottom: none;
        background-color: transparent;
        background: transparent;
    }

    #menu-header > li.open > a .caret {
        border-bottom: 10px dashed #FDD600;
        border-top: transparent;
    }

    .navbar-default .navbar-nav .open .dropdown-menu > li{
        border-bottom: 1px solid #138d1f;
    }

    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        padding: 10px;
        color: #fff;
        background-color: transparent;
        margin: 5px 0;
    }
    .navbar-default #menu-header > li:not(.li-wettanbieter-finden) > ul > li:not(.bookmaker) > a{
        font-size: 14px;
        padding: 10px 40px;
        text-transform: inherit;
    }

    .dropdown-menu {
        padding: 0;
        margin: 0;
    }

    .navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header {
        padding: 5px 15px 5px 0px;
    }

    .dropdown-menu > li > a {
        white-space: normal;
    }

    .navbar-default .navbar-nav > li.li-wettanbieter-finden  .dropdown-menu, .navbar-default .navbar-nav > li.li-wett-tipps .dropdown-menu, .navbar-default .navbar-nav > li:last-child .dropdown-menu {
        left: 0;
        min-width: 90%;
        padding: 0;
        margin: 0;
    }

    .navbar-default .navbar-nav > li.li-wett-tipps .dropdown-menu, .navbar-default .navbar-nav > li:last-child .dropdown-menu {
        -webkit-column-count: 1;
        -webkit-column-gap: 0;
        -moz-column-count: 1;
        -moz-column-gap: 0;
        column-count: 1;
        column-gap: 0;
    }

    .navbar-default .navbar-nav > li:last-child .dropdown-menu {

    }

    .navbar-default .navbar-nav > li.li-wettanbieter-finden  .dropdown-menu > li > a {
        margin: 5px 0;
    }

    .navbar-default .navbar-nav > li.li-wettanbieter-finden  .dropdown-menu > li > a:nth-child(1) {
        margin: 0 0 5px 0;
    }

    .navbar-default .navbar-nav > li.li-wettanbieter-finden  .dropdown-menu > li > a:last-child {
        margin: 0;
        font-size: 14px;
    }

    .navbar-default .navbar-nav > li .dropdown-menu {
        top: 0%;
        border-radius: 0px;
    }

    .navbar-nav .open .dropdown-menu {
        width: 100%;
    }

    .navbar-default .navbar-nav > li.li-wettanbieter-finden  .dropdown-menu > li {
        width: 100%;
        display: block;
        margin: 0;
        padding: 0;
        float: none;
    }
    .navbar-default .navbar-nav > li.li-wettanbieter-finden .dropdown-menu > li:not(.bookmaker) {
        padding: 10px 30px;
    }

    .navbar-default .navbar-nav > li.li-wettanbieter-finden  .dropdown-menu > li.bookmaker{
        width: 50%;
        float: left;
    }

    .navbar-toggle-frame, .first-line-mobile {
        background: transparent;
    }

    .mobile-ranking a {
        width: 100%;
        text-align: center;
        display: block;
        line-height: 55px;
        margin-top: 5px;
    }

    a.button-orange, a.button-green, a.button-white {
        margin: 10px 0 0 0;
        line-height: normal;
    }

    .first-line-mobile {
        width: 100%;
        display: block;
    }

    table, table tr, table td {
        display: block;
        width: 100%;
    }

    table tr {
        margin-bottom: 20px;
    }

    thead {
        display: none;
    }

    table.wettstrategie tbody tr {
        float: left;
    }

    table#tablepress-2 tr {
        float: left !important;
    }

    table.indi_table tbody.row-hover {
        width: 100% !important;
    }

    table.indi_table tr {
        width: 100% !important;
        display: inline-block;
    }

    .tablepress.indi_table td {
        text-align: center !important;
    }

    .tablepress.indi_table ul {
        list-style-type: none !important;
    }

    .tablepress.indi_table a.button-green {
        width: 100% !important;
    }

    /*+++++++++++++++++++++++++++*/
    .bilder {
        width: 100%;
    }

    .table-anbieter-icon-frame, .wettangebot {
        text-align: center;
    }

    .wettangebot {
        padding: 30px 15px;
    }

    .table-button-frame {
        padding: 25px 15px 25px 15px;
    }

    .single-page-anbieter .classic-ranking .table-button-frame{
        margin-top: 0;
    }

    .stars-frame {
        padding: 0;
    }

    .stars-frame i:nth-child(1) {
        padding: 0;
    }

    .xs-text-right {
        text-align: left;
    }

    .xs-text-center {
        text-align: center;
    }

    .xs-text-right2center {
        text-align: center;
    }

    .contact-us-frame {
        height: auto;
        line-height: 60px;
        text-align: center;
    }

    .contact-us-frame .col-sm-3{
        padding: 0;
    }

    .contact-us-txt, .anbieter-platz-headline {
        margin: 0;
    }

    .contact-us-txt li span:after, .anbieter-platz-headline li span:after {
        display: none;
    }

    .zahlungen-frame {
        padding-bottom: 20px;
        margin-bottom: 20px;
    }

    .zahlungen-frame img {
        width: 24%;
        padding-bottom: 1%;
    }

    .zahlungen-anbieter-box {
        padding-top: 20px;
        padding-bottom: 20px;
        height: auto;
    }

    .zahlungen-anbieter-box img {
        line-height: 1.5em;
    }

    .box1, .box2 {
        margin: 0;
        width: 100%;
    }

    .box2 {
        margin: 15px 0 -15px 0;
        width: 100%;
    }

    .box2 img {
        margin-top: 5px;
    }

    a.button-classic {
        margin-top: 15px;
        font-weight: bold;
        margin-bottom: 0px;
        padding: 10px 0;
    }

    .noch-fragen .headline {
        font-size: 1.4em;
        text-align: center;
    }

    .erfolg-txt-frame {
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .footer-menu {
        padding: 10px 0 10px 0;
        border-bottom: 1px solid #ccc;
    }

    .navbar-headline {
        padding: 10px 0px 15px;
    }

    .header-tel {
        padding: 20px 0;
        margin: 0;
    }

    .navbar-brand {
        display: inline-block;
        padding: 10px 15px;
    }

    .sidebar-wrapper {
        position: absolute;
        top: 78px;
        display: none;
        width: 80%;
    }

    .affix-force-top {
        position: absolute !important;
        top: auto !important;
        bottom: auto !important;
    }

    .affix-collapse {
        display: block;
        background-color: #166d4d;
        color: #fff;
        padding: 5px 15px;
        text-transform: uppercase;
        font-weight: bold;
        cursor: pointer;
    }

    .sidebar-affix, .affix, .affix-top, .affix-bottom {
        width: 100%;
    }

    .platz {
        padding-top: 58px;
    }

    .single-layout-mobile .platz {
        padding-top: 33px;
    }

    .affix-collapse {
        padding: 20px 15px;
    }

    .sidebar-wrapper {
        width: 100%;
    }

    .sidebar-affix {
        padding-left: 0;
    }

    .noch-fragen {
        margin-top: 0px;
    }

    /*+++ NEU ab April 2018 +++++*/
    .bonus_image {
        margin-top: 0px;
    }

    .classic-ranking.uebersicht-wrapper {
        padding-top: 20px;
    }

    .classic-ranking.uebersicht-wrapper .table-anbieter-icon-frame, .classic-ranking.uebersicht-wrapper .bonus {
        line-height: 70px;
    }

    .classic-ranking.uebersicht-wrapper .appvorteile {
        line-height: 25px;
    }

    .classic-ranking.uebersicht-wrapper .platz-headline .col-sm-2, .classic-ranking.uebersicht-wrapper .platz-headline .col-sm-3 {
        height: 70px;
    }

    .classic-ranking.uebersicht-wrapper .table-button-frame, .classic-ranking.uebersicht-wrapper .pfeil{
        float: left;
        width: 100%;
        padding: 0;
        border: none;
    }

    .classic-ranking.uebersicht-wrapper .bonus {
        border: none;
    }

    .classic-ranking.uebersicht-wrapper .pfeil {
        line-height: 50px;
    }

    .wett-tipps-wrapper .match, .wett-tipps-wrapper .statement {
        border: none;
    }

    .wett-tipps-wrapper .statement {
        height: 60px;
        line-height: 60px;
    }

    .single-wett-tipp-wrapper .quoten-wrapper .button-tippen {
        padding-top: 10px;
        padding-bottom: 10px;
        float: left;
        width: 100%;
    }

    .single-wett-tipp-wrapper .quoten-wrapper .button-tippen a {
        width: 100%;
        margin: 0;
    }

    .platz a.button-white {
        width: 100%;
    }

    .mobile-ranking {
        position: relative;
    }

    a.zum_anbieter_mobile {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        padding-top: 20px;
    }
    .single-page-anbieter .platz-headline .description{
        padding: 10px;
        margin-bottom: 0;
    }
}

@media screen and (max-width: 599px) {
    h1.startseite{
        margin: 35px auto 10px auto;
    }
    .ligen-icon-frame {
        width: 24%;
        margin-bottom: 1%;
    }

    a.aus-bewertungen-a {
        width: 49%;
        margin-bottom: 1%;
    }
}

@media screen and (max-width: 500px) {
    .frontpage-ranking > *:nth-child(1) > *:first-child{
        flex-direction: column-reverse;
        padding-right: 0;
        padding-left: 10px;
        justify-content: space-evenly;
    }
    .frontpage-ranking > *:nth-child(1) > *:first-child > *:nth-child(2){
        width: 100%;
        height: 14px;
        margin-top: 10px;
    }
    .frontpage-ranking > *:nth-child(1) > *:first-child > *:nth-child(2) > *{
        height: 10px;
    }
    .frontpage-ranking > *:nth-child(3){
        flex-direction: column;
    }
    .frontpage-ranking > *:nth-child(3) > *:last-child{
        flex-direction: row;
        margin-top: 10px;
    }
    .frontpage-ranking > *:nth-child(3) > *:last-child > *{
        width: 47%;
        padding: 11px 3px;
    }
    .row.platz-headline {
        position: relative;
    }
    .col-xs-4.col-sm-2.platz.text-center {
        position: unset;
    }

    .operator_review_space {
        width:  70%;
        z-index: 1;
    }

    .operator_review_badge {
        font-size: 12px;
    }

    body {
        font-size: 12px;
    }

    dt h2 {
        width: 82%;
    }

    .box2 span {
        margin: 10px 0 0;
    }

    .platz {
        font-size: 2em;
    }

    .video-overlay {
        padding: 10px 0;
    }

    .video-overlay img {
        width: 50%;
    }

    .alignleft.size-medium, .alignright.size-medium {
        width: 100%;
    }
    .single-page-anbieter .platz-headline .description{
        padding: 10px;
        margin-bottom: 0;
    }
    .oddcomp .games .more.open:after,
    .oddcomp .games .more.close:after{
        display: none;
    }
    body .oddcomp .game > div:nth-child(3) > span,
    body .oddcomp .game > div:nth-child(4) > span,
    body .oddcomp .game > div:nth-child(5) > span {
        flex-direction: column-reverse;
        width: 100%;
        justify-content: center;
        padding: 0 !important;
        border-top: none;
    }
    .oddcomp .game > div:nth-child(3) > span img,
    .oddcomp .game > div:nth-child(4) > span img,
    .oddcomp .game > div:nth-child(5) > span img{
        width: 100%;
        max-width: unset;
        border-radius: 4px 4px 0 0;
    }
    body .oddcomp .game > div:nth-child(3) > span a,
    body .oddcomp .game > div:nth-child(4) > span a,
    body .oddcomp .game > div:nth-child(5) > span a{
        margin: 0;
        padding: 0;
        line-height: 10px;
    }
}
@media only screen and (max-width: 460px){
    .homepage-top-bookmakers .content-wrapper > h2{
        padding-right: 10%;
    }
    body .oddcomp .game > div:nth-child(1) > span{
        font-size: 8px;
    }
}
@media only screen and (max-width: 380px){
    .frontpage-ranking > *:nth-child(1) > *:first-child{
        align-items: start;
    }
    .bg-startseite{
        background-size: 120%;
    }
}
@media screen and (max-width: 300px) {
    h1.startseite {
        font-size: 1.2em;
    }

    .video-overlay {
        padding: 0px 0;
    }

    .video-overlay img {
        width: 40%;
    }
}
/* Table Press Styling*/
.tablepress.casino-fastest-payouts{
    border: 5px solid #CCCCCC;
}
.tablepress.casino-fastest-payouts th{
    background-color: #028351;
    color: #fff;
}
.tablepress.casino-fastest-payouts thead th{
    border: 0;
}
.tablepress.casino-fastest-payouts td.column-1,
.tablepress.casino-fastest-payouts td.column-2,
.tablepress.casino-fastest-payouts td.column-4{
    vertical-align: middle;
}
.tablepress.casino-fastest-payouts .column-1 img {
    width: 35px;
}
.tablepress.casino-fastest-payouts td.column-1 span{
    background: #FF8400;
    color: #fff;
    padding: 6px;
    border-radius: 4px;
}
.tablepress.casino-fastest-payouts td.column-2 {
    width: 170px;
}
.tablepress.casino-fastest-payouts td.column-2 img{
    width: 150px;
}
.tablepress.casino-fastest-payouts td.column-2 a{
    color: #028351;
    text-decoration: underline;
    font-size: 14px;
}
.tablepress.casino-fastest-payouts .column-3 ul{
    padding: 0;
}
.tablepress.casino-fastest-payouts .column-3 li::before {
    font-family: FontAwesome;
    content: '\f058';
    margin-right: 7px;
    color: #EE964B;
}
.tablepress.casino-fastest-payouts .column-3 li {
    list-style: none;
    display: inline-flex;
    font-size: 14px;
    color: #0F1D3E;
}
.tablepress.casino-fastest-payouts .oparatorContainer-bottom {
    padding: 8px 20px 8px 20px;
    text-align: center;
    margin: auto;
    color: #fff;
    border-radius: 4px;
    width: 140px;
    border-bottom: 2px solid #008451;
    background-color: #26c88d;
}
.tablepress.casino-fastest-payouts .oparatorContainer-bottom:hover {
    opacity: 0.8;
    text-decoration: none;
}
.tablepress.casino-fastest-payouts a.gotolinkbtn {
    color: #fff;
}
.tablepress.casino-fastest-payouts .oparator-gotobtn{
    font-size: 14px;
}
.tablepress.casino-fastest-payouts tbody td {
    border-top: 5px solid #ddd;
    vertical-align: middle;
    padding: 5px;
}
.tablepress .payment-img {
    width: 100%;
    text-align: center;
}
.tablepress .column-4 li::before {
    font-family: FontAwesome;
    content: '\f058';
    margin-right: 10px;
    color: #F5A300;
    font-size: 14px;
}
.tablepress .payment-img img{
    width: 35%;
    padding: 0;
    margin: 0;
}
.tablepress .payment-img ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
@media (max-width: 1200px) and (min-width: 991px){
    ul.dropdown-menu{
        font-size: 12px !important;
    }
}

@media (max-width: 991px) {
    table.tablepress.casino-fastest-payouts thead,
    table.tablepress.casino-fastest-payouts tbody{
        display: block!important;
    }
    table.tablepress.casino-fastest-payouts tr {
        margin-bottom: 0!important;
    }
    table.tablepress.casino-fastest-payouts {
        width: 100%;
        border: 0;
        box-shadow: none;
    }
    table.tablepress.casino-fastest-payouts thead tr {
        background: #028351;
        margin-bottom: 0!important;
    }
    table.tablepress.casino-fastest-payouts tr {
        display: block;
        border: 5px solid #CCCCCC;
    }
    table.tablepress.casino-fastest-payouts td {
        display: block;
        width: 100%;
        border-top: 0!important;
    }
    table.tablepress.casino-fastest-payouts td.column-1 {
        margin-top: 10px;
        width: 22%;
        float: left!important;
        margin-top: 34px;
    }
    .tablepress.casino-fastest-payouts td.column-2 img {
        width: 100%;
    }
    table.tablepress.casino-fastest-payouts td.column-2 {
        width: 60%;
        float: left!important;
    }
    table.tablepress.casino-fastest-payouts td.column-1,
    table.tablepress.casino-fastest-payouts td.column-2,
    table.tablepress.casino-fastest-payouts td.column-4{
        text-align: center;
    }
    .tablepress.casino-fastest-payouts .oparatorContainer-bottom{
        width: 100%;
    }
    .tablepress .payment-img img {
        width: 18%;
    }
}