/*
Theme Name: ClassicPress
Theme URI: htpp://freshthemes/demo/classicpress
Description: EDITED -- A Premium WordPress Magazine Theme by FreshThemes
Author: Rifki
Author URI: #
Version: 9.9.9
Tags: black, white, theme options
License: GNU General Public License version 3.0
License URI: #
Text Domain: novoline_theme
*/

/*@import url("stylesheets/base.css");*/
body {
    font-family: "Source Sans Pro", Arial, Helvetica, sans-serif;
    color: #505050
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Source Sans Pro", Arial, Helvetica, sans-serif;
    color: #464646
}
#wrapper {
    background: #fff;
    position: relative
}
body.fixed #wrapper {
    width: 1020px;
    margin-left: auto;
    margin-right: auto;
    padding: 0
}
#main {
    padding: 15px 0 45px 0
}
.home #main {
	padding-top: 30px;
}
#sidebar-wrapper {
    border-left: 1px solid #e5eaee;
    float: left;
    margin: 0 0 0 -16px;
    padding-left: 29px;
    padding-right: 0
}
#content {
    border-right: 1px solid #e5eaee;
    padding-right: 30px
}
#content-wrapper.layout-left-sidebar {
    float: right
}
#sidebar-wrapper.layout-left-sidebar {
    float: right;
    border-right: 1px solid #e5eaee;
    border-left: 0;
    margin: 0 -16px 0 0;
    padding: 0 29px 0 0
}
#content-wrapper.layout-left-sidebar #content {
    border-left: 1px solid #e5eaee;
    border-right: 0;
    padding: 0 0 0 30px
}
#content-wrapper.layout-fullwidth #content {
    border: 0;
    padding: 0
}
#header {
    padding: 20px 0
}
.toggle-search {
	display: none;
}
.infobox-right {
	float: right;
	line-height: 1;
}
.language-switch {
	text-align: right;
	position: absolute;
	right: 0;
}
.language-switch a:not(.current_language) {
	opacity: .4;
}
.language-switch img {
	margin-left: 4px;
}
#logo #site-title {
    margin: 0
}
#logo h2#site-description {
    color: #505050;
    font-size: 14px;
    font-weight: normal;
    line-height: 18px;
    margin: 5px 0 0 0
}
#top-banner-tablet {
    display: none
}
#menu {
    background: #353535 !important;
}
#menu ul {
    list-style: none;
    margin: 0;
    padding: 0
}
#menu>ul>li>a {
    background: url('images/menu-sep.png') no-repeat right center;
    color: #fff;
    font-size: 16px;
    padding: 15px 20px;
}
#menu>ul>li>a:hover,
#menu>ul>li.active>a,
#menu>ul>li.sfHover>a,
#menu>ul>li.current-menu-item>a,
#menu>ul>li:hover > a {
    background: #f49717;
    color: #fff
}
#menu ul li a span.sf-sub-indicator {
    font-size: 11px;
    margin-left: 5px;
    line-height: .5em
}
#menu ul li:hover ul,
#menu ul li.sfHover ul {
    top: 48px
}
#menu ul li ul {
    background: #fff;
    -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
    padding: 5px 20px
}
#menu ul li ul li a {
    border-bottom: 1px solid #e5eaee;
    color: #555;
    padding: 10px 0
}
#menu ul li ul li a:hover {
    color: #f49717
}
#menu ul li ul li:last-child>a {
    border-bottom: 0
}
#menu ul li li:hover ul,
#menu ul li li.sfHover ul {
    top: 0;
    left: 161px
}
#menu ul li li a span.sf-sub-indicator {
    color: #999;
    font-size: 10px;
    line-height: .5em;
    margin-left: 0;
    float: right;
    margin-top: 4px
}
#newsticker {
    background-color: #fff;
    border-bottom: 1px solid #e5eaee
}
#newsticker .label {
    border-right: 1px solid #e5eaee;
    font-size: 16px;
    font-weight: bold;
    float: left;
    margin: 13px 20px 0 0;
    padding-right: 20px
}
#newsticker .ticker-container {
    height: 48px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative
}
#newsticker .ticker-container-mask {
    overflow: hidden;
    padding: 14px 0
}
#newsticker ul#ticker {
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
    overflow: hidden;
    width: 9999em;
    height: 20px
}
#newsticker ul#ticker li {
    float: left;
    margin: 0 20px 0 0;
    padding: 0
}
#newsticker ul#ticker li a {
    color: #505050;
    padding: 0;
    white-space: nowrap
}
#newsticker ul#ticker li a:hover {
    color: #f49717;
    text-decoration: none
}
#newsticker ul#ticker li a strong {
    font-size: 16px;
    margin-right: 5px
}
.entry-thumb {
    position: relative
}
.entry-title a {
    color: #464646
}
.entry-title a:hover {
    color: #505050;
    text-decoration: none
}
.entry-meta {
    color: #999;
    margin-bottom: 5px
}
.comment-bubble {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 100
}
.comment-bubble a {
    display: block;
    background: #f49717;
    color: #fff;
    font-size: 16px;
    padding: 5px 12px;
    color: #fff;
    font-weight: bold
}
.comment-bubble a:hover {
    color: #fff;
    text-decoration: none
}
.comment-bubble .arrow {
    border-left: 6px solid #f49717;
    border-right: 6px solid transparent;
    border-bottom: 6px solid transparent;
    position: absolute;
    bottom: -6px;
    left: 50%;
    margin-left: -6px;
    width: 0;
    height: 0
}
a.format-icon {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -24px;
    margin-left: -24px;
    width: 48px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    border-radius: 4px;
    font-size: 22px;
    color: #fff;
    background: #000;
    opacity: .65
}
a.format-icon:hover {
    opacity: 1;
    color: #fff;
    text-decoration: none
}
.ratings {
    display: inline-block
}
.ratings .icon-star,
.ratings .icon-star-empty {
    color: #999;
    font-size: 13px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1)
}
.ratings .icon-star {
    color: #F90
}
.entry {
    border-bottom: 1px solid #e5eaee;
    margin-bottom: 30px
}
.entry .entry-thumb {
    float: left;
    margin-bottom: 30px
}
.entry-thumb .entry-header,
.entry-thumb .entry-excerpt,
.entry-thumb .entry-footer {
    margin-left: 0
}
.entry-thumb .entry-header,
.entry-thumb .entry-excerpt,
.entry-thumb .entry-footer {
    margin-left: 0
}
.entry .entry-meta .ratings {
    margin-left: 5px;
    width: 70px
}
.entry .entry-meta .ratings i {
    margin-right: 2px
}
.entry-grid {
    margin-bottom: 30px
}
.entry-grid .entry-thumb {
    margin-bottom: 15px
}
.entry-grid .entry-title {
    font-size: 18px;
    letter-spacing: 0;
    line-height: 24px
}
.entry-grid .entry-excerpt {
    margin-bottom: 15px
}
.entry-grid .entry-excerpt p {
    margin-bottom: 0
}
.entry-grid .entry-meta .ratings {
    margin-left: 5px;
    width: 70px
}
.entry-grid .entry-meta .ratings i {
    margin-right: 1px
}
.single-entry {
    padding-bottom: 30px;
    margin-bottom: 20px
}
.single-entry .entry-header {
    margin-bottom: 0
}
.entry-header.outer, .archive-header.outer {
	padding: 0 15px;
	margin-bottom: 15px;
}
.entry-header.outer h1, .archive-header.outer h1 {
	margin-bottom: 0;
}
.entry-header.outer .cats {
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 8px
}
.single-entry .entry-thumb {
    margin-bottom: 30px
}
.single-page .entry-header {
    border-bottom: 1px solid #e5eaee;
    margin-bottom: 30px;
    padding-bottom: 10px
}
#featured-posts {
    margin-bottom: 30px
}
#featured-slider {
    margin-left: 213px
}
#featured-slider .flex-caption {
    left: -213px;
    top: 0;
    position: absolute;
    width: 193px
}
#featured-slider .flex-caption p {
    margin-bottom: 10px
}
#featured-slider .flex-caption .cats {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px
}
#featured-slider .flex-caption .cats span {
    color: #f49717
}
#featured-slider ol.flex-control-nav {
    position: absolute;
    float: left;
    left: 15px;
    bottom: 15px
}
#featured-slider ol.flex-control-nav li {
    margin: 0 5px
}
#featured-slider ol.flex-control-paging li a {
    background: #FFF;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    -webkit-box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.2);
    width: 12px;
    height: 12px
}
#featured-slider ol.flex-control-paging li a:hover {
    background: #f49717
}
#featured-slider ol.flex-control-paging li a.flex-active {
    background: #f49717;
    cursor: default
}
.archive-header {
    margin-bottom: 20px
}
.author-info {
    border-bottom: 1px solid #e5eaee;
    margin-bottom: 30px;
    padding-bottom: 15px
}
#author-box {
    border: 0;
    padding: 0
}
.author-avatar {
    float: left;
    margin-bottom: 15px
}
.author-description {
    margin-left: 100px
}
.author-description h2 {
    font-size: 16px;
    margin-bottom: 5px
}
.author-description h2 a {
    color: #464646
}
.author-description h2 a:hover {
    color: #505050;
    text-decoration: none
}
#related-posts {
    margin: 30px 0;
    border-bottom: 1px solid #e5eaee
}
#related-posts .entry-grid .comment-bubble {
    display: none
}
#related-posts .entry-grid h2.entry-title {
    font-size: 100%;
    font-weight: normal;
    letter-spacing: 0
}
#childpages {
	margin: 20px 0 0;
}
.childpages-item {
	width: 48.5%;
	min-width: 150px;
	float: left;
	margin: 0 .75% 1.5%;
	border: 1px solid #e5eaee;
	border-radius: 5px;
	box-sizing: border-box;
}
.childpages-item:nth-child(odd) {
	clear: left;
}
.childpages-item a {
	display: block;
	padding: 15px;
	font-weight: bold;
	line-height: 1.25;
}
.post-navigation {
    margin-bottom: 30px
}
.post-navigation span {
    display: block;
    margin-bottom: 5px
}
.post-navigation i {
    font-size: 15px
}
.post-navigation a {
    color: #464646;
    font-size: 18px;
    line-height: 22px;
    font-weight: bold
}
.post-navigation a:hover {
    color: #505050;
    text-decoration: none
}
.page-navigation a {
    color: #464646;
    font-size: 16px;
    line-height: 22px;
    font-weight: bold
}
.page-navigation a:hover {
    color: #505050;
    text-decoration: none
}
#content .wp-pagenavi {
    clear: both
}
#content .wp-pagenavi a,
#content .wp-pagenavi span {
    color: #505050;
    display: inline-block;
    font-weight: bold;
    text-decoration: none;
    border: 1px solid #e5eaee;
    padding: 3px 10px;
    margin: 2px
}
#content .wp-pagenavi a:hover,
#content .wp-pagenavi span.current {
    background: #f49717;
    border-color: #f49717;
    color: #fff
}
#content .wp-pagenavi span.current {
    font-weight: bold
}
#comments {
    margin-bottom: 20px
}
h2#comments-title {
    margin-bottom: 30px
}
ol.commentlist,
ul.children {
    list-style: none;
    margin: 0;
    padding: 0
}
ol.commentlist {
    margin-bottom: 30px
}
ol.commentlist li {
    list-style: none;
    margin: 0 0 0 85px;
    padding: 0
}
ol.commentlist li li {
    margin-left: 73px
}
ol.commentlist li>.comment {
    background: #FFF;
    border: 1px solid #e5eaee;
    margin-bottom: 20px;
    padding: 15px 0;
    position: relative
}
ol.commentlist li.bypostauthor>.comment {
    background: #fbfbfb
}
ol.commentlist li>.comment span.triangle {
    display: block;
    border: 1px solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-right-color: #e5eaee;
    border-width: 11px;
    left: -11px;
    top: 30px;
    margin-left: -11px
}
ol.commentlist li>.comment span.triangle:before {
    display: block;
    border: 1px solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-right-color: #FFF;
    border-width: 10px;
    left: 1px;
    top: -10px;
    margin-left: -10px
}
ol.commentlist li.bypostauthor>.comment span.triangle:before {
    border-right-color: #fbfbfb
}
ol.commentlist li li>.comment span.triangle {
    top: 18px
}
ol.commentlist li .comment-meta {
    border-bottom: 1px dotted #e5eaee;
    color: #444;
    margin: 0 15px 10px;
    padding-bottom: 10px
}
ol.commentlist li .comment-meta .comment-awaiting-moderation {
    font-size: 11px;
    font-weight: normal;
    font-style: italic;
    color: #999
}
ol.commentlist li .comment-author {
    position: relative
}
ol.commentlist li .comment-author img.avatar {
    position: absolute;
    margin-top: -15px;
    margin-left: -100px
}
ol.commentlist li li .comment-author img.avatar {
    margin-left: -88px
}
ol.commentlist li .comment-content {
    margin: 0 15px
}
ol.commentlist li .reply {
    margin: 0 15px
}
h3#reply-title small {
    font-weight: normal;
    float: right;
    text-transform: none
}
form#commentform p {
    margin-bottom: 15px;
    position: relative
}
form#commentform p.form-submit {
	clear: both;
}
form#commentform p.form-allowed-tags {
    margin-bottom: 20px
}
form#commentform p.comment-notes {
    margin-bottom: 20px
}
form#commentform input[type="text"] {
    width: 100%;
    margin: 0;
    clear: both
}
form#commentform p.comment-form-author,
form#commentform p.comment-form-email,
form#commentform p.comment-form-url {
    width: 50%;
    float: left;
    padding-right: 15px
}
form#commentform p.comment-form-url {
    padding-right: 0
}
form#commentform p.comment-form-comment {
    margin-bottom: 10px
}
form#commentform textarea {
    width: 100%;
    margin: 0
}
form#commentform label {
    display: block;
    margin-bottom: 5px
}
form#commentform span.required {
    color: red
}
form#commentform .comment-form-author span.required,
form#commentform .comment-form-email span.required {
    margin-left: 5px
}
.heading {
    background: transparent url('images/line.png') repeat-x left center;
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 20px;
    padding: 0
}
.heading span {
    background: #fff;
    margin-top: -20px;
    display: inline-block;
    padding: 0 15px 0 0;
    position: relative
}
.heading a {
    color: #464646
}
.heading a:hover {
    color: #505050;
    text-decoration: none
}
#content .heading {
    margin-bottom: 30px
}
#content .sub-content .heading {
	margin-bottom: 10px;
}
.widget {
    margin-bottom: 40px
}
.widget ul {
    list-style: none;
    margin: 0;
    padding: 0
}
.widget ul li {
    border-bottom: 1px dashed #e5eaee;
    padding: 0 0 8px 0;
    margin: 0 0 8px 0
}
.widget ul li:last-child {
    border: 0;
    padding: 0;
    margin: 0
}
.entry-listing ul {
    list-style: none;
    margin: 0;
    padding: 0
}
.entry-listing li,
.widget .entry-listing li {
    border-bottom: 1px dashed #e5eaee;
    margin: 0 0 12px 0;
    padding: 0 0 12px 0
}
.entry-listing li:last-child {
    border-bottom: 0;
    margin: 0;
    padding: 0
}
.entry-listing li .thumb {
    float: left;
    width: 70px;
    position: relative
}
.entry-listing li .thumb a.format-icon {
    border-radius: 2px;
    margin-top: -12px;
    margin-left: -12px;
    width: 24px;
    height: 24px;
    line-height: 24px;
    font-size: 12px
}
.entry-listing li h5,
.entry-listing li .meta {
    margin-left: 85px
}
.entry-listing li h5 {
    font-weight: normal;
    margin-bottom: 8px
}
.entry-listing li h5 a {
    color: #464646
}
.entry-listing li h5 a:hover {
    color: #505050;
    text-decoration: none
}
.entry-listing li .meta {
    color: #999;
    font-size: 90%;
    line-height: 100%
}
.entry-listing li .meta .ratings {
    margin-left: 3px;
    width: 70px
}
.entry-listing li .meta .ratings i {
    width: 14px
}
.widget .widgetlist li {
	padding: 12px 0 !important;
	margin: 0;
}
.widget .widgetlist li a {
	color: #464646;
}
.searchform {
    margin: 0;
    position: relative
}
.searchform input[type="text"] {
    padding: 8px 48px 8px 10px;
    width: 100%
}
.searchform .search_btn {
    background: 0;
    border: 0;
    box-shadow: none;
    font-size: 14px;
    color: #999;
    position: absolute;
    top: 0;
    right: 0;
    padding: 0;
    width: 38px;
    height: 38px;
    text-shadow: none
}
#header #searchform #searchsubmit i:before, #header #searchform .toggle-search i:before {
    content: "\f002";
}
.social-counter ul li {
    float: left;
    width: 50%;
    border-bottom: 1px dashed #e5eaee;
    margin: 0 0 10px;
    padding: 0 0 10px
}
.social-counter ul li:nth-last-child(-n+2) {
    border: 0;
    margin: 0;
    padding: 0
}
.social-counter ul li [class^="zocial-"],
.social-counter ul li [class*=" zocial-"] {
    margin-right: 15px
}
.social-counter ul li strong {
    display: block;
    font-size: 18px;
    line-height: 100%;
    margin-bottom: 3px
}
.social-counter ul li span {
    color: #999;
    font-size: 12px;
    line-height: 100%;
    display: block
}
.tagcloud a {
    display: inline-block;
    background: #fff;
    border: 1px solid #e5eaee;
    color: #505050;
    padding: 3px 10px;
    margin: 0 0 2px 0
}
.tagcloud a:hover {
    background-color: #f49717;
    border-color: #f49717;
    color: #fff;
    text-decoration: none
}
.widget_calendar table th,
.widget_calendar table td {
    background: #fff;
    border: 1px solid #e5eaee;
    text-align: center
}
.widget_calendar table thead th {
    background: #e5eaee;
    border-color: #e2e2e2
}
.widget_calendar table td#today {
    background-color: #f49717;
    border-color: #f49717;
    color: #FFF;
    font-weight: bold
}
.widget_calendar table td#today a {
    color: #FFF
}
.widget_calendar caption {
    background: #464646;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    padding: 8px 10px
}
.widget_calendar #calendar_wrap table {
    border-right: 1px solid #e5eaee;
    margin-bottom: 0
}
.widget_calendar table tfoot td a {
    color: #505050;
    font-weight: bold
}
.widget_calendar table tfoot td a:hover {
    text-decoration: none
}
#footer-widgets .widget_calendar table th,
#footer-widgets .widget_calendar table td {
    background: #464646;
    border: 1px solid #464646;
    color: #ccc
}
#footer-widgets .widget_calendar table thead th {
    background: #393939;
    border-color: #464646
}
#footer-widgets .widget_calendar caption {
    background: #f49717
}
#footer-widgets .widget_calendar table tfoot td a {
    color: #505050;
    font-weight: bold
}
#footer-widgets .widget_calendar table td#today {
    background-color: #f49717;
    border-color: #f49717;
    color: #FFF;
    font-weight: bold
}
#footer-widgets .widget_calendar table td#today a,
#footer-widgets .widget_calendar table tfoot td a {
    color: #fff
}
.tweet ul {
    list-style: none;
    margin: 0;
    padding: 0
}
.tweet ul li {
    border-bottom: 1px dashed #e5eaee;
    margin: 0 0 12px;
    padding: 0 0 12px
}
.tweet ul li:last-child {
    border-bottom: 0;
    margin: 0;
    padding: 0
}
.tweet ul li .tweet_text {
    display: inline-block;
    margin-bottom: 5px;
    word-wrap: break-word
}
.tweet ul li .tweet_time {
    color: #999;
    font-size: 90%
}
.tweet ul li .tweet_time a {
    color: #999
}
.flickr-photos ul,
.dribbble-shots ul {
    list-style: none;
    margin: 0 -4px 0 0;
    padding: 0
}
.flickr-photos ul li,
.dribbble-shots ul li {
    float: left;
    border: 0;
    margin: 0 4px 4px 0;
    padding: 0;
    width: 74px;
    height: 74px
}
.medium-rectangle-ad a {
    display: block;
    padding: 5px;
    background: #fbfbfb
}
#footer-widgets {
    background: #464646;
    padding: 40px 0 15px 0
}
#footer-widgets a {
    color: #ccc
}
#footer-widgets a:hover {
    color: #fff
}
#footer-widgets .widget .heading {
    color: #FFF;
    background-image: url('images/line-footer.png')
}
#footer-widgets .widget .heading span {
    background-color: #464646
}
#footer-widgets .widget {
    color: #999
}
#footer-widgets .tagcloud a {
    background-color: #464646;
    border-color: #464646;
    color: #fff
}
#footer-widgets .tagcloud a:hover {
    background-color: #f49717;
    border-color: #f49717
}
#footer-widgets .widget ul li,
#footer-widgets .entry-listing li,
#footer-widgets .tweet ul li {
    border-color: #464646
}
#footer-widgets .tweet ul li .tweet_time a {
    color: #666
}
#footer {
    background: #464646;
    color: #999
}
#footer .container {
    border-top: 1px solid #464646;
    padding: 30px 10px
}
#footer a {
    color: #ccc
}
#footer a:hover {
    color: #fff
}
#footer-menu ul {
    list-style: none;
    margin: 0;
    padding: 0
}
#footer-menu li {
    display: block;
    margin: 0 0 8px 0;
	line-height: 1.1;
}
#footer-menu li a, #footer .jslink {
    color: #fff;
	cursor: pointer;
}
#footer-menu li a:hover, #footer .jslink:hover {
    text-decoration: underline;
}
#footer #legal-logos {
	margin-bottom: 25px;
	padding-bottom: 20px;
	border-bottom: 1px solid #5a5757;
}
#footer #legal-logos .de-disclaimer-logo {
	margin: 0;
	max-width: 100%;
}
#footer #legal-logos .de-disclaimer-logo {
	margin: 0;
	max-width: 100%;
}
.wp-caption {
    max-width: 100% !important;
    box-sizing: border-box;
    margin-top: 10px;
    margin-bottom: 10px;
}
.wp-caption img {
    display: block;
    max-width: 100%;
}
.wp-caption-text,
.gallery-caption {
    margin: 0;
    font-size: 13px;
	background: #f9fafb;
	padding: 6px 10px;
	text-align: center;
	font-weight: bold;
}
.alignright {
    float: right
}
.alignleft {
    float: left;
    margin-right: 10px
}
.aligncenter {
    display: block;
    margin: 30px auto;
}
img.alignleft, img.aligright {
	max-width: 40% !important;
}
#content .gallery {
    margin-bottom: 0
}
#content .gallery .gallery-icon {
    margin: 0;
    padding: 0
}
#content .gallery img {
    border: 1px solid #fff;
    display: block;
    width: 100%
}
#content .gallery .gallery-item {
    margin: 0
}
#contact-form label {
    display: block;
    margin-bottom: 5px
}
#contact-form .captcha {
    background: #e5eaee;
    display: inline-block;
    font-weight: bold;
    padding: 4px 10px
}
.review-box {
    border: 1px solid #e5eaee;
    margin: 0 0 20px 0;
    padding: 0;
    float: right;
    width: 206px;
    margin-left: 20px;
    text-align: right
}
.review-box .left,
.review-box .right {
    padding: 20px;
    padding-bottom: 0
}
.review-box .left {
    border-right: 1px solid #e5eaee
}
.review-box h3 {
    margin-bottom: 10px
}
ul.criterias {
    list-style: none;
    margin: 0;
    padding: 0
}
ul.criterias li {
    margin: 0 0 12px 0
}
ul.criterias li:last-child {
    margin-bottom: 8px
}
ul.criterias .criteria-label {
    margin-bottom: 5px
}
ul.criterias .criteria-scorebar {
    background: #f0f0f0;
    border: 1px solid #e0e0e0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    box-shadow: inset 0 0 3px #efefef;
    padding: 3px;
    position: relative
}
ul.criterias .criteria-scorebar .score-number {
    position: absolute;
    right: 10px;
    top: 2px;
    font-weight: bold;
    font-size: 11px
}
ul.criterias .criteria-scorebar-value {
    background: #f49717;
    border: 1px solid #f49717;
    box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), 0 1px 3px rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    padding: 2px;
    height: 18px
}
.average-score {
    border-bottom: 0 solid #e5eaee;
    margin-bottom: 15px;
    padding-bottom: 0
}
.average-score strong {
    display: block;
    font-size: 48px;
    line-height: 56px
}
.average-score .ratings .icon-star,
.average-score .ratings .icon-star-empty {
    font-size: 17px;
    margin-right: 2px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1)
}
.costumfieldlogo {
    max-width: 95%;
    max-height: 120px;
    height: 120px
}
.costumfieldlogo img {
    max-width: 95%;
    max-height: 120px
}
a[class^="zocial-"],
a[class*=" zocial-"] {
    background: #e5eaee;
    border: 1px solid #222;
    border: 1px solid rgba(0, 0, 0, 0.3);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3), inset 1px 1px 1px rgba(225, 225, 225, 0.3);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3), inset 1px 1px 1px rgba(225, 225, 225, 0.3);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3), inset 1px 1px 1px rgba(225, 225, 225, 0.3);
    color: #fff;
    cursor: pointer;
    display: block;
    float: left;
    line-height: 32px;
    margin: 0 4px 4px 0;
    width: 32px;
    height: 32px;
    text-align: center;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
    white-space: nowrap;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    position: relative
}
a[class^="zocial-"]:hover,
a[class*=" zocial-"]:hover {
    color: #fff;
    text-decoration: none
}
a.zocial-facebook {
    background-color: #4863ae
}
a.zocial-googleplus {
    background-color: #dd4b39
}
a.zocial-twitter {
    background-color: #00acee
}
a.zocial-linkedin {
    background-color: #0083a8
}
a.zocial-evernote {
    background-color: #6bb130
}
a.zocial-skype {
    background-color: #00a2ed
}
a.zocial-stumbleupon {
    background-color: #eb4924
}
a.zocial-forrst {
    background-color: #1e360d
}
a.zocial-lastfm {
    background-color: #dc1a23
}
a.zocial-dribbble {
    background-color: #ea4c89
}
a.zocial-github {
    background-color: silver
}
a.zocial-pinterest {
    background-color: #c91618;
    color: #FFF
}
a.zocial-itunes {
    background-color: #efefeb
}
a.zocial-android {
    background-color: #a4c639
}
a.zocial-yahoo {
    background-color: #a200c2
}
a.zocial-vimeo {
    background-color: #00a2cd
}
a.zocial-tumblr {
    background-color: #374a61
}
a.zocial-aol {
    background-color: red
}
a.zocial-youtube {
    background-color: #d82b17
}
a.zocial-rss {
    background-color: #ff7f25
}
a.zocial-blogger {
    background-color: #ee5a22
}
a.zocial-myspace {
    background-color: #000
}
a.zocial-flickr {
    background-color: #ff0084
}
a.zocial-delicious {
    background-color: #3271cb
}
a.zocial-digg {
    background-color: #164673
}
a.zocial-reddit {
    background-color: #fff
}
a.zocial-instagram {
    background-color: #3f729b
}
a.zocial-drupal {
    background-color: #0077c0
}
a.zocial-ycombinator {
    background-color: #f60
}
a.zocial-stackoverflow {
    background-color: #fff
}
a.zocial-buffer {
    background-color: #232323
}
a.zocial-soundcloud {
    background-color: #ff4500
}
#footer-widgets .social-links a,
#footer-widgets .social-links a:hover {
    border: 1px solid rgba(0, 0, 0, 0.6);
    color: #fff
}
a.zocial-github,
a.zocial-github:hover,
#footer-widgets a.zocial-github,
#footer-widgets a.zocial-github:hover {
    color: #464646;
    text-shadow: 0 1px 0 rgba(225, 225, 225, 0.5)
}
a.zocial-itunes,
#footer-widgets a.zocial-itunes,
a.zocial-itunes:hover,
#footer-widgets a.zocial-itunes:hover {
    color: #1a6dd2;
    text-shadow: 0 1px 0 rgba(225, 225, 225, 0.5)
}
a.zocial-reddit,
#footer-widgets a.zocial-reddit,
a.zocial-reddit:hover,
#footer-widgets a.zocial-reddit:hover {
    color: red;
    text-shadow: 0 1px 0 rgba(225, 225, 225, 0.5)
}
a.zocial-stackoverflow,
#footer-widgets a.zocial-stackoverflow,
a.zocial-stackoverflow:hover,
#footer-widgets a.zocial-stackoverflow:hover {
    color: #ff7a15;
    text-shadow: 0 1px 0 rgba(225, 225, 225, 0.5)
}
table.topcasinos {
    width: 100%;
    color: #333;
    vertical-align: middle;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 0;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px
}
table.topcasinos th,
td {
    vertical-align: middle !important;
    text-align: center !important
}
table.topcasinos td {
    vertical-align: middle !important;
    text-align: center !important;
    border-bottom: none !important
}
table.topcasinos tr {
    vertical-align: middle !important;
    text-align: center !important;
    height: 44px;
    border-bottom: 1px solid #e5eaee
}
table.topcasinos td {
    border-left: 1px solid #e5eaee;
    border-right: 1px solid #e5eaee
}
table.topcasinos img {
    max-height: 40px;
    max-width: 100px
}
table.topcasinos a.fresh-btn,
.fresh-btn,
table.top5box-content-widget.glossar a.fresh-btn {
    margin-bottom: 0
}
h4.topcasinoshead,
#yarpp_widget-2 h3,
#nav_menu-5 h3,
#nav_menu-10 h3,
#post-26 .fresh-one-third.last .simplebox h3,
.topranking-widget h3,
.toprankingbonus-widget h3 {
    font-weight: 400;
    margin-bottom: 0;
    color: #fff;
    padding: 10px;
    padding-bottom: 7px;
    text-align: center;
    height: 44px;
    background: #464646;
    font-size: 16px;
    text-transform: uppercase;
    padding-top: 12px
}
#yarpp_widget-2 h3 span,
#nav_menu-5 h3 span,
#nav_menu-10 h3 span,
#post-26 .fresh-one-third.last .simplebox h3,
.topranking-widget h3 span,
.toprankingbonus-widget h3 span {
    background-color: transparent
}
p.tablebottom {
    height: 44px;
    color: #333;
    padding: 3px;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 11px;
    padding-left: 10px;
    padding-right: 10px;
    text-align: left
}
p.tablebottom a {
    color: #333
}
table.vergleich,
table.vergleich2 {
    width: 100%;
    color: #222;
    vertical-align: middle;
    text-align: center;
    font-size: 22px;
    margin-bottom: 2rem;
    border-bottom: 2px solid #e3e3e3;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px
}
.home-top-content  {
	display: block;
	padding: 0 15px;
}
.home-top-content table.vergleich2.casinoVergleichbox {
	float: left;
	margin-top: 20px;
}
table.vergleich th,
table.vergleich2 th {
    background: #464646;
    color: #fff;
    font-size: 14px
}
table.vergleich th,
td,
table.vergleich2 th,
table.vergleich2 td {
    vertical-align: middle !important;
    text-align: center !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important
}
table.vergleich tr,
table.vergleich2 tr {
    vertical-align: middle !important;
    text-align: center !important;
    height: 44px;
    border-bottom: 1px solid #e5eaee
}
table.vergleich td,
table.vergleich2 td {
    border-left: 1px solid #e5eaee;
    border-right: 1px solid #e5eaee;
    border-bottom: none !important
}
table.vergleich tr:hover {
    background-color: #e3e3e3
}
table.vergleich td.bonus {
    font-weight: bold;
    color: #54a72d
}
table.vergleich td.platz,
table.vergleich2 td.platz {
    font-weight: bold;
    background-color: #f49717;
    color: #fff;
    width: 70px
}
table.vergleich a {
    font-size: 11px;
    color: #000;
    text-decoration: underline;
    font-weight: normal;
    text-transform: none
}
table.vergleich a:hover {
    font-size: 11px;
    color: #333;
    text-decoration: none
}
table.vergleich img {
    max-height: 80px;
    max-width: 260px
}
table.vergleich a.tabbutton,
a.tabbutton:hover,
a.tabbutton {
    margin: 0;
    text-decoration: none;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    width: 75%;
    text-transform: uppercase
}
.greybox {
    background: #fff;
    padding-top: 14px;
    padding-bottom: 8px;
    height: 240px
}
#bonusbox {
    width: 100%;
    min-height: 150px;
    height: auto;
    background: #f9fafb;
    padding: 20px;
    margin-bottom: 30px;
    margin-top: 30px
}
#bonusbox ul,
ol {
    margin-bottom: 0
}
#bonusbox p {
    margin: 0
}
#bonusbox .inleft {
    width: 45%;
    float: left
}
#bonusbox .inright {
    height: 150px;
    width: 50%;
    float: right
}
.bonusbutton {
    background: url(images/bonus_btn.png) no-repeat center transparent;
    width: 300px;
    height: 52px;
    display: block;
    position: relative;
    top: 60px
}
.bonusbutton:hover {
    background: url(images/bonus_btn_a.png) no-repeat center transparent
}
.clear {
    clear: both
}
.tabbutton {
    font-size: 18px;
    text-transform: uppercase;
    font-weight: bold;
    color: #fff;
    text-decoration: none;
    display: inline-block;
    text-shadow: 0 1px 0 #d35c00;
    filter: dropshadow(color=#d35c00, offx=0, offy=1);
    background: #ffb600;
    background: -moz-linear-gradient(top, #ffb600 0, #ff9800 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffb600), color-stop(100%, #ff9800));
    background: -webkit-linear-gradient(top, #ffb600 0, #ff9800 100%);
    background: -o-linear-gradient(top, #ffb600 0, #ff9800 100%);
    background: -ms-linear-gradient(top, #ffb600 0, #ff9800 100%);
    background: linear-gradient(to bottom, #ffb600 0, #ff9800 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffb600', endColorstr='#ff9800', GradientType=0);
    border: 1px solid #ff9800;
    -webkit-box-shadow: 0 2px 2px 2px rgba(0, 0, 0, 0.15);
    box-shadow: 0 2px 2px 2px rgba(0, 0, 0, 0.15);
    padding: 10px;
    padding-top: 10px;
    padding-left: 20px;
    padding-right: 20px;
    margin-top: 15px;
    margin-bottom: 15px
}
.tabbutton:hover {
    color: #fff;
    text-decoration: none;
    background: #ff9800;
    background: -moz-linear-gradient(top, #ff9800 0, #ffb600 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ff9800), color-stop(100%, #ffb600));
    background: -webkit-linear-gradient(top, #ff9800 0, #ffb600 100%);
    background: -o-linear-gradient(top, #ff9800 0, #ffb600 100%);
    background: -ms-linear-gradient(top, #ff9800 0, #ffb600 100%);
    background: linear-gradient(to bottom, #ff9800 0, #ffb600 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ff9800', endColorstr='#ffb600', GradientType=0)
}
#casinotippbox {
    width: 308px;
    min-height: 150px;
    height: auto;
    background: #f4f4f4;
    border: 4px solid #e3e3e3;
    padding: 0;
    margin-bottom: 20px;
    border-top: 0;
    padding-top: 5px
}
#casinotippbox p {
    margin: 0
}
.casinotippboxhead {
    background: url(images/tipp_pin.png) no-repeat left top transparent;
    width: 100%;
    height: 50px
}
.casinotippboxlogo {
    float: right;
    display: block;
    height: 50px;
    text-align: center;
    width: 180px;
    vertical-align: middle;
    padding-top: 10px
}
.casinotippboxlogo img {
    max-height: 40px;
    max-width: 150px
}
#casinotippbox .inleft {
    float: left;
    background: url(images/tipp_icon.png) center no-repeat transparent;
    display: block;
    min-height: 110px;
    min-width: 110px
}
#casinotippbox .inright {
    width: 190px;
    float: right;
    display: block;
    padding-right: 10px;
    padding-left: 10px;
    padding-top: 10px
}
.casinotippboxbtncont {
    display: block;
    width: 100%;
    text-align: center;
    padding-left: 10px;
    padding-right: 10px
}
.casinotippboxbtn {
    font-size: 20px;
    text-transform: uppercase;
    font-weight: bold;
    color: #fff;
    text-decoration: none;
    display: inline-block;
    text-shadow: 0 1px 0 #d35c00;
    filter: dropshadow(color=#d35c00, offx=0, offy=1);
    background: background: #ffb600;
    background: -moz-linear-gradient(top, #ffb600 0, #ff9800 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffb600), color-stop(100%, #ff9800));
    background: -webkit-linear-gradient(top, #ffb600 0, #ff9800 100%);
    background: -o-linear-gradient(top, #ffb600 0, #ff9800 100%);
    background: -ms-linear-gradient(top, #ffb600 0, #ff9800 100%);
    background: linear-gradient(to bottom, #ffb600 0, #ff9800 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffb600', endColorstr='#ff9800', GradientType=0);
    border: 1px solid #ff9800;
    -webkit-box-shadow: 0 2px 2px 2px rgba(0, 0, 0, 0.15);
    box-shadow: 0 2px 2px 2px rgba(0, 0, 0, 0.15);
    padding: 7px;
    padding-top: 10px;
    padding-left: 20px;
    padding-right: 20px;
    margin-top: 15px;
    margin-bottom: 10px;
    width: 100%
}
.casinotippboxbtn:hover {
    color: #fff;
    text-decoration: none;
    background: #ff9800;
    background: -moz-linear-gradient(top, #ff9800 0, #ffb600 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ff9800), color-stop(100%, #ffb600));
    background: -webkit-linear-gradient(top, #ff9800 0, #ffb600 100%);
    background: -o-linear-gradient(top, #ff9800 0, #ffb600 100%);
    background: -ms-linear-gradient(top, #ff9800 0, #ffb600 100%);
    background: linear-gradient(to bottom, #ff9800 0, #ffb600 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ff9800', endColorstr='#ffb600', GradientType=0)
}
#topcasino,
#yarpp_widget-2>div,
#nav_menu-5>div,
#nav_menu-10>div,
#post-26 .fresh-one-third.last .simplebox>ul,
.topranking-widget-inner,
.toprankingbonus-widget-inner {
    min-height: 150px;
    height: auto;
    border: 1px solid #e5eaee;
    padding: 0;
    margin-bottom: 20px;
    border-top: 0;
}
#topcasino p {
    margin: 0
}
.topcasinohead {
    background: url(images/tipp_pin.png) no-repeat left top transparent;
    width: 100%;
    height: 50px
}
.topcasinologo {
    display: block;
    text-align: center;
    width: 100%;
    vertical-align: middle;
    padding-top: 15px;
    padding-bottom: 5px
}
.topcasinologo img {
    max-height: 100px;
    max-width: 250px
}
#topcasino .topcasinoinner {
    display: block;
    min-height: 110px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-top: 1px solid #e5eaee;
    border-bottom: 1px solid #e5eaee
}
.topcasinostars {
    background: url(images/tipp_stars.png) center top no-repeat transparent;
    display: block;
    height: 32px;
    margin-bottom: 10px
}
.topcasinobtncont {
    display: block;
    width: 100%;
    text-align: center;
    padding-left: 10px;
    padding-right: 10px
}
.container {
    padding: 0;
}
#menu ul.sub-menu {
    margin-top: -2px;
}
#rokkyt-responsive-dummy-container {
    display: none;
}
.topcasinobtn {
    font-size: 20px;
    text-transform: uppercase;
    font-weight: bold;
    color: #fff;
    text-decoration: none;
    display: inline-block;
    text-shadow: 0 1px 0 #73cc56;
    filter: dropshadow(color=#d35c00, offx=0, offy=1);
    background:
    /*background:*/

    #35b408;
    background: -moz-linear-gradient(top, #35b408 0, #73cc56 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #35b408), color-stop(100%, #73cc56));
    background: -webkit-linear-gradient(top, #35b408 0, #73cc56 100%);
    background: -o-linear-gradient(top, #35b408 0, #73cc56 100%);
    background: -ms-linear-gradient(top, #35b408 0, #73cc56 100%);
    background: linear-gradient(to bottom, #35b408 0, #73cc56 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#35b408', endColorstr='#73cc56', GradientType=0);
    border: 1px solid #35b408;
    -webkit-box-shadow: 0 2px 2px 2px rgba(0, 0, 0, 0.15);
    box-shadow: 0 2px 2px 2px rgba(0, 0, 0, 0.15);
    padding: 7px;
    padding-top: 10px;
    padding-left: 20px;
    padding-right: 20px;
    margin-top: 15px;
    margin-bottom: 10px;
    width: 100%
}
.topcasinobtn:hover {
    color: #fff;
    text-decoration: none;
    background: #73cc56;
    background: -moz-linear-gradient(top, #73cc56 0, #35b408 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #73cc56), color-stop(100%, #35b408));
    background: -webkit-linear-gradient(top, #73cc56 0, #35b408 100%);
    background: -o-linear-gradient(top, #73cc56 0, #35b408 100%);
    background: -ms-linear-gradient(top, #73cc56 0, #35b408 100%);
    background: linear-gradient(to bottom, #73cc56 0, #35b408 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#73cc56', endColorstr='#35b408', GradientType=0)
}
.divider {
    background: url(images/divider.png) no-repeat center bottom;
    clear: both;
    display: block;
    margin-bottom: 20px;
    padding-top: 30px;
    margin-top: 30px;
    width: 100%
}
.simplebox {
    border: 1px solid #e5e5e5;
    padding: 10px;
    margin-bottom: 20px
}
#post-26 .fresh-one-third.last .simplebox {
    border: 0;
    padding: 0
}
h3.list {
    line-height: 18px;
    background: #333;
    padding: 9px;
    margin-bottom: 3px;
    color: #fff
}
ul.list {
    line-height: 26px;
    font-size: 12px;
    color: #333;
    display: block;
    margin: 0
}
ul.list a {
    display: compact;
    color: #464646;
    text-decoration: underline
}
ul.list a:hover {
    text-decoration: none
}
li.link {
    background: url(images/list_link.png) no-repeat transparent 3px;
    padding-left: 42px;
    padding-top: 8px;
    padding-bottom: 8px;
    margin-bottom: 3px;
    display: block;
    border-bottom: 1px dashed #e5eaee;
    margin: 0 0 8px
}
ol {
    list-style: decimal inside none;
    margin-bottom: 15px
}
#yarpp_widget-2 ol,
#nav_menu-5 ul,
#nav_menu-10 ul,
#post-26 .fresh-one-third.last .simplebox ul,
.topranking-widget. ul {
    margin: 0
}
#yarpp_widget-2 ol {
    list-style-position: outside;
    padding-left: 29px
}
#nav_menu-5 ul,
#nav_menu-10 ul,
.topranking-widget ul {
    counter-reset: index;
    list-style: none;
    position: relative
}
#yarpp_widget-2 ol li,
#nav_menu-5 ul li,
#nav_menu-10 ul li,
#post-26 .fresh-one-third.last .simplebox ul li,
.topranking-widget ul li,
.topranking-widget ul li:last-child,
.toprankingbonus-widget ul li,
.toprankingbonus-widget ul li:last-child {
    background-image: none;
    border-bottom: 1px solid #e5eaee;
    margin-bottom: 0;
    padding: 10px 0 13px;
    padding-left: 14px
}
#yarpp_widget-2 ol li {
    list-style-position: outside;
    padding-left: 0
}
#nav_menu-5 ul li,
#nav_menu-10 ul li,
.topranking-widget ul li,
.topranking-widget ul li:last-child {
    padding-left: 39px
}
.toprankingbonus-widget ul li,
.toprankingbonus-widget ul li:last-child {
    padding-left: 119px;
    position: relative
}
#nav_menu-5 ul li:before,
#nav_menu-10 ul li:before,
.topranking-widget ul li:before {
    background-image: url("images/widgets_bullet.png");
    background-position: top left;
    background-repeat: no-repeat;
    color: #FFF;
    counter-increment: index;
    content: counter(index) ".";
    display: inline-block;
    font-family: "Helvetica Neue", Helvetica;
    font-weight: 700;
    height: 33px;
    left: -7px;
    padding-top: 2px;
    padding-right: 5px;
    position: absolute;
    text-align: center;
    width: 40px
}
.toprankingbonus-widget ul li b {
    background-image: url("images/widgets_bullet_green.png");
    background-position: top left;
    background-repeat: no-repeat;
    color: #FFF;
    display: inline-block;
    font-family: "Helvetica Neue", Helvetica;
    font-weight: 700;
    height: 33px;
    left: -7px;
    padding-top: 2px;
    padding-right: 5px;
    position: absolute;
    text-align: center;
    width: 120px
}
#yarpp_widget-2 ol li:last-child,
#nav_menu-5 ul li:last-child,
#nav_menu-10 ul li:last-child,
#post-26 .fresh-one-third.last .simplebox ul li:last-child,
.topranking-widget ul li:last-child,
.toprankingbonus-widget ul li:last-child {
    border-bottom: 0
}
#yarpp_widget-2 ol li a,
#nav_menu-5 ul li a,
#nav_menu-10 ul li a,
#post-26 .fresh-one-third.last .simplebox ul li a,
.topranking-widget ul li a,
.toprankingbonus-widget ul li a {
    color: #464646;
    padding-top: 3px;
    text-decoration: none
}
#nav_menu-5 ul li a,
#nav_menu-10 ul li a,
.topranking-widget ul li a,
.toprankingbonus-widget ul li a {
    display: inline-block
}
#nav_menu-5 ul li a:after,
#nav_menu-10 ul li a:after,
.topranking-widget ul li a:after {
    color: #f90;
    display: inline-block;
    font-family: FontAwesome;
    position: absolute;
    right: 13px
}
#nav_menu-5 ul li a[title="5 Stars"]:after,
#nav_menu-10 ul li a[title="5 Stars"]:after,
.bewertung-stars.neun:after,
.bewertung-stars.fuenf:after,
.topranking-widget ul li a[title="5 Stars"]:after {
    content: "\f005\f005\f005\f005\f005"
}
#nav_menu-5 ul li a[title="4 Stars"]:after,
#nav_menu-10 ul li a[title="4 Stars"]:after,
.bewertung-stars.vier:after,
.topranking-widget ul li a[title="4 Stars"]:after {
    content: "\f005\f005\f005\f005\f006"
}
#nav_menu-5 ul li a[title="3 Stars"]:after,
.bewertung-stars.drei:after,
#nav_menu-10 ul li a[title="3 Stars"]:after,
.topranking-widget ul li a[title="3 Stars"]:after {
    content: "\f005\f005\f005\f006\f006"
}
#nav_menu-5 ul li a[title="2 Stars"]:after,
.bewertung-stars.zwei:after,
#nav_menu-10 ul li a[title="2 Stars"]:after {
    content: "\f005\f005\f006\f006\f006"
}
#nav_menu-5 ul li a[title="1 Stars"]:after,
#nav_menu-10 ul li a[title="1 Stars"]:after,
#nav_menu-5 ul li a[title="1 Star"]:after,
#nav_menu-10 ul li a[title="1 Star"]:after {
    content: "\f005\f006\f006\f006\f006"
}
#nav_menu-5 ul li a[title="0 Stars"]:after,
#nav_menu-10 ul li a[title="0 Stars"]:after {
    content: "\f006\f006\f006\f006\f006"
}
#yarpp_widget-2 ol li a:hover,
#nav_menu-5 ul li a:hover,
#nav_menu-10 ul li a:hover,
#post-26 .fresh-one-third.last .simplebox ul li a:hover,
.topranking-widget ul li a:hover,
.toprankingbonus-widget ul li a:hover {
    text-decoration: underline
}
#yarpp_widget-2 img {
    display: none
}
.home .divider {
    display: none
}
.home .fresh-one-third.last {
    float: right
}
.entry-content iframe {
    max-width: 100% !important;
}
.anbietersidebar {
    margin-bottom: 15px;
}
/* FOOTERBAR */

.footerBarWrapper {
    color: #000;
    bottom: -1px;
    left: 0;
    right: 0;
    display: none;
    padding: 0;
    position: fixed;
    display: block;
    width: 1070px;
    margin: 0 auto;
    color: #fff;
    background: none;
    z-index: 999999;
    background: url(images/bg.png) repeat scroll 50% top rgba(0, 0, 0, 0);
    height: 89px;
}
.footerBarWrapper .footerBarOuter {
    float: right;
    position: relative;
    right: 50%;
}
.footerBarWrapper .footerBarInner {
    float: right;
    margin: 14px 0;
    position: relative;
    right: -50%;
}
.footerBarWrapper .footerBarInner>div {
    float: left;
    /*margin-right: 7px;*/

    margin-left: 21px;
    text-transform: initial;
}
.footerBarWrapper .footerBarInner .logo img {
	max-width: 155px;
	max-height: 62px;
}
.footerBarWrapper .footerBarInner > div#textarea {
    line-height: 1.2em;
    max-width: 230px;
    margin-top: -8px;
}
/*.footerBarWrapper .bonus_button:link, .footerBarWrapper .bonus_button:visited {*/

.footerBarWrapper .bonus_button {
    display: block;
    margin-top: 12px;
    text-align: center;
    width: 300px;
    height: 52px;
    background: transparent url(images/bonus_btn.png) no-repeat;
	font-size: 18px;
	text-shadow: 1px 1px 2px rgba(0,0,0,.25);
	color: #fff;
    font-weight: bold;
    line-height: 48px;
}
.footerBarWrapper .bonus_button:hover {
   background-position: 0 -52px;
   text-decoration: none;
   padding: 0 30px;
}
/*.footerBarWrapper .code_button2:link, .footerBarWrapper .code_button2:visited {*/

.footerBarWrapper .code_button2 {
    display: block;
    margin: 15px 0 0 10px;
    text-align: center;
    width: 260px;
    height: 42px;
    line-height: 39px;
    background-color: white;
    border: 1px solid #e5eaee;
    color: #aaa;
}
.footerBarWrapper h3 {
    margin-top: 17px;
    margin-bottom: -2px;
    color: #fff;
    text-transform: initial;
}
.footerBarWrapper .logo {
    margin-top: 6px;
}
.footerBarWrapper .closeButton {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(../classicpress/images/close_button_20x20.png) no-repeat top left;
    position: absolute;
    right: 3px;
    top: 15px;
    z-index: 9999999;
    text-indent: -999999px;
}
@media (max-width: 1024px) {
    .footerBarWrapper {
        display: none !important;
    }
}
/* BONUSBOX */

#bonusbox {
    position: relative;
}
#bonusbox.highlightbox {
    background-image: none;
    min-height: 0;
}
#bonusbox.highlightbox h5 {
    font-size: 16px;
}
#bonusbox ul {
    list-style: none;
    margin: 0;
}
#bonusbox ul li {
    background-image: url("images/highlightbox-bullet.png");
    background-position: 0 3px;
    background-repeat: no-repeat;
    display: list-item;
    padding-left: 25px;
}
#bonusbox.highlightbox.twoCols ul li {
    border-bottom: 1px solid #e3e3e3;
    padding-bottom: 5px;
}
#bonusbox.highlightbox ul li .description {
    display: inline-block;
    font-weight: bold;
    vertical-align: top;
    width: 30%;
}
#bonusbox.highlightbox ul li .description:after {
    content: ':';
}
#bonusbox.highlightbox ul li .value {
    display: inline-block;
}
#bonusbox.highlightbox.twoCols ul li .value {
    width: 385px;
}
#bonusbox span.date {
    position: absolute;
    right: 5px;
    bottom: 5px;
    color: #aaa;
    font-size: 12px;
    line-height: 12px;
}
/*#bonusbox .code_button:link, #bonusbox .code_button2:link,
#bonusbox .code_button:visited, #bonusbox .code_button2:visited {*/

#bonusbox .code_button,
#bonusbox .code_button2 {
    display: block;
    margin: 10px 0 0;
    text-align: center;
    width: 280px;
    height: 40px;
    line-height: 40px;
    background: white;
    border: 1px solid #e5eaee;
    color: #aaa;
}
#bonusbox .code_button:hover,
#bonusbox .code_button2:hover,
#bonusbox .code_button:active,
#bonusbox .code_button2:active {
    color: #111;
    text-decoration: none;
}
#bonusbox .visible.code_button,
#bonusbox .code_button2.visible {
    color: #111;
    font-weight: bold;
    cursor: default;
}
/*#bonusbox .bonus_button:link,
#bonusbox .bonus_button:visited {*/

#bonusbox .bonus_button {
    display: block;
    margin-top: 50px;
    text-align: center;
    width: 280px;
	position: relative;
}
.ratingBox {
    margin-top: 30px;
}
.ratingBox h3 {
    background: url(images/headbg.png) repeat-x top #333;
    color: #fff;
    font-size: 17px;
    padding: 12px 0 7px 0;
    margin: 0;
    text-align: center;
    text-transform: uppercase;
}
.ratingBox h3 span {
    position: relative;
    top: -2px;
}
.anbieterRating {
    background: #f4f4f4;
    border: 4px solid #e3e3e3;
    border-top: none;
    padding: 26px 12px 26px 12px;
}
.anbieterRating .label,
.anbieterRating .data,
.anbieterRating .stars {
    display: block;
    float: left;
    margin: 5px 0;
	font-size: .8rem;
	text-align: left;
}
.anbieterRating .stars {
    font-family: 'FontAwesome';
    color: #f90;
    width: 90px;
}
.anbieterRating .label {
    font-weight: bold;
    margin-right: 20px;
    width: 40%;
    color: #505050;
}
.anbieterRating .data {
    width: 40%;
}
.anbieterRating .data.ratingval {
    display: none;
    width: auto;
}
.anbieterRating .clearboth {
    clear: both;
}
.anbieterRating .stars[title="5 Stars"]:after {
    content: "\f005\f005\f005\f005\f005"
}
.anbieterRating .stars[title="4 Stars"]:after {
    content: "\f005\f005\f005\f005\f006"
}
.anbieterRating .stars[title="3 Stars"]:after {
    content: "\f005\f005\f005\f006\f006"
}
.anbieterRating .stars[title="2 Stars"]:after {
    content: "\f005\f005\f006\f006\f006"
}
.anbieterRating .stars[title="1 Stars"]:after,
.anbieterRating .stars[title="1 Star"]:after {
    content: "\f005\f006\f006\f006\f006"
}
.anbieterRating .stars[title="0 Stars"]:after {
    content: "\f006\f006\f006\f006\f006"
}
/**** OVERLAY ****/

.overlay-bg {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.45);
    z-index: 999;
    display: none;
    top: 0;
    left: 0;
}
#overlaybox,
#overlaybox-erfahrungen {
    position: fixed;
    display: none;
    width: 450px;
    height: 415px;
    left: 50%;
    top: 50%;
    margin-left: -225px;
    margin-top: -207px;
    box-sizing: border-box;
    background: #fff;
    box-shadow: 5px 5px 30px rgba(0, 0, 0, 0.3);
    border: 5px solid #464646;
    z-index: 1000;
}
#overlaybox-erfahrungen.bigger-logo {
    height: 450px;
}
#overlaybox .overlayinner,
#overlaybox-erfahrungen .overlayinner {
    position: relative;
    padding: 15px;
}
#overlaybox .codebox,
#overlaybox-erfahrungen .codebox {
    border: 2px dashed #f49717;
    padding: 10px;
    text-align: center;
    font-size: 2em;
    font-weight: bold;
    color: #f49717;
    line-height: 1;
    margin-bottom: 10px;
    box-shadow: 2px 2px 5px #f4f4f4 inset;
}
#overlaybox .overlay-head,
#overlaybox-erfahrungen .overlay-head {
    text-align: center;
    font-size: 1.5em;
    margin: 10px 0 5px;
    font-weight: bold;
}
#overlaybox-erfahrungen.bigger-logo .overlay-head {
    margin-top: 5px;
}
#overlaybox .overlayClose,
#overlaybox-erfahrungen .overlayClose {
    background: #999;
    color: #fff;
    font-weight: bold;
    position: absolute;
    text-decoration: none;
    line-height: 35px;
    right: 0;
    top: 0;
    width: 35px;
    text-align: center;
    margin: -20px -20px 0 0;
    box-sizing: border-box;
}
#overlaybox .overlayClose:hover,
#overlaybox-erfahrungen .overlayClose:hover {
    background: #bbb;
}
#overlaybox .overlay-hint,
#overlaybox-erfahrungen .overlay-hint {
    font-size: 1em;
    line-height: 1.5;
    text-align: center;
}
#overlaybox .directlink,
#overlaybox-erfahrungen .directlink {
    background: url("images/teaserbox/teaserbox-direkt-zum-onlinecasino.png");
    display: block;
    height: 35px;
    margin: 5px auto;
    width: 210px;
}
#overlaybox .gutscheinwert,
#overlaybox-erfahrungen .gutscheinwert {
    font-size: 1.5em;
    text-align: center;
    margin: 10px 0 5px;
    color: #333;
}
#overlaybox .bonuslist,
#overlaybox-erfahrungen .bonuslist {
    text-align: center;
    margin-bottom: 10px;
}
#overlaybox .headstrong,
#overlaybox-erfahrungen .headstrong {
    font-size: 1.5em;
}
img.overlay-logo {
    max-width: 140px !important;
	max-height: 80px !important;
    margin: 0 auto 10px;
    display: block;
}
table.top5box-content-widget {
    margin-bottom: 0;
}
table.top5box-content-widget.glossar, table.top5box-content-widget.automatic, table.mobileSpielebox  {
    margin-bottom: 1.75em;
}
h4.glossarbox-headline {
    margin-bottom: 0.35em;
}
.top5-show-all {
    text-align: right;
    margin: 5px 0 15px;
}
.top5-show-all a {
    color: #555;
    font-weight: bold;
}
.top5-show-all a:before {
    content: "» ";
}
table.top5box-content-widget th {
    background: #464646;
    color: #fff;
    height: 44px;
    vertical-align: middle;
    font-size: 13px;
	line-height: 1;
}
table.top5box-content-widget tr {
    background: #fff;
}
table.top5box-content-widget tr:nth-of-type(2n+1),
#nav_menu-5 ul li:nth-of-type(2n+1),
#nav_menu-10 ul li:nth-of-type(2n+1),
.topranking-widget ul li:nth-of-type(2n+1),
table.topcasinos tr:nth-of-type(odd),
table.mobileSpielebox tr:nth-child(odd) {
    background: #f9fafb;
}
table.top5box-content-widget tr:hover,
table.topcasinos tr:hover {
    background: #f2f2f3 !important;
}
table.top5box-content-widget tr td, table.mobileSpielebox tr td  {
    border: 1px solid #e5eaee;
    text-align: left !important;
    padding: 5px 10px !important;
}
table.top5box-content-widget tr td.top5-casinoInfo {
    min-width: 215px;
}
table.top5box-content-widget tr td .top5-logo {
    width: 40px;
    height: 40px;
    border-radius: 50px;
    display: inline-block;
    margin-right: 10px;
    background-size: 40px auto;
    background-repeat: no-repeat;
    background-color: #fff;
}
table.top5box-content-widget.automatic tr td .top5-logo {
    background-size: auto 40px;
	background-position: center center;
}
table.top5box-content-widget.glossar tr td .top5-logo {
    background-size: 90px auto;
    background-position: center center;
    image-rendering: -webkit-optimize-contrast;
}
table.top5box-content-widget tr td .top5-platz, .mobileSpielebox .platz-small {
    display: inline-block;
    height: 33px;
    width: 40px;
    background: url("images/widgets_bullet.png");
    color: #fff;
    font-weight: bold;
    margin-left: -15px;
    text-align: center;
    padding: 2px 5px 0 0;
    margin-right: 5px;
    vertical-align: top;
}
table.top5box-content-widget tr td.top5-software,
table.top5box-content-widget tr td.top5-conversion {
    text-align: center !important;
}
table.top5box-content-widget tr td.top5-software img {
    max-width: 40px;
}
table.top5box-content-widget tr td .top5-anbieter-outer {
    display: inline-block;
    vertical-align: top;
    min-width: 110px;
}
table.top5box-content-widget tr td .top5-anbieter a {
    font-weight: bold;
    color: #555;
}
table.top5box-content-widget tr td a.goto-singlepage,
table.top5box-content-widget tr td.top5-conversion span {
    color: #555;
    font-size: 11px;
}
table.top5box-content-widget tr td a.goto-singlepage {
    color: #f49717;
}
table.top5box-content-widget .bewertung-stars {
    width: 60px;
}
.bewertung-stars.neun:after,
.bewertung-stars.fuenf:after,
.bewertung-stars.vier:after,
.bewertung-stars.drei:after,
.bewertung-stars.zwei:after {
    color: #f90;
    display: inline-block;
    font-family: FontAwesome;
    margin-right: 5px;
}
table.top5box-content-widget tr td.top5-bewertung {
    line-height: 1.5em;
    font-size: 11px;
}
table.top5box-content-widget.automatic tr td.top5-bewertung {
	width: 125px;
}
table.top5box-content-widget tr td.top5-conversion {
    vertical-align: middle;
    min-width: 200px;
}
table.top5box-content-widget tr td .top5-open {
    text-transform: uppercase;
    margin: 0;
    vertical-align: middle;
}
table.top5box-content-widget tr td .top5-codebox {
    background: #fff;
    border: 1px solid #e5eaee;
    padding: 5px;
    display: inline-block;
    text-align: center;
    height: 25px;
    overflow: hidden;
    line-height: 15px;
    margin: 0 5px 0 0;
    box-sizing: border-box;
    width: 85px;
    vertical-align: top;
}
table.top5box-content-widget tr td .top5-codebox.active {
    border: 1px dashed #555;
    font-weight: bold;
}
.entry-content h2#bonus:before,
.entry-content h2#angebot:before,
.entry-content h2#einzahlungen:before,
.entry-content h2#kundenservice:before,
.entry-content h2#sicherheit:before,
.entry-content h2#fazit:before,
.entry-content h2#pokerbonus:before,
.entry-content h2#pokerangebot:before,
.entry-content h2#spielerniveau:before,
.entry-content h2#zusatzangebote:before,
.entry-content h2#usability:before,
.entry-content h2#app:before,
.entry-content h2#weitere-angebote:before {
    width: 42px;
    height: 42px;
    background: url(images/icons-bonus-headline.png) no-repeat;
    content: "";
    display: block;
    float: left;
    top: 50%;
    margin: -21px 0 0 -55px;
    position: absolute;
}
.entry-content h2#bonus:before {
    background-position: -52px 0px;
}
.entry-content h2#einzahlungen:before {
    background-position: -104px 0;
}
.entry-content h2#kundenservice:before {
    background-position: -156px 0;
}
.entry-content h2#fazit:before {
    background-position: -208px 0;
}
.entry-content h2#sicherheit:before {
    background-position: -260px 0;
}
.entry-content h2#pokerangebot:before {
    background-position: -312px 0;
}
.entry-content h2#pokerbonus:before {
    background-position: -468px 0;
}
.entry-content h2#spielerniveau:before {
    background-position: -364px 0;
}
.entry-content h2#zusatzangebote:before {
    background-position: -416px 0;
}
.entry-content h2#usability:before {
    background-position: -572px 0;
}
.entry-content h2#app:before {
    background-position: -520px 0;
}
.entry-content h2#weitere-angebote:before {
    background-position: -416px 0;
}
.entry-content h2#bonus,
.entry-content h2#angebot,
.entry-content h2#einzahlungen,
.entry-content h2#kundenservice,
.entry-content h2#sicherheit,
.entry-content h2#fazit,
.entry-content h2#pokerbonus,
.entry-content h2#pokerangebot,
.entry-content h2#spielerniveau,
.entry-content h2#zusatzangebote,
.entry-content h2#usability,
.entry-content h2#app,
.entry-content h2#weitere-angebote {
    margin: 35px 0 15px 50px;
    padding: 0 5px 5px;
    border-bottom: 2px solid #e5eaee;
    font-size: 20px;
    position: relative;
    line-height: 1.05;
}
/** TOC **/
/** TOC **/

.toc-list ul {
    margin: 0 0 15px;
    padding: 0;
}
.toc-list ul li {
    display: block;
    width: 100%;
    vertical-align: top;
    line-height: 30px;
    padding: 0;
    margin: 0;
    list-style: none;
    margin-bottom: 8px;
    background: #f4f4f4;
    border-radius: 5px;
    overflow: hidden;
}
.toc-list ul li a {
    display: block;
    font-size: 1.25em;
    color: #333;
    text-decoration: none;
}
.toc-list ul li:nth-child(odd) {
    margin-right: 5px;
}
.toc-list ul li .toc-icon {
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#f7bb2e', endColorstr='#f7aa2c', GradientType=0);
    float: left;
    margin-right: 10px;
    width: 30px;
    height: 30px;
}
.toc-list ul li .toc-icon span {
    background-image: url(images/icons-bonus-headlinesmall.png);
    width: 30px;
    height: 30px;
    display: inline-block;
}
.toc-list ul li .toc-icon.angebot span {
    background-position: 0px 0px;
}
.toc-list ul li .toc-icon.bonus span {
    background-position: -37px 0;
}
.toc-list ul li .toc-icon.einzahlungen span {
    background-position: -74px 0;
}
.toc-list ul li .toc-icon.kundenservice span {
    background-position: -111px 0;
}
.toc-list ul li .toc-icon.sicherheit span {
    background-position: -186px 0;
}
.toc-list ul li .toc-icon.fazit span {
    background-position: -149px 0;
}
.toc-list ul li .toc-icon.pokerangebot span {
    background-position: -224px 0;
}
.toc-list ul li .toc-icon.pokerbonus span {
    background-position: -335px 0;
}
.toc-list ul li .toc-icon.spielerniveau span {
    background-position: -261px 0;
}
.toc-list ul li .toc-icon.zusatzangebote span {
    background-position: -298px 0;
}
.toc-list ul li .toc-icon span {
    background-position: -371px 0;
}
.toc-list ul li .toc-icon.usability span {
    background-position: -409px 0;
}
.toc-list ul li .toc-icon.weitere-angebote span {
    background-position: -298px 0;
}
/** TOC END **/

table.vergleich2.casinoVergleichbox th,
table.vergleich2.casinoVergleichbox td {
    padding: 5px 10px !important;
}
table.vergleich2.casinoVergleichbox {
    font-size: 18px;
}
table.vergleich2.casinoVergleichbox tr {
    background: none;
}
table.vergleich2.casinoVergleichbox tr:nth-child(2n+1) {
    background: #f9fafb;
}
table.vergleich2.casinoVergleichbox.version2 tr:nth-child(2n+1) {
    background: none;
}
table.vergleich2.casinoVergleichbox.version2 tr:nth-child(3n+1), table.vergleich2.casinoVergleichbox.version2 tr:nth-child(3n+1) .casinoVergleich-conversion {
    background: #f9fafb;
}
table.vergleich2.casinoVergleichbox li {
    line-height: 1;
}
table.vergleich2 .casinoVergleich-casino img {
    max-width: 120px;
    max-height: 80px;
}
table.vergleich2.casinoVergleichbox tr:nth-child(n+2) td.platz {
    background: #999;
}
table.vergleich2.casinoVergleichbox td.subline {
    background: #fff;
}
table.vergleich2.casinoVergleichbox th.highlights {
    min-width: 225px;
}
table.vergleich2.casinoVergleichbox td.platz {
    vertical-align: top !important;
}
table.vergleich2.casinoVergleichbox .casinoVergleich-casino {
    width: 160px;
}
table.vergleich2.casinoVergleichbox td.platz span {
    font-size: 22px;
    color: #fff;
    margin-top: 10px;
    display: block;
}
table.vergleich2.casinoVergleichbox td.platz span.firstplace {
    background: url(images/trophy-firstplace-icon.png) no-repeat;
    min-height: 35px;
    padding: 5px 0 0 30px;
    max-width: 50px;
    margin-top: 5px;
}
table.vergleich2.casinoVergleichbox tr.last {
    border-bottom: 1px solid #464646;
}
.casinoVergleich-highlights ul {
    margin: 0;
}
.casinoVergleich-highlights li {
    list-style: none;
    text-align: left;
    margin: 0;
    padding: 3px 0;
    font-weight: normal;
    line-height: 1.25em;
}
.casinoVergleich-highlights li:before {
    color: #54a72d;
    content: "✔ ";
    display: inline-block;
    font-size: 0.9em;
    line-height: 1em;
    width: 18px;
    list-style: none;
    font-weight: normal;
}
.casinoVergleich-bewertung .bewertung-outer {
    background: #fff;
}
.casinoVergleich-bewertung .bewertung-value {
    background: #f49717;
    display: block;
    padding: 5px;
    color: #fff;
    min-width: 95px;
    font-weight: bold;
    line-height: 36px;
    font-size: 1.5em;
}
.casinoVergleich-bewertung small {
    display: block;
    line-height: 1em;
    padding: 5px;
}
.casinoVergleich-open.fresh-btn.small, .bonus-vergleich .bonusvergleich-open {
    font-size: 1.15em;
    padding: 10px 30px 10px;
    width: 100%;
    background: #54a72d;
    margin: 0;
    box-shadow: none;
    border: none;
    text-shadow: none;
    border-radius: 0;
	display: block;
	position: relative;
}
span.bedingungen {
    border-bottom: 1px dotted #888;
    position: relative;
    cursor: help;
    font-size: 0.85em;
}
span.bedingungen:after {
    content: "(?)";
    font-weight: bold;
    font-size: 0.85em;
}
span.bedingungen em {
    position: absolute;
    display: none;
    width: 200px;
    padding: 8px;
    background: #666;
    color: #fff;
    font-style: normal;
    font-size: 0.85em;
    top: 35px;
    left: 50%;
    margin-left: -100px;
    z-index: 99;
}
span.bedingungen em:before {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(102, 102, 102, 0);
    border-bottom-color: #666;
    border-width: 10px;
    margin-left: -10px;
}
span.bedingungen:hover em {
    display: block;
}
.casinoVergleich-bonus .bonus {
    display: inline-block;
    display: table;
    height: 80px;
    margin: 0 auto;
}
.casinoVergleich-bonus .bonus div.front,
.casinoVergleich-bonus .bonus div.back {
    display: table;
    color: #464646;
    line-height: 1em;
    height: 80px;
}
.casinoVergleich-bonus .bonus div.front span.inner,
.casinoVergleich-bonus .bonus div.back span.inner {
    width: 100%;
    display: table-cell;
    padding: 5px;
    border: 1px dashed #464646;
    height: 100%;
    vertical-align: middle;
}
.casinoVergleich-bonus .bonus div.front span.inner {
    padding-bottom: 8px;
    color: #54a72d;
}
.casinoVergleich-bonus .bonus div.back span.inner {
    text-align: left;
}
.casinoVergleich-bonus .bonus div.back span.inner .prehead.umsatz,
.casinoVergleich-bonus .bonus div.back span.inner .prehead.auszahlbar {
    background: url(images/icons-vergleich-table.png) no-repeat;
    background-position: 0 -185px;
    padding-left: 18px;
    display: inline-block;
    font-weight: bold;
}
.casinoVergleich-bonus .bonus div.back span.inner .prehead.auszahlbar {
    background-position: 0 -159px;
}
.casinoVergleich-bonus .bonus div.back span.inner > div {
    margin-bottom: 8px;
}
/** FLIPCARD **/

.flip-container {
    perspective: 1000px;
}
/* flip the pane when hovered */

.flip-container:hover .flipper,
.flip-container.hover .flipper {
    transform: rotateY(180deg);
}
.flip-container,
.front,
.back {
    width: 200px;
    height: 80px;
}
/* flip speed goes here */

.flip-container .flipper {
    transition: 0.6s;
    transform-style: preserve-3d;
    position: relative;
    height: 80px;
    border-radius: 5px;
}
/* hide back of pane during swap */

.flip-container .front,
.flip-container .back {
    backface-visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
    background: #fff;
    height: 80px;
    border-collapse: separate;
    border-spacing: 1px;
}
/* front pane, placed above back */

.flip-container .front {
    z-index: 2;
    /* for firefox 31 */

    transform: rotateY(0deg);
    font-size: 1.2em;
    font-weight: bold;
    background-image: url(images/flipcard-info-icon.png);
    background-repeat: no-repeat;
    background-position: right 5px bottom 5px;
    background-size: 13px 13px;
}
/* back, initially hidden pane */

.flip-container .back {
    transform: rotateY(180deg);
    font-size: 13px;
}
.flip-container .back a,
.flip-container .back a:hover {
    color: #464646;
    font-size: 13px;
    display: inline-block;
    margin-top: 5px;
}
.flip-container .back a,
.flip-container .back a:before {
    content: "» ";
    display: inline-block;
    margin-right: 3px;
}
/** FLIPCARD **/

.table-column-half {
    width: 49.25%;
    display: inline-block;
    vertical-align: top;
    float: left;
    text-align: left;
    font-size: 14px;
    margin-right: 0.75%;
}
.table-column-half > div {
    clear: both;
    margin-bottom: 5px;
}
.table-column-half > div:nth-child(even) {
    margin-top: 5px;
}
table.vergleich2 .table-column-half img {
    max-height: 19px;
    width: auto;
    margin: 0 3px 3px 0;
}
.table-column-half span.head,
table.bonus-vergleich .vergleich-feature-list > span {
    padding: 2px 7px 2px 22px;
    background: #ededed url(images/icons-vergleich-table.png) no-repeat;
    margin: 0 8px 0 0;
    font-weight: bold;
	display: inline-block;
}
.table-column-half .software span.head {
    background-position: 4px 6px;
}
.table-column-half .zahlungsmethoden span.head {
    background-position: 5px -26px;
}
.table-column-half .app span.head {
    background-position: 5px -57px;
}
.table-column-half .lizenziert span.head {
    background-position: 5px -90px;
}
.table-column-half .bedingungen span.head {
    background-position: 5px -121px;
}
.table-column-half .bonus-auszahlen span.head {
    background-position: 5px -153px;
}
table.vergleich2 .main-links {
    text-align: left;
    padding: 0;
}
table.vergleich2 .main-links a {
	font-size: 14px;
}
td.casinoVergleich-conversion {
    position: relative;
}
.casinoVergleich-codebox {
    background: #fff;
    border: 1px dashed #aaa;
    padding: 5px;
    display: block;
    margin: 5px auto 0;
    font-weight: bold;
    color: #999;
    font-size: 0.85em;
}
.casinoVergleich-codebox.active {
    color: #222;
    border-color: #222;
}
.vergleich-pagination {
    margin: 0.5em 0 0.5em;
}
.vergleich-pagination a {
    display: inline-block;
    padding: 5px;
    box-sizing: border-box;
    border-radius: 5px;
    margin: 0 5px 5px 0;
    background: #f9fafb;
    width: 30px;
    text-align: center;
    font-weight: bold;
    line-height: 20px;
    color: #666;
}
.vergleich-pagination a:hover,
.vergleich-pagination a.active {
    background: #999;
    color: #fff;
    text-decoration: none;
}
/**** BONUS VERGLEICH ****/

table.bonus-vergleich {
    width: 100%;
    color: #222;
    font-size: 14px;
    border-collapse: separate;
    border-spacing: 0;
    border: 1px solid #e5eaee;
}
table.bonus-vergleich a {
    color: #f49717;
}
table.bonus-vergleich td {
    text-align: left !important;
    padding: 20px 10px !important;
    border-top: none;
    border-bottom: 1px solid #464646;
}
table.bonus-vergleich .head-row {
    font-size: 1.75em;
    font-weight: bold;
    margin-bottom: 15px;
    padding: 5px 0 8px;
    display: block;
    border-bottom: 1px solid #ccc;
}
table.bonus-vergleich .head-row a {
    color: #f49717;
    display: inline-block;
}
table.bonus-vergleich td.platz {
    background: #999;
    text-align: center !important;
    vertical-align: top !important;
    color: #fff;
    width: 50px;
    font-size: 1.75em;
    padding: 17px 0 !important;
    border-right: 0px;
    font-weight: bold;
    border-right: 1px solid #e5eaee;
}
table.bonus-vergleich tr#row-1 td.platz {
    background: #f49717;
}
table.bonus-vergleich #row-1 td.platz span {
    min-width: 40px;
    display: block;
}
table.bonus-vergleich #row-1 td.platz span {
    background-image: url(images/trophy-firstplace-icon.png);
    background-position: bottom center;
    background-repeat: no-repeat;
    padding: 0 0 45px;
}
table.bonus-vergleich .cell1,
table.bonus-vergleich .cell2,
table.bonus-vergleich .cell3 {
    display: inline-block;
    vertical-align: top;
    float: left;
}
table.bonus-vergleich .cell1 {
    width: 220px;
    background: #fff;
}
table.bonus-vergleich img.vergleich-logo {
    width: 200px;
}
table.bonus-vergleich .cell2 {
    width: 330px;
}
table.bonus-vergleich .cell3 {
    width: 350px;
}
table.bonus-vergleich .cell1 .bewertung {
    max-width: 200px;
    border-radius: 0 0 5px 5px;
    background: #fff;
    border: 2px solid #464646;
    font-size: 2em;
    font-weight: 700;
    color: #464646;
    padding: 8px 5px 10px 5px;
    text-align: center;
    box-sizing: border-box;
    margin-top: -2px;
    line-height: 1;
}
table.bonus-vergleich .cell1 .bewertung small {
    font-size: 13px;
    font-weight: 600;
    display: inline-block;
    margin: 0 -5px;
}
table.bonus-vergleich .anbieterlink-widgetcontent {
    display: inline-block;
    margin-bottom: 7px;
    border-bottom: 1px dotted #f49717;
    padding-bottom: 0px;
}
table.bonus-vergleich .anbieterlink-widgetcontent:hover {
    text-decoration: none;
    color: #35bd05;
    border-color: #35bd05;
}
table.bonus-vergleich .vergleich-feature-list {
    line-height: 20px;
    margin-bottom: 5px;
    clear: both;
}
table.bonus-vergleich .cell3 .vergleich-feature-list {
    padding-left: 30px;
    min-height: 20px;
}
table.bonus-vergleich .vergleich-feature-list.software {
    padding-right: 65px;
    position: relative;
}
table.bonus-vergleich .vergleich-feature-list.software .show-more {
    position: absolute;
    top: 8px;
    right: 40px;
    height: 26px;
    width: 18px;
    background: url(images/icon-showmore.png);
    cursor: pointer;
}
table.bonus-vergleich .vergleich-feature-list > span {
    padding-left: 7px;
    background-image: none;
}
table.bonus-vergleich.vergleich-feature-list.img > span {
    line-height: 40px;
    min-height: 50px;
}
table.bonus-vergleich .software img,
table.bonus-vergleich .lizenz img {
    max-height: 18px;
    margin: 0 3px 3px 0;
    width: auto
}
table.bonus-vergleich .vergleich-feature-list.img .logo-outer {
    height: 45px;
    overflow: hidden;
}
table.bonus-vergleich .vergleich-feature-list.img .logo-outer.active {
    height: auto;
}
table.bonus-vergleich .bonusvergleich-conversion {
    text-align: center;
    max-width: 200px;
    margin: 5px 0;
}
table.bonus-vergleich .bonusvergleich-conversion .reviewlink {
    display: inline-block;
    color: #222;
    border-bottom: 1px dotted #222;
}
table.bonus-vergleich .bonusvergleich-conversion .reviewlink:hover {
    text-decoration: none;
    color: #777;
    border-color: #777;
}
table.bonus-vergleich .bonusvergleich-conversion .bonusvergleich-open {
    color: #fff;
    display: block;
    font-size: 18px;
    border-radius: 0;
    box-sizing: border-box;
    padding: 10px 30px;
}
table.bonus-vergleich .bonusvergleich-conversion .bonusvergleich-open.fresh-btn {
    margin-bottom: 0;
}
table.bonus-vergleich .vergleich-feature-list div.link-show-code {
    display: inline-block;
    width: auto;
    font-weight: bold;
    padding-bottom: 1px;
}
table.bonus-vergleich .vergleich-feature-list div.link-show-code.inactive {
    color: #f49717;
    cursor: pointer;
    padding-bottom: 0px;
    border-bottom: 1px dotted #f49717;
}
table.bonus-vergleich .vergleich-feature-list div.link-show-code.inactive:before {
    content: "» ";
}
/**** TEASERBOX ***/
.teaserbox {
	margin: 0 auto 1.5em;
	max-width: 619px;
}
.teaserbox .teaser-image {
	max-width: 100%;
	margin-bottom: 5px;
}
.teaserbox-button-block {
	display: table;
	width: 100%;
	background: #f0f4f7;
	padding: 5px;
}
.teaserbox-button-block > div {
	display: table-cell;
	padding-right: 5px;
	vertical-align: top;
	min-height: 33px;
}
.teaserbox-button-block > div:last-child {
	padding-right: 0;
}
.teaserbox-button-block > div.teaserbox-logo {
	width: 102px;
}
.teaserbox-button-block > div.teaserbox-logo img {
	display: block;
}
.teaserbox-button-block .testlink, .teaserbox-button-block .bonuslink {
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b7b5b4', endColorstr='#9c9b9b',GradientType=0 );
	color: #fff;
	display: block;
	position: relative;
	padding: 8px 40px 8px 5px;
	box-sizing: border-box;
	text-align: center;
	line-height: 17px;
}
.teaserbox-button-block .testlink {
	background: #b7b5b4;
	background: -moz-linear-gradient(top,  #b7b5b4 0%, #9c9b9b 100%);
	background: -webkit-linear-gradient(top,  #b7b5b4 0%,#9c9b9b 100%);
	background: linear-gradient(to bottom,  #b7b5b4 0%,#9c9b9b 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b7b5b4', endColorstr='#9c9b9b',GradientType=0 );
}
.teaserbox-button-block .testlink:hover {
	background: #9c9b9b;
	background: -moz-linear-gradient(top,  #9c9b9b 0%, #b7b5b4 100%);
	background: -webkit-linear-gradient(top,  #9c9b9b 0%,#b7b5b4 100%);
	background: linear-gradient(to bottom,  #9c9b9b 0%,#b7b5b4 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9c9b9b', endColorstr='#b7b5b4',GradientType=0 );
	text-decoration: none;
}
.teaserbox-button-block .bonuslink {
	background: #5ebd27;
	background: -moz-linear-gradient(top,  #5ebd27 0%, #437d0b 100%);
	background: -webkit-linear-gradient(top,  #5ebd27 0%,#437d0b 100%);
	background: linear-gradient(to bottom,  #5ebd27 0%,#437d0b 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5ebd27', endColorstr='#437d0b',GradientType=0 );
}
.teaserbox-button-block .bonuslink:hover {
	background: #437d0b;
	background: -moz-linear-gradient(top,  #437d0b 0%, #5ebd27 100%);
	background: -webkit-linear-gradient(top,  #437d0b 0%,#5ebd27 100%);
	background: linear-gradient(to bottom,  #437d0b 0%,#5ebd27 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#437d0b', endColorstr='#5ebd27',GradientType=0 );
	text-decoration: none;
}
.teaserbox-button-block .testlink:after, .teaserbox-button-block .bonuslink:after {
	content: "";
	border-left: 1px solid rgba(255,255,255,.25);
	padding: 0 5px;
	position: absolute;
	right: 0;
	width: 35px;
	background: url(images/arrow-bonusbox.png) center center no-repeat;
	height: 70%;
	top: 15%;
}


/**** POKER SIDEBAR ***/

#nav_menu-10 {
    margin-top: 30px;
}
.coming-soon-container {
	width: 400px;
	height: 440px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -220px 0 0 -200px;
	border: 3px solid #eee;
	padding: 30px;
	box-sizing: border-box;
	text-align: center;
	font-size: 1.5em;
}
.coming-soon-container img {
	max-width: 85% !important;
}
.coming-soon-container ul {
	margin: 20px 0 0;
}
.coming-soon-container li {
	list-style: none;
	border-bottom: 1px solid #eee;
	padding: 5px;
	text-align: left;
	font-weight: bold;
	margin: 0;
}
.coming-soon-container li:last-child {
	border: none;
}
.coming-soon-container li a {
	display: block;
}
.coming-soon-container li:hover {
	background: #f9fafb;
}
.coming-soon-container li.gray {
	color: #aaa;
}
.coming-soon-container li img {
	margin-right: 10px;
}
body.page-template-template-coming-soon #responsive-menu-button {
	display: none !important;
}
#related-posts .row20 {
	display: block;
}
.related-post-column {
	display: inline-block;
	float: left;
	width: 33.333%;
	padding: 0 20px 10px 0;
	line-height: 1.5;
	position: relative;
}
.related-post-column a {
	color: #343434;
}
.related-post-column a:after {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	content: "";
}
.related-post-column img {
	max-width: 100%;
	display: block;
	margin: 0 auto 10px;
}
/********** RESPONSIVE STYLES **********/

@media screen and (max-width: 1220px) {
    .footerBarWrapper .code_button2 {
        width: 190px !important;
        margin-left: 0px;
        line-height: 14px !important;
        padding-top: 7px;
    }
    .footerBarWrapper .footerBarInner>div {
        margin-left: 0px;
    }
}
@media screen and (max-width: 1076px) {
    .footerBarWrapper .code_button2 {
        width: 158px !important;
    }
    .footerBarWrapper .bonus_button:link,
    .footerBarWrapper .bonus_button:visited {
        width: 200px;
        background-size: 225px 100px;
        margin-top: 13px;
    }
    .footerBarWrapper .footerBarInner>div {
        margin-right: 5px;
    }
}
@media screen and (max-width: 1023px) {
	.admin-bar button#responsive-menu-button {
		top: 37px;
	}
	.entry-header.outer, .archive-header.outer, .home-top-content {
		padding: 0;
	}
    img {
        max-width: 100% !important;
    }
    header#header {
        box-shadow: 0 3px 5px rgba(0, 0, 0, .1);
        height: 58px;
        position: relative;
        z-index: 1;
    }
    header#header .container > img {
        display: none;
    }
    header#header #logo {
        /*margin: 5px 0 0 -3px;*/
        margin: 0px 0 0 -3px;
    }
    .container #logo.grid.one-fourth {
        width: 190px;
    }
    header#header #logo img {
        max-width: 125px;
        height: auto;
    }
    header#header .row30 {
        margin: 0;
    }
    body.fixed #wrapper {
        max-width: 100%;
    }
    #main .container .grid {
        padding: 0;
    }
    #main {
        padding: 0 10px;
    }
    .fresh-one-half,
    .fresh-two-third {
        float: none;
        width: 100%;
        box-sizing: border-box;
		display: block;
    }
    .home .fresh-one-third.last,
    #bonusbox.highlightbox.twoCols ul li .value {
        float: none;
        width: 100%;
    }
    h4.topcasinoshead,
    #yarpp_widget-2 h3,
    #nav_menu-5 h3,
    #nav_menu-10 h3,
    #post-26 .fresh-one-third.last .simplebox h3,
    .topranking-widget h3 {
        font-size: 14px;
    }
    table.topcasinos img {
        max-width: 100px !important;
    }
    table th,
    table td {
        padding: 5px;
    }
    #topcasino,
    #yarpp_widget-2 > div,
    #nav_menu-5 > div,
    #nav_menu-10 > div,
    #post-26 .fresh-one-third.last .simplebox > ul {
        width: 100%;
    }
    .container .row30 {
        margin: 15px 0 0 0;
    }
    h1,
    .single-entry .entry-title {
        font-size: 24px !important;
        line-height: 24px !important;
    }
    table.topcasinos tr {
        height: auto;
    }
    .single-page .entry-header,
    .archive-header {
        margin-bottom: 15px;
    }
    h1.entry-title {
        margin-bottom: 5px;
    }
    /*** TABLES ***/

    table.vergleich tr:first-child,
    table.top5box-content-widget thead {
        display: none;
    }
    table.vergleich,
    table.vergleich thead,
    table.vergleich tbody,
    table.vergleich th,
    table.vergleich td,
    table.vergleich tr,
    table.top5box-content-widget tr,
    table.top5box-content-widget th,
    table.top5box-content-widget thead,
    table.top5box-content-widget td,
	table.top5box-content-widget.automatic tr td.top5-bewertung	{
        display: block;
        font-size: 0.98em;
		width: 100%;
    }
    table.vergleich2.casinoVergleichbox .casinoVergleich-casino {
        width: 100%;
    }
    .casinoVergleich-open.fresh-btn.small {
        margin-bottom: 0.25em !important;
    }
    table.vergleich thead,
    table.top5box-content-widget thead {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }
    table.vergleich tr,
    table.top5box-content-widget tr {
        height: auto;
        border: none;
    }
    table.vergleich td {
        border: none;
        position: relative;
        padding-left: 50px;
        border: 1px solid #e5eaee;
    }
    table.top5box-content-widget tr td {
        border: none;
        position: relative;
        padding-left: 85px;
        border-bottom: 1px solid #e5eaee;
        text-align: center !important;
    }
    table.top5box-content-widget tr td .top5-anbieter-outer {
        text-align: left;
    }
    table.top5box-content-widget tr td .top5-platz {
        background: none;
        position: absolute;
        left: 50px;
        color: #555;
        padding: 0;
    }
    table.vergleich2.casinoVergleichbox thead {
        display: none;
    }
    table.vergleich2.casinoVergleichbox .first-row thead,
    table.vergleich2.casinoVergleichbox .first-row td {
        display: block;
    }
    table.vergleich2.casinoVergleichbox .first-row td {
        border-bottom: 1px solid #e5eaee !important;
        padding: 10px !important;
    }
    .casinoVergleich-bewertung .bewertung-outer,
    .casinoVergleich-open.fresh-btn.small,
    .casinoVergleich-codebox,
    .casinoVergleich-bewertung .bewertung-outer {
        max-width: 400px;
        margin: 0 auto;
    }
    table.vergleich2.casinoVergleichbox .first-row td.platz {
        text-align: left !important;
        width: 100%;
    }
    table.vergleich2.casinoVergleichbox td.platz span {
        margin-top: 0;
    }
    table.vergleich2.casinoVergleichbox td.platz span:after {
        content: "Platz ";
        display: inline-block;
        margin-left: 5px;
    }
    table.vergleich2.casinoVergleichbox td.platz span.firstplace {
        max-width: 100%;
    }
    table.vergleich2 tr.first-row {
        border-bottom: 0;
    }
    table.vergleich2 tr.first-row td:not(:first-child) {
        padding-left: 80px !important;
    }
    table.vergleich2.casinoVergleichbox .first-row td.casinoVergleich-conversion:before {
        display: none;
    }
    table.vergleich2.casinoVergleichbox .first-row td:before {
        float: left;
        margin-left: -80px;
        box-sizing: border-box;
        padding-left: 10px;
        font-weight: bold;
        font-size: 13px;
    }
    table.vergleich2.casinoVergleichbox .first-row td.casinoVergleich-casino:before {
        content: "Casino";
    }
    table.vergleich2.casinoVergleichbox .first-row td.casinoVergleich-bewertung:before {
        content: "Bewertung";
    }
    table.vergleich2.casinoVergleichbox .first-row td.casinoVergleich-bonus:before {
        content: "Bonus";
    }
    /* MOBILE AUSNAHME */

    #post-4111 table.vergleich td,
    table.top5box-content-widget td {
        padding-left: 85px;
    }
    table.vergleich td:before,
    table.top5box-content-widget td:before {
        position: absolute;
        top: 10px;
        left: 5px;
        width: 30px;
        padding-right: 10px;
        white-space: nowrap;
        font-weight: bold;
    }
    table.top5box-content-widget td:before {
        width: 50px;
        top: 5px;
        text-align: left;
    }
    table.vergleich td.platz {
        width: auto;
        text-align: left !important;
        font-size: 16px;
        background: #464646;
    }
    #post-4111 table.vergleich td.platz {
        padding-left: 50px;
    }
    /** STARTSEITE **/

    #post-379 table.vergleich td:nth-of-type(1):before {
        content: "Platz";
    }
    #post-379 table.vergleich td:nth-of-type(2):before {
        content: "Casino";
    }
    #post-379 table.vergleich td:nth-of-type(3):before {
        content: "Bewertung";
    }
    #post-379 table.vergleich td:nth-of-type(4):before {
        content: "Bonus*";
    }
    #post-379 table.vergleich td:nth-of-type(5):before {
        content: "";
    }
    /** HIGH ROLLER **/

    #post-3617 table.vergleich td:nth-of-type(1):before {
        content: "Platz";
    }
    #post-3617 table.vergleich td:nth-of-type(2):before {
        content: "Anbieter";
    }
    #post-3617 table.vergleich td:nth-of-type(3):before {
        content: "Bewertung";
    }
    #post-3617 table.vergleich td:nth-of-type(4):before {
        content: "VIP Programm";
    }
    /** MOBILE **/

    #post-4111 table.vergleich td:nth-of-type(1):before {
        content: "Platz";
    }
    #post-4111 table.vergleich td:nth-of-type(2):before {
        content: "Casino";
    }
    #post-4111 table.vergleich td:nth-of-type(3):before {
        content: "Software";
    }
    #post-4111 table.vergleich td:nth-of-type(4):before {
        content: "Spieleanzahl";
    }
    #post-4111 table.vergleich td:nth-of-type(5):before {
        content: "Mobile Einzahlung";
    }
    #post-4111 table.vergleich td:nth-of-type(6):before {
        content: "Kompatibilität";
    }
    #post-4111 table.vergleich td:nth-of-type(7):before {
        content: "Bonus";
    }
    /** TOP5 BOX **/

    table.top5box-content-widget td:nth-of-type(1):before {
        content: "Platz";
    }
    table.top5box-content-widget.glossar td:nth-of-type(1):before {
        content: "Anbieter";
    }
    table.top5box-content-widget td:nth-of-type(2):before {
        content: "Bonus";
    }
    table.top5box-content-widget td:nth-of-type(3):before {
        content: "Software";
    }
    table.top5box-content-widget.glossar td:nth-of-type(3):before {
        content: "Gutschein";
    }
    table.top5box-content-widget td:nth-of-type(4):before {
        content: "Infos zum Bonus";
    }
    table.vergleich a.tabbutton,
    a.tabbutton:hover,
    a.tabbutton {
        font-size: 14px;
    }
    table.vergleich img {
        max-width: 125px;
    }
    #content {
        border: none;
        padding: 0;
    }
    #sidebar-wrapper.grid.one-third {
        float: none;
        clear: both;
        width: 100%;
        margin: 10px 0;
    }
    .container .grid.two-third {
        width: 100%;
    }
    .entry .entry-thumb,
    .single-entry .entry-thumb {
        float: none;
        margin-bottom: 15px;
    }
    .entry .entry-thumb img,
    .single-entry .entry-thumb img,
    figure.entry-thumb img {
        max-width: 100% !important;
    }
    aside.widget {
        margin: 10px 0;
    }
    #content .wp-pagenavi {
        margin-bottom: 15px;
        text-align: center;
    }
    #content .wp-pagenavi .pages {
        display: block;
        text-align: center;
        margin-bottom: 5px;
    }
    .review-box {
        width: 125px;
        padding: 10px;
        border-radius: 5px;
    }
    .review-box h3 {
        font-size: 14px;
    }
    .review-box .average-score {
        margin-bottom: 0;
    }
    .review-box .average-score strong {
        font-size: 32px;
        line-height: 42px;
    }
    .review-box .left,
    .review-box .right {
        padding: 0;
    }
    .post-navigation.row20 {
        padding: 0 10px;
    }
    .container .row20 {
        margin: 0;
    }
    #bonusbox {
        max-width: 620px;
        margin: 20px auto;
    }
    .bonus-vergleich tr td {
        text-align: center !important;
    }
    table.bonus-vergleich .cell1,
    table.bonus-vergleich .cell2,
    table.bonus-vergleich .cell3 {
        text-align: left;
        float: none;
    }
    table.bonus-vergleich .cell1 {
        width: 200px;
    }
    table.bonus-vergleich .cell3 {
        float: none;
        width: 100%;
    }
    table.bonus-vergleich .cell2,
    table.bonus-vergleich .cell3 {
        width: 50%;
    }
}
@media screen and (max-width: 925px) {
    .footerBarWrapper #textarea {
        display: none;
    }
}
@media screen and (max-width: 782px) {
	.admin-bar button#responsive-menu-button {
		top: 52px;
	}
}
@media screen and (max-width: 767px) {
    #bonusbox {
        background-size: 225px 50px;
        padding: 10px;
        max-width: 100%;
    }
    #bonusbox .inleft {
        float: none;
        width: 100%;
    }
    #bonusbox .inright {
        float: none;
        width: 100%;
        height: 100px;
    }
    #bonusbox .bonus_button {
        margin-top: 10px;
    }
    #overlaybox,
    #overlaybox-erfahrungen,
    #overlaybox-erfahrungen.bigger-logo {
        width: 280px;
        top: 25px;
        height: auto;
        margin-top: 0;
        margin-left: -140px;
    }
    table.top5box-content-widget tr td .top5-codebox {
        display: block;
        margin: 0 auto 5px;
    }
    .footerBarWrapper .footerBarInner>div {
        margin-right: 0px;
        margin-left: 2px;
    }
    .footerBarWrapper .code_button2 {
        width: 175px!important;
    }
    .table-column-half {
        width: 100%;
        float: none;
        margin: 0 0 0.5%;
    }
    table.vergleich2 .main-links a,
    .table-column-half {
        font-size: 12px;
    }
    .casinoVergleich-highlights li {
        padding-left: 20px;
    }
    .casinoVergleich-highlights li::before {
        margin-left: -20px;
    }
    table.bonus-vergleich .cell1,
    table.bonus-vergleich .cell2,
    table.bonus-vergleich .cell3 {
        display: block;
        margin: 0 auto 15px;
        width: 100%;
        max-width: 450px;
    }
    table.bonus-vergleich .cell1 {
        text-align: center;
    }
    table.bonus-vergleich .cell1 .bewertung {
        margin: -2px auto 0;
    }
    table.bonus-vergleich .cell3 .vergleich-feature-list {
        padding-left: 0;
    }
    table.bonus-vergleich .bonusvergleich-conversion {
        margin: 5px auto;
    }
	.teaserbox-button-block {
		display: block;
		text-align: center;
	}
	.teaserbox-button-block > div {
		display: block;
		padding-right: 0;
		vertical-align: top;
		min-height: 33px;
		line-height: 33px;
		margin: 0 auto 5px;
	}
}
@media screen and (max-width: 664px) {
    .footerBarWrapper .code_button2 {
        display: none!important;
    }
	.related-post-column {
		float: none;
		width: 100%;
		margin-bottom: 10px;
		text-align: center;
	}
	form#commentform p.comment-form-author, form#commentform p.comment-form-email, form#commentform p.comment-form-url {
		clear: both;
		width: 100%;
		padding: 0;
	}
}
@media screen and (max-width: 510px) {
    .footerBarWrapper {
        display: none;
    }
}
@media screen and (max-width: 650px) {
    #main .container #content-wrapper #content .entry-content .width650,
    .width650 {
        width: 100%;
        !important;
    }
}
@media screen and (min-width: 651px) {
    #main .container #content-wrapper #content .entry-content .width650,
    .width650 {
        width: 640px;
        !important;
    }
}
@media screen and (max-width: 500px) {
    #main .container #content-wrapper #content .entry-content .provider_test_link,
    .provider_test_link {
        display: block;
        !important;
        font-size: 15px;
        margin: 10px 0;
    }
    table.top5box-content-widget tr td a.goto-singlepage,
    table.top5box-content-widget tr td.top5-conversion span {
        display: inline-block;
        font-size: 15px;
        margin: 16px 0;
    }
    .bookofralink {
        margin-left: 10px;
        margin-right: 10px;
    }
    table.vergleich2.casinoVergleichbox .first-row td:before {
        font-size: 11px;
        margin-left: -75px;
    }
    table.vergleich2 tr.first-row td:not(:first-child) {
        padding-left: 75px !important;
    }
    .casinoVergleich-open.fresh-btn.small,
    .casinoVergleich-bewertung .bewertung-value {
        font-size: 1em;
    }
	.coming-soon-container {
		width: 300px;
		height: auto;
		top: 60px;
		margin: 0 0 0 -150px;
		font-size: 1.25em;
		padding: 15px;
	}
}
@media screen and (min-width: 501px) {
    #main .container #content-wrapper #content .entry-content .provider_test_link,
    .provider_test_link {
        display: inline;
        !important;
        font-size: 13px;
        margin: 0;
    }
    table.top5box-content-widget tr td a.goto-singlepage,
    table.top5box-content-widget tr td.top5-conversion span {
        display: inline;
        font-size: 11px;
        margin: 0;
    }
    .bookofralink {
        margin-left: 0;
    }
}
table.top5box-content-widget tr td .top5-open-btn.fresh-btn.small.green {
    background: #54a72d;
    color: #fff;
    border: none;
    box-shadow: none;
    text-shadow: none;
	margin: 0;
	letter-spacing: .25px;
}
#header #searchform {
    display: table;
    float: right;
    left: -45px;
    margin-bottom: 0;
    margin-top: 33px;
    position: relative;
}
#header #searchform #s {
    border: 1px solid #e1e0e0;
    border-radius: 5px;
    box-sizing: border-box;
    display: table-column;
    height: 32px;
    line-height: normal;
    margin-bottom: 0;
    padding-left: 15px;
    padding-right: 40px;
    text-transform: none;
    width: 200px;
}
#header #searchform #s:focus {
    border-color: rgba(255, 174, 1, 0.8);
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(255, 174, 1, .6);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(255, 174, 1, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(255, 174, 1, .6);
    outline: 0;
}
#header #searchform #searchsubmit {
    background: #cecece none repeat scroll 0 0;
    border: medium none;
    border-radius: 0 5px 5px 0;
    display: table-column;
    height: 32px;
    line-height: 1em;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 32px;
}
#header #searchform #searchsubmit i {
    color: #fff;
    font-family: FontAwesome;
    font-size: 15px;
    font-style: normal;
    position: relative;
    top: -1px;
}
#header #searchform #searchsubmit i:before {
    content: "\f002";
}
/*** NEUES STYLES ***/

#menu.container {
    width: 100%;
}
#menu ul {
    max-width: 990px;
    margin: 0 auto;
}
.heroimage-home {
    height: 265px;
    width: 100%;
    background: url(images/hero-image-home.jpg) top center;
    box-shadow: 0 0 20px rgba(0, 0, 0, .2) inset;
}
.heroimage-home .claim {
	max-width: 1020px;
    margin: 0 auto;
    color: #343434;
    font-size: 40px;
    line-height: 1;
    padding: 85px 15px 10px 15px;
	text-transform: uppercase;
}
.goto-widget-link {
    display: block;
    margin-top: -10px;
    background: #f49717;
    color: #fff;
    padding: 10px 20px;
    font-size: 16px;
	position: relative;
}
.goto-widget-link:after,
.anbietersidebar .greenButton span.fill:after,
#bonusbox .bonus_button:after,
.bonusvergleich-open:after,
.casinoVergleich-open.fresh-btn.small:after, .ctabutton:after {
    content: "\f054";
    font-family: FontAwesome;
    float: right;
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -9px;
}
#overlaybox-erfahrungen .ctabutton:after {
	margin-top: -12px;
}
.goto-widget-link:hover {
    color: #fff;
    text-decoration: none;
    background: #ffa933;
}
.anbieterbox {
    border: 1px solid #e5eaee;
    margin-bottom: 30px;
}
.anbieterbox .headbar {
    background: #e5eaee;
    padding: 15px;
    display: block;
}
.anbieterbox .headbar .logo {
    float: left;
    max-width: 150px !important;
}
.anbieterbox .headbar .claim {
    float: right;
    background: #464646;
    font-weight: bold;
    height: 44px;
    line-height: 44px;
    padding: 0 10px;
    color: #fff;
    font-size: 16px;
    margin: 13px -24px 0 0;
    position: relative;
    width: 310px;
}
.anbieterbox .headbar .claim:before {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 22px 15px 22px 0;
    border-color: transparent #464646 transparent transparent;
    content: "";
    float: left;
    margin-left: -25px;
    -webkit-transform: rotate(360deg)
}
.anbieterbox .headbar .claim:after {
    width: 8px;
    height: 8px;
    background: url(images/corner-gray.png);
    position: absolute;
    right: 0;
    bottom: -7px;
    content: "";
}
.anbieterbox .content {
    padding: 15px;
}
.anbieterbox .conversion {
    margin-top: 40px;
}
.anbieterbox .conversion a, table.vergleich2 .main-links a {
    font-weight: bold;
    text-decoration: underline;
    padding-left: 32px;
    line-height: 25px;
    display: inline-block;
}
.anbieterbox .conversion a.review, table.vergleich2 .main-links a.review, table.vergleich2 .main-links a.bonus, table.vergleich2 .main-links a  {
    padding-right: 20px;
    border-right: 1px solid #e5eaee;
    margin-right: 12px;
    background: url(images/anbieterbox_icon_erfahrungen.png) 0 0 no-repeat;
}
.anbieterbox .conversion a.bonus, table.vergleich2 .main-links a.bonus {
    background: url(images/anbieterbox_icon_bonus.png) 0 0 no-repeat;
}
.anbieterbox .conversion a.bonus, table.vergleich2 .main-links a {
    background: url(images/anbieterbox_icon_app.png) 0 1px no-repeat;
	border-right: 0;
}
table.mobileSpielebox tr td {
	padding: 10px !important;
	text-align: left !important;
	line-height: 1.5;
}
table.mobileSpielebox tr td.logo-cell {
	width: 200px;
	position: relative;
	padding-left: 40px !important;
}
.mobileSpielebox .platz-small {
	position: absolute;
	top: 50%;
	margin-top: -12px;
	left: 0;
	margin-left: -8px;
}
table.mobileSpielebox .logo-cell img {
	max-width: 145px !important;
	margin: 0 auto;
	display: block;
}
table.mobileSpielebox .spiel-headline {
	font-size: 18px;
	font-weight: bold;
}
table.mobileSpielebox .spiel-desc {
	margin-bottom: 10px;
}
.casinoVergleich-open.fresh-btn.small.mobilespiele {
	color: #fff;
	display: inline-block;
	width: auto;
	font-size: 14px;
	line-height: 1.25;
	background: #f49717;
	padding: 10px 30px 10px 20px;
}
.casinoVergleich-open.fresh-btn.small.mobilespiele:after {
	margin-top: -7px;
}
.casinoVergleich-open.fresh-btn.small.mobilespiele:hover {
	background: #ffa933;
}
.container .grid.footer-logo img {
	margin-top: 2px;
}
.container .grid.one-third {
	line-height: 1.1;
}
.container .grid.one-third .data-protect-link {
	margin-bottom: 8px;
}
#footer .footer-menu-right {
	text-align: right;
}
#footer .footer-menu-right a,
#footer .footer-menu-right span {
    color: #fff;
}
#footer .footer-menu-right a:first-child {
    margin-left: 0;
}
#footer .footer-menu-right a.googleplus:before {
    content: "\f0d5";
    font-family: FontAwesome;
    display: inline-block;
    margin-right: 5px;
}
#footer .footer-menu-right span {
    color: #fff;
}
.footer-menu-right a:first-child {
    margin-left: 0;
}
#footer .widget {
    margin: 0;
}
#breadcrumbs{
	padding: 0 15px;
	line-height: 1.5;
}

/*COOKIE NOTICE*/
#cn-accept-cookie{
  background-image: none !important;
  background-color: #f49717 !important;
}

@media screen and (max-width: 1023px) {
    #header {
        padding: 12px 0;
    }
	.info-image {
		display: none;
	}
    #header #searchform {
        position: absolute;
        left: 220px;
        margin: 0;
        top: 0;
    }
    #header #searchform #s.open-search-box{
      display: inline-block;
    }
    #header #searchform #searchsubmit{
      border-radius: 5px;
      margin-left: 32px;
    }
	#breadcrumbs {
		padding: 0 !important;
	}
	.infobox-right {
		position: absolute;
		left: 430px;
		top: 10px;
	}
	.language-switch {
		position: initial;
	}
	.language-switch img {
		margin-left: 10px;
	}
    .heroimage-home {
        height: 185px;
        background-size: auto 185px;
    }
	.heroimage-home .claim {
		padding-top: 50px;
	}
	.home #main {
		padding-top: 0;
	}
    #sidebar-wrapper {
        border: none;
    }
    .footer-logo {
        display: block;
        margin: 0 auto 20px;
    }
    .footer-menu-right {
        float: none;
        text-align: center;
		line-height: 1;
		vertical-align: bottom;
    }
	#footer aside.widget_text {
		display: inline-block;
		vertical-align: bottom;
    }
	.datenschutz-link {
		float: none;
	}
    #footer .footer-menu-right a,
    #footer .footer-menu-right span {
        margin: 0 10px;
        display: inline-block;
    }
}
@media screen and (max-width: 767px) {
	.toggle-search {
		display: block;
		position: absolute;
		right: 65px;
		top: -9px;
		width: 55px;
		height: 48px;
		color: #464646;
		text-align: center;
		line-height: 50px;
	}
	.toggle-search i {
		font-family: FontAwesome;
		font-size: 1.75em;
		font-style: normal;
	}
	.searchbox {
		display: none;
		position: absolute;
		top: 46px;
		width: 100%;
		left: 0;
		background: #353535;
		padding: 10px;
		box-shadow: 0 5px 10px rgba(0,0,0,.25);
		box-sizing: border-box;
	}
	.searchbox.active {
		display: block;
	}
	#header #searchform {
		position: static;
	}
	#header #searchform #searchsubmit {
		line-height: 40px;
		height: 40px;
		width: 40px;
		top: 10px;
		right: 10px;
	}
	#header #searchform #searchsubmit i {
		color: #fff;
		font-family: FontAwesome;
		font-size: 15px;
		font-style: normal;
		position: relative;
		top: -1px;
	}
	#header #searchform #s {
		width: 100%;
		padding: 0 50px 0 10px;
		height: 40px;
		line-height: 40px;
	}
	.infobox-right {
		left: 180px;
	}
	header#header #logo {
		width: 170px;
		margin-top: 4px;
	}
    .heroimage-home {
        height: 120px;
        background-size: auto 120px;
    }
	#breadcrumbs {
		font-size: 75%;
		margin-bottom: 10px;
	}
    .anbieterbox .conversion a.review {
        border: none;
        margin-bottom: 10px;
    }
    .anbieterbox .headbar .claim {
        font-size: 14px;
        width: 275px;
        margin-top: 11px;
    }
    .anbieterbox .headbar .logo {
        max-width: 150px !important;
    }
	table.mobileSpielebox .logo-cell  {
		border-bottom: none;
	}
	table.mobileSpielebox tr td, table.mobileSpielebox tr td.logo-cell {
		display: block;
		width: 100%;
		text-align: center !important;
		padding: 10px !important;
	}
	.heroimage-home .claim {
		font-size: 24px;
		padding-top: 40px;
	}
	#footer .container .grid.one-third {
		width: 100%;
		float: none;
		margin-bottom: 30px;
		text-align: center;
	}
	#footer .footer-menu-right span, #footer .footer-menu-right a {
		margin: 0;
	}
}
@media screen and (max-width: 480px) {
    header#header #logo {
        width: 120px;
		margin-top: 8px;
    }
	.infobox-right {
		left: 110px;
	}
	.toggle-search {
		right: 60px;
	}
    .heroimage-home {
        height: 80px;
        background-size: auto 80px;
    }
    .anbieterbox .headbar .claim {
        font-size: 11px;
        width: 220px;
        margin-top: -2px;
    }
    .anbieterbox .headbar .logo {
        max-width: 85px !important;
    }
    #bonusbox .bonus_button,
    #bonusbox .code_button,
    #bonusbox .code_button2 {
        width: 100%;
        box-sizing: border-box;
    }
	.anbieterbox .conversion a.review, table.vergleich2 .main-links a.review, table.vergleich2 .main-links a.bonus, table.vergleich2 .main-links a {
		border: none;
		margin: 0;
		display: block;
	}
	.childpages-item {
		margin: 0 0 2%;
		width: 100%;
		float: none;
	}
	.heroimage-home .claim {
	font-size: 18px;
	padding-top: 26px;
}
}
@media screen and (max-width: 410px) {
  #header #searchform.mobile-search-form {
    /*background-color: red;*/
    left: 140px;
    z-index: 10;
  }
}
@media screen and (max-width: 359px) {
    .anbieterbox .headbar .claim {
        font-size: 10px;
        width: 200px;
        margin-top: -5px;
    }
    .anbieterbox .headbar .logo {
        max-width: 70px !important;
    }
	header#header #logo {
		width: 100px;
	}
	.infobox-right {
		left: 85px;
	}
}

.h-widget-title{
	background-color: #464646;
	padding: 10px;
	text-transform: uppercase;
	color: #fff;
	text-align: center;
	font-size: 16px;
}

.h-content-footer-header{
	font-weight: bold;
	color: #343434;
}

form.searchform-404{
	width: 400px;
	margin: 0 auto 10px;
}

@media screen and (max-width: 500px) {
	form.searchform-404{
		width: 100%;
	}
}