/*   
Theme Name: Betgutscheine.net
Theme URI: http://www.betgutscheine.net
Description: WP-Theme for Betgutscheine.net
Version: 1.0
*/
/*

/*-------------------------------------------------------------------------*/
/*	1. General style
/*-------------------------------------------------------------------------*/
body {
	font-family: 'Open Sans', sans-serif;
    font-size: 16px;
	image-rendering: -webkit-optimize-contrast;
}	
*:focus {
	outline: 0 !important;
}

a {
	outline: 0 !important;
	color: #2FAD66;
}

a:hover , a:focus , a:active {
	text-decoration: none;
	outline: 0 !important;
	color: #1d8e4e;
}

ul {
	list-style: none;
	padding: 0;
}
.content > ul, .content > ol {
	margin: 20px 40px;
}
.content > ul {
	list-style: square outside;
}
.content > ol {
	list-style: decimal outside;
}
.content > ul li, .content > ol li {
	margin-bottom: 5px;
}
.main-content img, .wp-caption, .sidebar img  {
	max-width: 100% !important;
	height: auto;
}
.wp-caption  {
	position: relative;
}
.alignleft {
	float: left;
	margin: 0 15px 10px 0;
}
.alignright {
	float: right;
	margin: 0 0 10px 15px;
}
.aligncenter, center {
	display: block;
	margin: 30px auto;
}
.align-center {
	text-align: center;
}

.no-padding {
	padding: 0;
}

.no-margin {
	margin: 0;
}

.padding-5 {
	padding:  0 5px;
}

.relative {
	position: relative;
}
.margin-40 {
	margin-top: 40px;
}

.content p {
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	color: #2d3047;
	line-height: 26px;
	margin-bottom: 1.25em;
}

.green-text {
	color: #2FAB65 !important;
}

.main-content h1 {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 42px;
	line-height: 48px;
	color: #2d3047;
	margin: 0 0 .5em;
}

.main-content h2 {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 32px;
	line-height: 36px;
	color: #2d3047;
	margin: .5em 0 .25em;
}

.main-content h3 {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 24px;
	line-height: 28px;
	color: #2d3047;
	margin: 0 0 .5em;
}
.mwm-aal-container .mwm-aal-title {
	margin: 10px 0;
}
#toc #toc_title p {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 18px;
	color: #2d3047;
	margin-bottom: 20px;
}

.abschnitt-big-subtitle p {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 24px;
	color: #2d3047;
	margin-bottom: 20px;
	margin-left: 30px;
}

.button {
	background: #2FAD66;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	text-align: center;
	line-height: 1.25;
	padding: 10px;
	margin-top: 15px;
	color: #fff;
	transition: all 300ms ease 0s;
	display: inline-block;
	cursor: pointer;
}
.button.small {
	padding: 5px 10px;
	font-size: 12px;
}
.button.block {
	display: block !important;
}
.button.uppercase {
	text-transform: uppercase;
}
.button.green {
	display: inline-block;
	padding: 10px;
	margin: 15px auto;
}
.button:hover, .button.green:hover {
	-webkit-box-shadow: 0px 0px 10px 3px rgba(47,172,102,0.31);
	-moz-box-shadow: 0px 0px 10px 3px rgba(47,172,102,0.31);
	box-shadow: 0px 0px 10px 3px rgba(47,172,102,0.31);
	color: #fff;
}

.button.pink {
	background: #D13974;
}

.button.pink:hover {
	-webkit-box-shadow: 0px 0px 10px 3px rgba(209,57,116,0.31);
	-moz-box-shadow: 0px 0px 10px 3px rgba(209,57,116,0.31);
	box-shadow: 0px 0px 10px 3px rgba(209,57,116,0.31);
}
.rate-btn .button.pink {
	width: 100%;
	padding: 10px;
	border: none;
}

.button.orange {
	background: #F1A142;
	color: #992e00;
}

.button.orange:hover {
	-webkit-box-shadow: 0px 0px 10px 3px rgba(241,161,66,0.5);
	-moz-box-shadow: 0px 0px 10px 3px rgba(241,161,66,0.5);
	box-shadow: 0px 0px 10px 3px rgba(241,161,66,0.5);
	color: #992e00;
}

input::-webkit-input-placeholder {
  	color: #555 !important;
    opacity: 1 !important;
}

input:-moz-placeholder {
  	color: #555 !important;
    opacity: 1 !important;
}

input::-moz-placeholder {
  	color: #555 !important;
    opacity: 1 !important;
}

input:-ms-input-placeholder {
  	color: #555 !important;
    opacity: 1 !important;
}

textarea::-webkit-input-placeholder {
  	color: #555 !important;
    opacity: 1 !important;
}

textarea:-moz-placeholder {
  	color: #555 !important;
    opacity: 1 !important;
}

textarea::-moz-placeholder {
  	color: #555 !important;
    opacity: 1 !important;
}

textarea:-ms-textarea-placeholder {
  	color: #555 !important;
    opacity: 1 !important;
}
blockquote {
	border-left-color: rgba(0,0,0,.065);
}
/*-------------------------------------------------------------------------*/
/*	2. Header style
/*-------------------------------------------------------------------------*/

.header-top {
	position: relative;
	border-bottom: 1px solid #e1e1e1;
}
.header-top .row.header {
	padding: 2px 0;
}
.logo-box {
	width: 300px;
}
.header .logo-box img {
	width: 100%;
	margin-top: 7px;
}
.header-top .topmenu-categories {
	background: #2fac66;
	padding: 5px;
	box-shadow: 0 -1px 0 rgba(0,0,0,.225) inset;
	line-height: 1;
}
.header-top .topmenu-categories ul {
	max-width: 1170px;
	text-align: center;
	margin: 0 auto;
}
.header-top .topmenu-categories ul li {
	display: inline-block;
	margin: 0 2px;
	vertical-align: top;
}
.header-top .topmenu-categories ul li a {
	color: #fff;
	font-size: 13px;
	padding: 4px 7px;
	display: block;
	line-height: 1;
	border-radius: 5px;
}
.header-top .topmenu-categories ul li.current-menu-item a, .header-top .topmenu-categories ul li:hover a {
	background: rgba(255,255,255,.25);
}
.header-contact {
	padding: 23px 0 22px 0;
	padding-left: 30px;
	border-left: 1px dashed #e1e1e1;
	border-right: 1px dashed #e1e1e1;
}

.header-contact-icon {
	float: left;
	margin-right: 10px;
}

.header-contact-icon img {
	margin-top: 2px;
}

.header-contact-text {
	float: left;
}

.header-contact-text h4 {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 12px;
	color: #252525;
	margin: 0;
}

.header-contact-text p {
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	color: #555;
	margin: 0;
}

.header-bottom {
	background: #F6F6F6;
	border-bottom: 1px solid #e1e1e1;
}

.header-bottom .main-menu-box {
	border-left: 1px solid #e1e1e1;
	border-right: 1px solid #e1e1e1;
	position: relative;
}
.navbar-collapse {
	padding: 0;
}

.header-bottom .main-menu-box ul {
	margin: 0;
}

.header-bottom .main-menu-box ul li {
	float: left;
}

.header-bottom .main-menu-box ul li a {
	font-family: 'Roboto Condensed', sans-serif;
	padding: 18px 30px;
	display: block;
	color: #252525;
	position: relative;
	transition: all 300ms ease 0s;
}
.header-bottom .main-menu-box ul li a span {
	display: none;
}

.header-bottom .main-menu-box ul li:hover > a, .header-bottom .main-menu-box ul li.current-menu-ancestor > a, .header-bottom .main-menu-box ul li.current-menu-parent > a, .header-bottom .main-menu-box ul li.menu-item-has-children.active > a  {
	color: #2fac66;
	z-index: 666;
}
.header-bottom .main-menu-box ul li.menu-item-has-children > a span {
	display: inline-block;
}
.header-bottom .main-menu-box ul li.menu-item-has-children > a span:after {
	position: absolute;
	content: "";
	right: 10px;
	top: 50%;
	margin-top: -3px;
	width: 9px;
	height: 6px;
	background: url("img/submenu-arrow.png") no-repeat;
	background-size: 100% auto;
}
.header-bottom .main-menu-box ul li.menu-item-has-children:hover > a span:after, .header-bottom .main-menu-box ul li.menu-item-has-children.active > a span:after {
	background-image: url("img/submenu-arrow-green.png");
}
.sub-menu {
	position: absolute;
	z-index: 555;
	border: 1px solid #e1e1e1;
	border-top: none;
	top: 58px;
	-webkit-box-shadow: 0px 5px 15px -1px rgba(115,108,100,0.25);
	-moz-box-shadow: 0px 5px 15px -1px rgba(115,108,100,0.25);
	box-shadow: 0px 5px 15px -1px rgba(115,108,100,0.25);
	display: none;
	width: 250px;
}

.sub-menu li {
	float: none !important;
	display: block;
}

.sub-menu li a {
	background: #F6F6F6;
	border-top: 1px solid #e1e1e1;
}

.sub-menu li a:hover {
	background: #fff;
}

.header-bottom .main-menu-box ul li:hover .sub-menu {
	display: block !important;
	background: #f6f6f6;
}

.header-bottom .search-btn, .header-bottom .search-input-box input[type="submit"] {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	padding: 16px 20px 14px 20px;
	border-left: 1px solid #e1e1e1;
	width: 55px;
	background: url(img/search-icon.png) center center no-repeat;
	text-indent: -999px;
}
.header-bottom .search-input-box input[type="submit"]  {
	border: none;
	border-left: 1px solid #fff;
	background-color: #2FAD66;
	background-image: url(img/search-icon-white.png);
}
.header-bottom .search-input-box {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	visibility: hidden;
	opacity: 0;
	transition: all 300ms ease 0s;
}

.header-bottom .search-input-box input[type="text"] {
	width: calc(100% - 55px);
	padding: 18px 30px;
	border: none;
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	color: #555;
	background: #F6F6F6;
	float: left;
}

.search-input-box-active {
	visibility: visible !important;
	opacity: 1 !important;
}

/*-------------------------------------------------------------------------*/
/*	3. Page Content style
/*-------------------------------------------------------------------------*/
.breadcrumbs {
	margin-top: 15px;
	font-family: 'Arial', sans-serif;
	font-size: 11px;
	color: #999;
}

.breadcrumbs a {
	color: #2FAD66;
}

.page-content {
	padding: 30px 0;
}
.home .page-content {
	padding-top: 55px;
}
/* abschnitt 1 */

.rate-box {
	margin-top: 20px;
	margin-bottom: 40px;
	border-top: 1px solid #e1e1e1;
	border-bottom: 1px solid #e1e1e1;
	padding: 10px 0;
}

.rate-box .stars {
	float: left;
	margin-right: 15px;
}
.rate-box .rateit {
	vertical-align: middle;
	margin-right: 10px;
}
.rating-stars-square .rateit {
	margin-top: 5px;
}
.rate-box p {
	float: left;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	line-height: 20px;
	margin: 0;
	color: #555;
	margin-right: 15px;
}

.rate-box .users-rate {
	float: right;
}

.rate-box .users-rate p {
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	margin: 0;
	color: #2fac66;
}

/* abschnitt 2 */

.main-content ul.big  {
	margin: 20px 0;
	list-style: none;
}

.main-content ul.big li {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 24px;
	color: #2d3047;
	margin: 0 0 15px;
	line-height: 26px;
}

.main-content ul.big li:last-child {
	margin: 0;
}

.main-content ul.big li:before {
	background: #2fac66;
	float: left;
	width: 14px;
	height: 14px;
	margin-right: 15px;
	margin-top: 7px;
	content: "";
}

/* abschnitt 3 */

.abschnitt-3 {
	margin-top: 40px;
}

.abschnitt-3 .h3-title {
	margin-bottom: 20px;
}

/* abschnitt 4 */

.grey-borders-box {
	margin: 40px 0; 
	padding: 30px;
	border-top: 1px solid #e1e1e1;
	border-bottom: 1px solid #e1e1e1;
}

.side-grey-borders-box {
	margin-top: 40px; 
	padding: 0 20px 15px 20px;
	border-top: 1px solid #e1e1e1;
	border-bottom: 1px solid #e1e1e1;
}
ul.checklist {
	list-style: none;
	margin: 20px;
}
ul.checklist li {
	margin-bottom: 7px;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	color: #555;
	padding-left: 25px;
	position: relative;
}

ul.checklist li:before {
	content: "";
	position: absolute;
	margin: auto;
	top: 0;
	bottom: 0;
	left: 0;
	width: 18px;
	height: 14px;
	background: url('img/check-icon.png') no-repeat;
	background-position: center left;
}
#toc {
	padding: 0 20px 20px 0;
	border-bottom: 1px solid #e1e1e1;
	margin: 0 30px 15px 0;
}
#toc ul {
	list-style:none;
	counter-reset: item;
}
#toc ul li {
	font-family: 'Roboto Condensed', sans-serif;
	color: #2d3047;
	font-size: 14px;
	padding-left: 25px;
	margin-bottom: 7px;
}
#toc ul li:before {
	content: counter(item, decimal) "";
    counter-increment: item;
    float: left;
    margin-left: -25px;
    width: 25px;
}
#toc ul li a {
	font-family: 'Open Sans', sans-serif;
	color: #0054a6;
	display: block;
}
#toc ul ul {
	counter-reset: item;
	margin-top: 5px;
}
#toc ul ul li {
	padding-left: 15px;
	font-weight: bold;
}
#toc ul ul li:before {
	width: 15px;
	margin-left: -15px;
}
#toc ul ul li:before, #toc ul ul li a {
	font-size: 12px;
	line-height: 1;
}
.content .mwm-aal-container {
	margin: 2em 0;
	border-color: #e1e1e1;
	padding: 20px 10px;
	font-size: 14px;
	line-height: 18px;
}
.content .mwm-aal-container .mwm-aal-title {
	font-family: 'Roboto Condensed', sans-serif;
    font-size: 24px;
    line-height: 28px;
	font-weight: normal;
}
.content .mwm-aal-container ol {
	margin: 0;
	padding: 0 0 0 15px;
	color: #2FAD66;
}
.content .mwm-aal-container ol li {
	margin-bottom: 8px;
}
.jumpernav-item {
	padding: 8px 20px 10px 45px;
	min-height: 40px;
	border: 1px solid #e1e1e1;
	margin-bottom: 5px;
	position: relative;
	width: 48%;
	display: inline-block;
	box-sizing: border-box;
}
.jumpernav-item:nth-child(odd) {
	margin-right: 3.25%;
}

.jumpernav-item:hover {
	padding: 8px 15px 10px 45px;
	border-right: 6px solid #2fac66;
}

.jumpernav-item:before {
	content: "";
	position: absolute;
	margin: auto;
	top: 11px;
	left: 15px;
	width: 14px;
	height: 14px;
	background: url('img/star-icon.png');
}

.jumpernav-item a {
	float: left;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	margin-top: 1px;
	margin-bottom: 0;
	color: #555;
	display: block;
}
.jumpernav-item a:after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.jumpernav-item span {
	float: right;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	margin-top: 1px;
	color: #555;
}

/* Reviewbox */
.reviewpart  {
	margin: 30px 0 60px;
}
.reviewpart#ergebnis {
	margin-bottom: 20px;
}
#wettsteuer.reviewpart {
	background: #F6F6F6;
	padding: 20px;
}
.reviewpart .part-content, .reviewpart .part-footer {
	display: block;
}
.reviewpart:not(#wettsteuer):not(#ergebnis) .part-content {
	border-bottom: 1px solid #e1e1e1;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
.reviewpart  .panel-group .panel {
	border-radius: 0;
	box-shadow: none;
	border: none;
	border-top: 1px solid #e1e1e1;
	border-bottom: 1px solid #e1e1e1;
}
.reviewpart  .panel-default>.panel-heading {
	background: none;
	border-radius: 0;
	padding: 18px 15px;
	border-left: 1px solid #e1e1e1;
	border-right: 1px solid #e1e1e1;
}
.category-ratings-box {
	padding: 20px;
}
.reviewpart .part-footer .grey-btn {
	background: #F6F6F6;
	display: inline-block;
	padding: 10px;
	font-weight: bold;
	line-height: 1;
	border: 2px solid #F6F6F6;
	color: #222;
	font-family: 'Roboto Condensed', sans-serif;
}
.reviewpart .part-footer .grey-btn:hover {
	background: none;
}
.reviewpart .ergebnis, .reviewpart .part-title {
	position: relative;
	padding-right: 65px;
}
.reviewpart .ergebnis {
	margin-bottom: 10px;
}
.reviewpart .ergebnis .result {
	position: absolute;
	right: 0;
	bottom: 0;
	background: #2FAD66;
	color: #fff;
	width: 60px;
	height: 60px;
	line-height: 1;
	font-weight: bold;
	font-size: 28px;
	text-align: center;
	padding: 8px 5px;
	box-sizing: border-box;
}
.reviewpart .ergebnis .result small {
	display: block;
	font-size: 12px;
	line-height: 1.25;
	font-weight: 300;
}
.reviewpart .ergebnis .balken-outer {
	height: 4px;
	display: block;
	background: #F6F6F6;
	margin-bottom: 10px;
	overflow: hidden;
}
.reviewpart .ergebnis .balken-outer .balken {
	height: 4px;
	display: block;
	background: #2FAD66;
}
.reviewpart .part-footer .scrolluplink {
	float: right;
	margin-top: 7px;
}
.reviewpart .part-footer .fa {
	color: #222;
	line-height: 1;
	text-align: center;
	cursor: pointer;
	font-size: 1.25em;
}
.reviewpart .part-footer .fa:hover {
	color: #2FAD66;
}
#snippet-box-footer {
	margin-top: 10px;
	font-size: 11px;
}
#snippet-box-footer .item {
	display: inline-block;
	margin: 0 20px 5px 0;
}
#snippet-box-footer .rating {
	height: 14px;
	background: url(img/rating-star-gray.png);
	width: 75px;
	display: inline-block;
}
#snippet-box-footer .stars {
	height: 14px;
	background: url(img/rating-star-gold.png);
	display: block;
}

/* abschnitt 5 */

.progress-bonus-item .progress {
	height: 10px;
	border-radius: 0;
	box-shadow: none;
	background: #e1e1e1;
	overflow: visible;
	transition: all 300ms ease 0s;
}

.progress-bonus-item .progress .progress-bar {
	background: #2fac66;
	transition: all 300ms ease 0s;
}

.progress-bonus-item .progress:hover .progress-bar:not([aria-valuenow="0"]) {
	-webkit-box-shadow: 0px 0px 10px 3px rgba(47,172,102,0.31);
	-moz-box-shadow: 0px 0px 10px 3px rgba(47,172,102,0.31);
	box-shadow: 0px 0px 10px 3px rgba(47,172,102,0.31);
}
.progress-bonus-item .progress-bonus-name {
	margin-top: -2px;
}
.progress-bonus-item .progress-bonus-name p {
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	line-height: 14px;
	color: #555;
}

/* highlightbox-abschnitt1 */

.highlightbox-abschnitt-item {
	margin-bottom: 5px;
}

.highlightbox-abschnitt-item span {
	float: left;
	min-width: 110px;
}

.highlightbox-abschnitt-item p {
	margin: 0;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	line-height: 22px;
	color: #555;
	padding-left: 22px;
}
.bonusbox .highlightbox-abschnitt-item p {
	padding-left: 130px;
}
.highlightbox-abschnitt-item.pro p {
	background: url(img/green-add-10px.png) 0 6px no-repeat;
}
.highlightbox-abschnitt-item.con p {
	background: url(img/red-minus.png) 0 10px no-repeat;
}
.highlightbox-abschnitt-item p.bonus {
	background: url(img/highlightbox-icon1.png) 0 4px no-repeat;
}
.highlightbox-abschnitt-item p.bonusart {
	background: url(img/highlightbox-icon2.png) 0 5px no-repeat;
}
.highlightbox-abschnitt-item p.bedingungen {
	background: url(img/highlightbox-icon3.png) 0 5px no-repeat;
}
.highlightbox-abschnitt-item p.gueltig {
	background: url(img/highlightbox-icon4.png) 0 5px no-repeat;
}
.highlightbox-abschnitt-img-box img {
	max-width: 200px !important;
	display: block;
	margin: 0 auto 10px;
	max-height: 100px;
}
.highlightbox-abschnitt-btns-box {
	margin-top: 20px; 
}

.highlightbox-abschnitt-btns-box .grey-btn {
	float: left;
}

.highlightbox-abschnitt-btns-box .green-btn {
	float: left;
}

.highlightbox-abschnitt-btns-box .grey-btn a {
	margin: 0;
	padding: 7px 30px;
	background: #EEF5FD;
	display: block;
	font-family: 'Open Sans', sans-serif;
	text-transform: none;
	font-size: 12px;
	color: #555;
	margin-right: 10px;
	transition: all 300ms ease 0s;
	line-height: 18px;
}

.highlightbox-abschnitt-btns-box .grey-btn a:hover {
	background: #D8EAFF
}

.highlightbox-abschnitt-btns-box .green-btn a, .highlightbox-abschnitt-btns-box .green-btn span {
	margin: 0;
	padding: 8px 30px;
	display: block;
	font-family: 'Open Sans', sans-serif;
	text-transform: none;
	font-size: 12px;
}

.highlightbox-abschnitt-progress-box {
	margin-top: 24px;
}

.highlightbox-abschnitt-progress {
	width: 65%;
	display: inline-block;
}

.highlightbox-abschnitt-progress .progress {
	height: 10px;
	border-radius: 0;
	margin-bottom: 0;
	box-shadow: none;
	background: #e1e1e1;
	overflow: visible;
	transition: all 300ms ease 0s;
}

.highlightbox-abschnitt-progress .progress .progress-bar {
	background: #2fac66;
	transition: all 300ms ease 0s;
}

.highlightbox-abschnitt-progress-text {
	width: 30%;
	text-align: right;
	display: inline-block;
}

.highlightbox-abschnitt-progress-text p {
	color: #2fac66;
    font-family: "Roboto Condensed",sans-serif;
    font-size: 14px;
    font-weight: bold;
    margin: 0;
}

.highlightbox-abschnitt-progress-text p span {
	color: #555;
    font-family: "Open Sans",sans-serif;
    font-size: 12px; 
    margin: 0 4px;
}

/* highlightbox-abschnitt2 */

.highlightbox-abschnitt2 .highlightbox-abschnitt-btns-box {
	margin-top: 44px;
}

.highlightbox-abschnitt-item p span.desc {
	color: #252525;
	margin-left: -110px;
}

/* abschnitt 6 */

.abschnitt-5 {
	margin-top: 40px;
}
/* Table */

.table {
	overflow: hidden;
	margin: 0;
}

.table .table-header-row {
	background: #F6F6F6;
}

.table .table-item-header {
	padding: 13px 20px;
	background: #F6F6F6;
	border-left: 1px solid #e1e1e1;
	border-bottom: 1px solid #e1e1e1;
}

.table .col-md-3:last-child .table-item-header {
	border: none;
	background: none;
}


.table .table-item-header p {
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	color: #555;
	margin: 0;
}

.regular-table-col {
	margin: 10px 0;
	border-top: 1px solid #e1e1e1;
	border-bottom: 1px solid #e1e1e1;
}

.table .table-item-content {
	padding: 13px 20px;
	border-left: 1px solid #e1e1e1;
	border-bottom: 1px solid #e1e1e1;
}

.table .table-item-content:last-child {
	border-bottom: none;
}

.table .col-md-3:last-child .table-item-content {
	border: none;
}

.table .table-item-content p {
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	color: #555;
	margin: 0;
}

.table-green-box {
	border: 2px dashed #2fac66;
	padding: 10px 0;
}

/* End Table */

/* abschnitt 6 */
.abschnitt-subtitle p  {
	font-family: 'Roboto Condensed', sans-serif;
    font-size: 18px;
    color: #2d3047;
    margin-bottom: 15px;
	font-weight: bold;
}
.abschnitt-6 {
	margin-top: 40px;
}

.abschnitt-6 .abschnitt-subtitle p {
	margin-left: 30px;
}

/* accordion */

#accordion {
	overflow: hidden;
	margin: 0;
}

#accordion .panel {
	border: none !important;
	margin: 0 !important;
	border-radius: 0 !important;
}

#accordion .panel-heading {
	border: 1px solid #e1e1e1 !important;
	background: #fff !important;
	margin-top: -1px;
	border-left: none;
	border-right: none;
	border-top: none;
	border-radius: 0 !important;
	padding: 0;
}

#accordion .panel:first-child .panel-heading {
	margin-top: 0;
}

#accordion .panel-heading h4 a {
	display: block;
	padding: 20px 20px;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	color: #555;
	position: relative;
}
.reviewpart  .panel-default>.panel-heading div {
	position: relative;
	cursor: pointer;
	padding-right: 50px;
	line-height: 1.25;
}
#accordion .panel .panel-heading h4 a:before, .reviewpart  .panel-default>.panel-heading div:before {
	content: "";
	position: absolute;
	margin: auto;
	top: 0;
	bottom: 0;
	right: 20px;
	width: 14px;
	height: 14px;
	background: url('img/open-panel.png') no-repeat;
	background-position: center center;
}
.reviewpart  .panel-default>.panel-heading div:after {
	content: "";
    height: 1px;
    width: calc(100% + 30px);
    background: #e1e1e1;
    bottom: -18px;
    left: -15px;
    display: block;
    position: absolute;
	opacity: 1;
	transition: all 300ms ease 0s;
}
.reviewpart  .panel-default>.panel-heading div.collapsed:after {
	opacity: 0;
	transition: all 300ms ease 0s;
}
#accordion .panel .panel-heading h4 .collapsed:before, .reviewpart  .panel-default>.panel-heading div.collapsed:before {
	content: "";
	position: absolute;
	margin: auto;
	top: 0;
	bottom: 0;
	right: 20px;
	width: 14px;
	height: 14px;
	background: url('img/closed-panel.png') no-repeat;
	background-position: center center;
}

#accordion .panel-body {
	border: none;
	padding: 20px;
}

#accordion .panel-body h4 {
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	color: #2d3047;
}

#accordion .panel-body p {
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	color: #555;
	line-height: 26px;
}

/* end accordion */

/* abschnitt 7 */

.top4-anbieter-box {
	margin: 25px auto;
}
.rating-item {
	padding: 28px 10px;
	border: 1px solid #e1e1e1;
	margin: 10px -1px 10px 0;
	text-align: center;
}
.rating-section .col-md-3 .rating-item .rating-stars {
	font-size: 14px;
}
.rating-item:hover {
	border: 2px dashed #2FAD66 !important;
	margin: 0 -1px 0 0px;
    padding: 37px 8px;
    cursor: pointer;
    position: relative;
    z-index: 1;
}

.rating-section .col-md-3:first-child .rating-item:hover {
	margin: 0;
}

.rating-item .rating-img-box {
	width: 100%;
	overflow: hidden;
}

.rating-item .rating-img-box img {
	width: 100%;
	max-width: 125px !important;
	height: 63px;
}

.rating-item .rating-title {
	text-align: center;
}
.rating-item .rating-title a {
	color: #333;
}

.rating-item .rating-title a:after {
	position: absolute;
	left: 0;
	top: 0;
	content: "";
	width: 100%;
	height: 100%;
}
.rating-item .rating-title p {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 16px;
	color: #2d3047;
	margin-top: 10px;
	margin-bottom: 10px;
	line-height: 1.15;
}

.rating-stars .stars2 {
	display: inline-block;
	margin-right: 2px;
}

.rating-stars p {
	display: inline-block;
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	color: #555;
	margin: 0;
}

.rating-bonus {
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	color: #555;
	text-align: center;
	display: block;
}
.rating-item .button {
	position: relative;
	z-index: 1;
}
/* abschnitt 8 */

.abschnitt-8 {
	margin-top: 40px;
}

.top-bonus-content {
	border: 1px solid #e1e1e1;
}

.top-bonus-content .top-bonus-item {
	border-bottom: 1px solid #e1e1e1;
}
.top-bonus-content .top-bonus-item > div{
	display: table;
	width: 100%;
}
.top-bonus-content .top-bonus-item > div > div {
	display: table-cell;
	float: none;
	vertical-align: middle;
}

.top-bonus-content .top-bonus-item:last-child {
	border-bottom: none;
}

.top-bonus-content .top-bonus-item .rating-img-box {
	width: 45%;
	float: left;
	overflow: hidden;
}
.top-bonus-content .top-bonus-item img.payment-logo {
	margin: 0 auto;
	display: block;
	max-width: 100px;
}

.top-bonus-content .top-bonus-item .rating-img-box img {
	width: 100%;
}

.top-bonus-content .top-bonus-item .top-bonus-title {
	padding-left: 15px;
}

.top-bonus-item-col1 {
	padding: 19px;
}

.top-bonus-title-btn {
	float: left;
	width: 50%;
}


.top-bonus-content .top-bonus-item .top-bonus-title h3 {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 17px;
	color: #2d3047;
	margin-top: 0;
	margin-bottom: 5px;
}

.top-bonus-content .top-bonus-item .bonus div {
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	color: #555;
	margin-bottom: 0;
	line-height: 1.35;
}

.top-bonus-content .top-bonus-item .bonus p:first-child {
	margin-bottom: 5px;
}

.borders-col {
	border-left: 1px solid #e1e1e1;
	border-right: 1px solid #e1e1e1;
}

.top-bonus-item-col2 {
	padding: 28px 0;
}

.top-bonus-content .top-bonus-item .rating-stars {
	max-width: 72%;
	left: 0;
	right: 0;
	margin: 25px auto;
	font-size: 14px;
}

.top-bonus-content .top-bonus-item .green-btn {
	padding-left: 15px;
	max-width: 90%;
}

.top-bonus-content .top-bonus-item .green-btn a {
	margin-top: 10px;
	text-transform: none;
}

/* abschnitt 9 */

.abschnitt-9 {
	margin-top: 40px;
}

.top-anbieter-content, .top-bonus-content {
	border: 1px solid #e1e1e1;
	margin: 30px 0;
}

.top-anbieter-content .top-anbieter-item {
	padding: 23px 28px;
	border-bottom: 1px solid #e1e1e1;
}

.top-anbieter-content .top-anbieter-item:last-child {
	border-bottom: none;
}

.top-anbieter-content .top-anbieter-item .rating-img-box {
	width: 100%;
	overflow: hidden;
}

.top-anbieter-content .top-anbieter-item .rating-img-box img, .top-bonus-content .top-bonus-item .rating-img-box img {
	width: 100%;
	max-width: 150px !important;
	display: block;
	margin: 0 auto;
}
.top-bonus-content .top-bonus-item .rating-img-box img {
	max-width: 200px !important;
}
.top-anbieter-content .payment-logo.small {
	max-width: 65px !important;
    margin: 0 0 -5px -7px;
}
.top-anbieter-title-rating {
	margin-bottom: 2px;
}

.top-anbieter-content .top-anbieter-item .top-anbieter-title {
	float: left;
}

.top-anbieter-content .top-anbieter-item .top-anbieter-title h3 {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 17px;
	color: #2d3047;
	margin: 0 0 5px 0;
}

.top-anbieter-content .top-anbieter-item .rating-stars {
	margin: 3px 0 0 15px;
	float: left;
	font-size: 14px;
}

.top-anbieter-content .top-anbieter-item .top-anbieter-benefits .benefits-item {
	padding-left: 20px;
	position: relative;
}

.top-anbieter-content .top-anbieter-item .top-anbieter-benefits li:before {
	content: "";
	width: 13px;
	height: 10px;
	position: relative;
	top: 3px;
	background: url('img/green-check.png');
	margin-left: -20px;
	float: left;
}

.top-anbieter-content .top-anbieter-item .top-anbieter-benefits li {
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	color: #555;
	margin-bottom: 5px;
	padding-left: 20px;
}

.top-anbieter-content .top-anbieter-item .bonus div {
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	color: #555;
	line-height: 1.5;
}
.top-anbieter-content .top-anbieter-item .bonus .bonusvalue, .top-bonus-content .top-bonus-item .bonus .bonusvalue {
	border: 1px dashed #2fac66;
    padding: 7px 5px;
    margin-top: 0;
    background: url("img/codebox-hatched-bg.png");
    box-shadow: 0 0 0 3px #fff inset;
    position: relative;
	text-align: center;
	font-family: 'Roboto Condensed', sans-serif;
    font-weight: bold;
    color: #2FAD66;
	font-size: 14px;
	line-height: 1;
	margin-bottom: 10px;
}
.top-anbieter-content .top-anbieter-item .bonus .bonusvalue:hover, .top-bonus-content .top-bonus-item .bonus .bonusvalue:hover {
    color: #41ce7f;
}
.top-anbieter-content .top-anbieter-item .bonus .bonusinfo small, .top-bonus-content .top-bonus-item .bonus .bonusinfo small {
	display: block;
	font-size: 10px;
	color: #999;
	line-height: 1;
	margin-bottom: 2px;
}
.rating-stars .stars-off {
	height: 14px;
	background: url("img/rating-star-gray.png");
	width: 75px;
	display: inline-block;
	vertical-align: sub;
	text-align: left;
}
.rating-stars .stars-on {
	height: 14px;
	background: #fff url(img/rating-star-gold.png);
	display: inline-block;
	vertical-align: top;
}
.top-anbieter-content .top-anbieter-item .bonus div span {
	float: right;
}
.top-anbieter-content .top-anbieter-item .button, .top-bonus-content .top-bonus-item .button {
	padding: 5px;
	text-transform: uppercase;
	font-size: 13px;
	margin-bottom: 0;
	margin-top: 10px;
}
.top-bonus-content .top-bonus-item .button {
	margin-left: 15px;
}
/* abschnitt 10 */

.abschnitt-10 {
	margin-top: 40px;
}

.abschnitt-10 .abschnitt-subtitle p {
	margin-left: 30px;
}

.banner-box {
	position: relative;
}

.banner-box img {
	width: 100%;
}

p.wp-caption-text {
	position: absolute;
	left: 5%;
	bottom: 0;
	background: #fff;
	width: 90%;
	margin: auto;
	padding: 10px 15px 0 15px;
	text-align: center;
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	line-height: 13px;
	color: #555;
	margin: 0;
}

/* abschnitt 11 */
/*** QUOTENNIVEAU TABLE ***/
.quotenNiveau-outer {
	border-top: 1px solid #efefef;
	border-bottom: 1px solid #efefef;
	margin: 30px auto;
	padding: 25px 30px 45px;
	width: 100%;
	color: #2d3047;
}
.quotenNiveau-table {
	width: 100%;
}
.quotenNiveau-table td {
	border: none;
}
.quotenNiveau-table tr td {
	padding-bottom: 12px;
	position: relative;
}
.quotenNiveau-table tr:last-child td {
	padding-bottom: 0;
}
.quotenNiveau-table tr:first-child td.sportart {
	position: relative;
}
.quotenNiveau-table tr td.sportart {
	width: 175px;
	max-width: 175px;
	border-left: 0;
}
.quotenNiveau-table tr td.sportart span {
	font-style: normal;
	padding-left: 28px;
	display: inline-block;
	color: #2d3047;
}
.quotenNiveau-table tr td.sportart.fussball span {
	background: url(img/odds-icons/football.png) 0 1px no-repeat;
}
.quotenNiveau-table tr td.sportart.basketball span {
	background: url(img/odds-icons/basketball.png) 0 1px no-repeat;
}
.quotenNiveau-table tr td.sportart.tennis span {
	background: url(img/odds-icons/tennis.png) 0 1px no-repeat;
}
.quotenNiveau-table tr td.sportart.eishockey span {
	background: url(img/odds-icons/eishockey.png) 0 1px no-repeat;
}
.quotenNiveau-table tr td.sportart.motorsport span {
	background: url(img/odds-icons/motorsport.png) 0 1px no-repeat;
}
.quotenNiveau-table tr td.sportart.handball span {
	background: url(img/odds-icons/handball.png) 0 1px no-repeat;
}
.quotenNiveau-table tr td.sportart.pferderennen span {
	background: url(img/odds-icons/pferderennen.png) 0 1px no-repeat;
}
.quotenNiveau-table tr td.sportart.hunderennen span {
	background: url(img/odds-icons/hunderennen.png) 0 1px no-repeat;
}
.quotenNiveau-table td .bar-gray {
	padding-right: 150px;
	position: relative;
}
.quotenNiveau-table td.bar span {
	position: absolute;
	right: 0;
	top: 0;
}
.quotenNiveau-table td .bar-gray .bar-invisible {
	height: 1px;
	background: #e1e1e1;
}
.quotenNiveau-table td .bar-gray .bar-active {
	background: #2eac65;
	height: 5px;
	position: relative;
	margin-top: -2px;
}
.quotenNiveau-table td .bar-gray > div {
	float: left;
}
.quotenNiveau-table td .bar-gray > div.prozentanzeige {
	width: 25%;
}
.quotenNiveau-table td .bar-gray > div.prozentanzeige:before {
	height: 10px;
	background: #e1e1e1;
	width: 1px;
	margin-top: -8px;
	content: "";
	display: block;
}
.quotenNiveau-table td .bar-gray > div.prozentanzeige:last-child {
	width: 0;
}
.quotenNiveau-table tr:last-child  td .bar-gray > div.prozentanzeige em {
	display: block;
	position: relative;
	left: -6px;
	font-style: normal;
}
.quotenNiveau-table tr:last-child  td .bar-gray > div.prozentanzeige em.last {
	left: -11px;
}
.quotenNiveau-table td.values .bar-gray {
    margin-top: -20px;
    top: 30px;
}
/* abschnitt 12 */

.abschnitt-12 {
	margin-top: 40px;
}

.calculator-img-box {
	float: left;
	overflow: hidden;
	max-width: 100px;
}

.calculator-img-box img {
	width: 100%;
	max-width: 150px !important;
}

.calculator-text {
	padding-left: 13px;
	float: left;
	max-width: 160px;
}

.calculator-text p {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 12px;
	color: #555;
	margin-bottom: 0;
	margin-top: 2px;
}

.calculator-text a {
	display: block;
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	color: #252525;
	font-weight: 400;
}

.add-number-box {
	float: left;
	max-width: 70px;
	margin-left: 20px;
	text-align: center;
}

.add-number-box input {
	padding: 7px 5px;
	width: 100%;
	border: none;
	background: #F6F6F6;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	color: #555;
	text-align: center;
	border: 2px dashed #2FAD66;
	line-height: 18px;
}

.add-number-box p {
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	color: #555;
	margin: 0;
	line-height: 13px;
	margin-top: 5px;
}

.addition-icon {
	float: left;
}

.addition-icon img {
	padding: 0 12px;
	margin-top: 11px;
}

.bet-calculator-abschnitt .addition-icon img {
	padding: 0;
}

.compact-calculator-section {
	margin: 25px 0;
	padding: 30px 20px;
	border-top: 1px solid #e1e1e1;
	border-bottom: 1px solid #e1e1e1;
}
.calculator-bonus-value-box {
	float: left;
	text-align: center;
}

.calculator-bonus-value-box p {
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	color: #555;
	margin: 0;
	line-height: 13px;
	margin-top: 5px;
}

.calculator-bonus-value {
	border: 1px solid #e1e1e1;
	min-width: 70px;
	text-align: center;
	padding: 8px 10px;
	line-height: 18px;
}

.calculator-bonus-value h4 {
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	color: #2d3047;
	margin: 0;
}

.equal-icon {
	float: left;
}

.equal-icon img {
	padding: 0 12px;
	margin-top: 13px;
}

.calculator-green-btn {
	float: left;
	margin-left: 15px;
}

.calculator-green-btn a {
	margin-top: 1px;
	border: 1px solid #2FAD66;
	padding: 7px 18px;
}

/* abschnitt 13 */

.abschnitt-13 {
	margin-top: 40px;
}

.bet-calculator-abschnitt-left {
	padding: 28px 30px 175px;
	border: 1px solid #e1e1e1;
	border-right: none;
	margin-top: 10px;
	background: #fff;
}
.bet-calculator-abschnitt-left .taxinfo {
	position: absolute;
	top: 125px;
}
.bet-price-box-first-price {
	float: left;
}

.bet-calculator-box .bet-price-box p {
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	color: #555;
	margin: 0;
	line-height: 1;
}

.bet-calculator-box .bet-price-box .value {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 32px;
	color: #2d3047;
	margin-top: 10px;
	margin-bottom: 0;
}
.bet-calculator-box .bet-price-box .value.green  {
	color: #2FAB65;
}

.bet-calculator-box .addition-icon {
	padding-top: 17px; 
	width: 100%;
	text-align: center;
}

.bet-calculator-box .addition-icon p {
	line-height: 25px;
}

.bet-calculator-box .bet-calculator-textarea-box .textbox {
	border: 1px solid #e1e1e1;
	width: 95%;
	background: #F6F6F6;
	padding: 15px 20px;
	min-height: 110px;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	color: #555;
	line-height: 20px;
}

.bet-calculator-box .right-prices {
	border: 2px dashed #2FAD66;
	padding: 25px 48px;
	background: url('img/dollar-bg.png') no-repeat;
	background-position: calc(100% - 28px) calc(100% - 28px);
	background: #fff;
}

.bet-calculator-box .right-prices .right-prices-item {
	margin-bottom: 20px;
}

.bet-calculator-box .right-prices .right-prices-item:last-child {
	margin-bottom: 0;
}

/* abschnitt 14 */

.abschnitt-14 {
	margin-top: 40px;
}

.abschnitt-14 .abschnitt-subtitle p {
	margin-left: 30px;
	
}

/* Payment Table */

.table-2 {
	overflow: hidden;
	border: 1px solid #e1e1e1;
	margin: 0;
}

.payment-table-col {
	position: relative;
	min-height: 1px;
	float: left;
	width: 20%;
}

.table-2 .table-header-row {
	background: #F6F6F6;
}

.table-2 .table-item-header {
	padding: 15px 20px;
	border-right: 1px solid #e1e1e1;
	border-bottom: 1px solid #e1e1e1;
}

.table-2 .payment-table-col:last-child .table-item-header {
	border-right: none;
}

.table-2 .table-item-header p {
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	color: #252525;
	margin: 0;
}

.table-2 .payment-table-col:last-child .table-item-content {
	border: none;
}

.table-2 .table-item-content img {
	max-height: 20px;
}

.table-2 .table-content-row {
	border-bottom: 1px solid #e1e1e1;
}

.table-2 .table-content-row:last-child {
	border-bottom: none;
}

.table-2 .table-item-content {
	padding: 13px;
	border-right: 1px solid #e1e1e1;
}

.table-2 .table-item-content p {
	font-family: 'Open Sans', sans-serif;
	font-size: 15px;
	color: #555;
	margin: 0;
}

.checkandtimes-box span {
	margin: 0 5px;
	color: #555;
}

/* abschnitt 15 */

.abschnitt-15 {
	margin-top: 40px;
}

.abschnitt-15 .abschnitt-subtitle p {
	margin-left: 30px;
}

.conclusion-left-box {
	max-width: 68%;
}

.conclusion-box .conclusion-item {
	margin-bottom: 10px;
}

.conclusion-box .conclusion-item:last-child {
	margin: 0;
}
.conclusion-box .conclusion-item {
	margin: 0 0 10px;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	color: #555;
	padding-left: 25px;
}
.conclusion-box .conclusion-item.pro {
	background: url(img/green-add-12px.png) left center no-repeat;
}
.conclusion-box .conclusion-item.con {
	background: url(img/decrease-icon.png) left center no-repeat;
}

.conclusion-right-box {
	position: absolute;
	width: 30%;
	top: -2px;
	bottom: -2px;
	right: 15px;
	margin: auto;
}

.conclusion-right-box .bet-logo {
	text-align: center;
}

.conclusion-right-box .bet-logo img {
	width: 85%;
	max-width: 200px !important;
}

.conclusion-right-box .conclusion-bet-btn {
	margin-top: 10px;
}

.conclusion-right-box .conclusion-bet-btn a {
	display: block;
	text-align: center;
	background: #F9DC1C;
	padding: 10px 10px;
	margin: 0 20px;
	color: #027b5b;
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	text-transform: uppercase;
}

/* abschnitt 16 */

.abschnitt-16 {
	margin-top: 40px;
}

.related-box a:hover .related-item .related-item-title h4 {
	color: #2FAD66;
}

.related-box .related-item .related-img-box {
	overflow: hidden;
	max-height: 137px;
	margin-bottom: 15px;
}

.related-box .related-item .related-img-box img {
	width: 100%;
}

.related-box .related-item .category-link-box span {
	color: #0054a6;
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
}

.related-box .related-item .related-item-title h4 {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 16px;
	line-height: 26px;
	margin-top: 0;
	color: #252525;
	transition: all 300ms ease 0s;
}

/* abschnitt 17 */
#erfahrungen {
	margin-top: 40px;
}
.rating-form-outer {
	display: table;
	width: 100%;
}
.rating-form-outer > div {
	display: table-cell;
}
.abschnitt-17 {
	margin-top: 40px;
}

.user-rating-box {
	border: 1px solid #e1e1e1;
}

.user-rating-form-box {
	padding: 38px 30px;
}

.user-rating-subtitle p {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 16px;
	color: #252525;
	margin-bottom: 20px;
}

.user-rating-form-box .rating-form {
	width: 70%;
	padding-right: 15px;
	vertical-align: top;
}
.user-rating-form-box .rating-form p:last-child {
	margin-bottom: 0;
}
.user-rating-form-box .rating-form input {
	width: 100%;
	margin-bottom: 5px;
	border: 1px solid #e1e1e1;
	padding: 10px 15px;
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	color: #555;
}

.user-rating-form-box .rating-form input:focus {
	background: #F6F6F6;
}

.user-rating-form-box .rating-form textarea {
	width: 100%;
	border: 1px solid #e1e1e1;
	padding: 10px 15px;
	min-height: 130px;
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	color: #555;
	display: block;
}

.user-rating-form-box .rating-form textarea:focus {
	background: #F6F6F6;
}

.user-rating-form-box .user-rating-stars-box {
	width: 30%;
	text-align: center;
	position: relative;
}
.user-rating-form-box .user-rating-stars-box .rate-btn {
	position: absolute;
	bottom: 0;
	width: 100%;
}

.user-rating-form-box .user-rating-stars-box .rating-stars-square {
	padding: 5px 10px;
	margin: 0 10px;
}

.user-rating-form-box .user-rating-stars-box .rating-stars-square .stars2 {
	display: block;
	text-align: center;
	margin: 0;
}

.user-rating-form-box .user-rating-stars-box .rating-stars p {
	text-align: center;
	display: block;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 24px;
	color: #252525;
	margin-top: 20px;
}

.user-rating-form-box .user-rating-stars-box .rate-btn .pink-btn a {
	margin-top: 0;
	padding: 10px 5px;
}

.user-rating-box .user-all-rating-box {
	background: #F6F6F6;
	padding: 13px 30px;
}

.user-rating-box .user-all-rating-box .user-rating-subtitle {
	display: inline-block;
}

.user-rating-box .user-all-rating-box .user-rating-subtitle p {
	margin-bottom: 0;
}

.user-rating-box .user-all-rating-box .all-rating {
	width: 175px;
	text-align:right;
	font-size: 14px;
}

.user-rating-box .user-all-rating-box .all-rating .stars2 {
	float: left;
}

.user-rating-box .user-all-rating-box .all-rating p {
	line-height: 19px;
	margin-left: 10px;
	margin-bottom: 0;
}
.user-rating-box .user-all-rating-box .all-rating .rateit {
	float: left;
	margin-right: 10px;
}

.user-rating-box .user-all-rating-box .all-rating p span {
	color: #8d99ae;
}

.user-rating-box .user-review-box {
	padding: 30px;
}

.user-rating-box .user-review-box .user-review-item {
	margin-bottom: 30px;
}

.user-rating-box .user-review-box .user-review-item:last-child {
	margin: 0;
}

.user-rating-box .user-review-box .user-review-item .review-user-img {
	float: left;
	width: 8%;
	margin-right: 2%;
	overflow: hidden;
	max-width: 50px;
}

.user-rating-box .user-review-box .user-review-item .review-user-img img {
	width: 100%;
	height: auto;
}

.user-rating-box .user-review-box .user-review-item .user-review-text {
	float: left;
	width: 90%;
}

.user-review-item .user-review-text .user-review-text-header .review-user-name {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 16px;
	color: #2d3047;
	margin: 0;
	line-height: 26px;
}

.user-review-item .user-review-text .user-review-text-header .review-post-time p {
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	color: #555;
	margin-bottom: 0;
	margin-right: 10px;
	line-height: 26px;
}

.user-review-item .user-review-text .user-review-text-header .stars2 {
	float: left;
	line-height: 23px;
}

.user-review-item .user-review-text .user-review-text-header .all-rating {
	display: inline-block;
}
.h1-title .rateit .rateit-range, .user-review-item .user-review-text .user-review-text-header .all-rating .rateit .rateit-range, .user-rating-box .user-all-rating-box .all-rating .rateit .rateit-range {
	cursor: default;
}
.user-review-item .user-review-text .user-review-text-header .all-rating p {
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	color: #555;
	float: left;
	line-height: 19px;
	margin-left: 10px;
	margin-bottom: 0;
}

.user-review-item .user-review-text .user-review-text-content {
	margin-top: 15px;
}

.user-rating-box .more-user-reviews a {
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	color: #0054a6;
}

/* abschnitt 18 */

.abschnitt-18 {
	margin-top: 40px;
}

.recommandation-abschnitt {
	margin: 20px 0 30px;
}
.recommandation-box {
	display: table;
	width: 100%;
}
.recommandation-box > div {
	display: table-cell;
	vertical-align: top;
}
.recommandation-right {
	width: 30%;
	padding: 33px 28px;
	border: 2px dashed #2fac66;
}

.recommandation-img-box {
	overflow: hidden;
}

.recommandation-img-box img {
	width: 100%;
	max-width: 150px !important;
	display: block;
	margin: 0 auto;
}

.recommandation-right .recommandation-right-text {
	text-align: center;
}

.recommandation-right .recommandation-right-text h4 {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 16px;
	color: #252525;
	margin-top: 20px;
}

.recommandation-right .recommandation-progress .progress-values {
	text-align: center;
	margin-top: 10px;
}

.recommandation-right .recommandation-progress .progress-values p {
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #2EAC65;
}

.recommandation-right .recommandation-progress .progress-values p span {
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	font-weight: 500;
	color: #555;
}

.recommandation-right .recommandation-progress .progress-box {
	display: block;
	height: 10px;
	background: #D6DDE7;
	position: relative;
	overflow: hidden;
	margin-top: 20px;
	margin-right: -10px;
	margin-left: -10px;
}

.recommandation-right .recommandation-progress .progress-box .progress-cont {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	background: #2EAC65;
	margin: auto;
}

.recommandation-right .recommandation-right-link {
	text-align: center;
	margin-top: 15px;
}

.recommandation-right .recommandation-right-link a {
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	color: #0054a6;
}

.recommandation-left-outer {
	width: 70%;
	padding: 10px 0;
}
.recommandation-left {
	padding: 28px;
	border: 1px solid #e1e1e1;
	border-right: none;
	vertical-align: middle;
}

.recommandation-left .recommandation-left-title h4 {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 24px;
	color: #252525;
	margin: 0;
}

.recommandation-left .recommandation-left-check-list {
	margin-top: 10px;
}

.recommandation-left .recommandation-left-check-list .recommandation-left-check-item {
	padding-left: 25px;
	display: block;
	position: relative;
}

.recommandation-left .recommandation-left-check-list .recommandation-left-check-item:before {
	background: rgba(0, 0, 0, 0) url("img/check-icon.png") no-repeat;
	background-position: center;
    bottom: 0;
    content: "";
    height: 14px;
    left: 0;
    margin: auto;
    position: absolute;
    top: 0;
    width: 18px;
}

.recommandation-left .recommandation-left-check-list .recommandation-left-check-item p {
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	color: #555;
	margin-bottom: 5px;
}

.recommandation-left-btn .green-btn a {
	width: auto;
	display: inline-block;
	padding: 8px 12px;
	margin-top: 8px;
}

/* abschnitt 19a */

.abschnitt-19 {
	margin-top: 70px;
}

.category-ratings-item {
	float: left;
	width: 9%;
	margin-right: 1%;
}

.category-ratings-item:last-child {
	margin: 0;
}

.category-ratings-item .category-ratings-img {
	
	overflow: hidden;
}

.category-ratings-item .category-ratings-img img, .category-ratings-item .category-ratings-img {
	width: 100%;
	height: 32px;
	overflow: hidden;
}

.category-ratings-item .category-ratings-bar {
	height: 170px;
	position: relative;
	margin-top: 5px;
	overflow: hidden;
}

.category-ratings-item .category-ratings-bar .category-ratings-bar-content {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	background: #f2f2f2;
	transition: all 300ms ease 0s;
}
.category-ratings-item.current .category-ratings-bar .category-ratings-bar-content {
	background: #E1E1E1;
}
.category-ratings-item:hover {
	cursor: pointer;
}

.category-ratings-item:hover .category-ratings-bar .category-ratings-bar-content {
	background: #2FAD66;
}

.category-ratings-item .category-value {
	text-align: center;
	margin-top: 5px;
}

.category-ratings-item .category-value p {
	margin-bottom: 0;
	margin-top: 10px;
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	color: #555;
}

/* abschnitt 19b -- neue top3 ausgabe */
.top3-review-category-box-outer {
	border-bottom: 1px solid #e1e1e1;
	padding: 0 0 20px;
	margin: 10px 0 20px;
}
.top3-review-category-box-outer .title {
	font-weight: 600;
	color: #2fad66;
	font-size: .85em;
	line-height: 1.15;
	margin-bottom: 10px;
}
.top3-review-category-box {
	display: table;
    border-spacing: 10px 0;
    width: calc(100% + 20px * 1);
    margin: 0 -10px;
}
.top3-review-category-box > div {
	display: table-cell;
    width: calc(100% / 3 *1);
	vertical-align: middle;
	border: 1px solid #e1e1e1;
	padding: 5px 10px 5px 5px;
	position: relative;
	-moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.top3-review-category-box > div.current,.top3-review-category-box > div.current:hover {
	border-color: #D13974;
}
.top3-review-category-box > div.other {
	cursor: pointer;
}
.top3-review-category-box > div:hover {
	border-color: #2fad66;
	-moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.top3-review-category-box > div .logo {
	display: inline-block;
    width: calc(100% - 50px - 10px *1);
}
.top3-review-category-box > div .logo img {
	max-height: 50px;
	width: auto;
	vertical-align: middle;
}
.top3-review-category-box > div .rating {
	display: inline-block;
    width: 50px;
	vertical-align: middle;
	text-align: center;
	line-height: 1;
	font-size: .8em;
	color: #999;
}
.top3-review-category-box > div .rating span {
	font-weight: bold;
	font-size: 1.25em;
	color: #2d3047;
}
.top3-review-category-box > div .rating-bar {
	position: absolute;
	top: -1px;
	right: -1px;
	height: calc(100% + 2px *1);
	width: 6px;
	background: #e1e1e1;
}
.top3-review-category-box > div .rating-bar-active {
	position: absolute;
	bottom: 0;
	width: 100%;
	background: #2FAD66;
}
.top3-review-category-box > div.current .rating-bar-active {
	background: #D13974;
}


/* abschnitt 20 */

.abschnitt-20 {
	margin-top: 40px;
}

.ranking-item {
	border: 1px solid #e1e1e1;
	padding: 18px;
	
}

.ranking-item-50 {
	width: 48%;
	float: left;
	margin-right: 2%;
}

.ranking-item-33 {
	width: 31%;
	float: left;
	margin-right: 2%;
	margin-top: 10px;
}

.ranking-item .rankink-img {
	float: left;
	width: 30%;
	
	overflow: hidden;
	margin-right: 15px;
}

.ranking-item .rankink-img img {
	width: 100%;
}

.ranking-item .ranking-text {
	float: left;
	width: 62%;
}

.ranking-item-50 .ranking-text h4 {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 16px;
	color: #252525;
	margin-bottom: 7px;
	margin-top: 25px;
}

.ranking-item-50 .ranking-text p {
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #2FAD66;
}

.ranking-item-50 .ranking-text p span {
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	font-weight: 500;
	color: #555;
}

/* abschnitt 21 */
.archive .content {
	margin-bottom: 20px;
}
.abschnitt-21 {
	margin-top: 40px;
}
.archive-item .row {
	margin: 0;
}
.archive-item .col-md-3 {
	width: 25%;
	display: inline-block;
	float: left;
	padding: 0;
}
.archive-item .col-md-9 {
	width: 75%;
	float: left;
	display: inline-block;
	padding: 0 0 0 20px;
}

.archive-item {
	margin-bottom: 40px;
}

.archive-item .archive-img-box {
	overflow: hidden;
}

.archive-item .archive-img-box img {
	width: 100%;
	height: auto;
}

.archive-item .post-title {
	line-height: 1;
	margin-top: -10px;
}
.archive-item .post-title a {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 24px;
	color: #2d3047;
	line-height: 26px;
	margin-top: 0;
	transition: all 300ms ease 0s;
}
.archive-item .post-title a:hover {
	color: #2FAD66;
}
.archive-item .archive-item-text p {
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	color: #555;
	line-height: 24px;
}

/* abschnitt 22 */

.links-abschnitt {
	margin-top: 40px;
}

.links-abschnitt .link-item {
	margin-bottom: 15px;
}

.links-abschnitt .link-item a {
	display: block;
	text-align: center;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	padding: 10px 25px;
	margin-top: 0;
	transition: all 300ms ease 0s;
}

.links-abschnitt .small-item a {
	padding: 5px 25px;
	font-size: 12px;
}

.links-abschnitt .green-btn-hover {
	-webkit-box-shadow: 0px 0px 10px 3px rgba(47,172,102,0.31);
	-moz-box-shadow: 0px 0px 10px 3px rgba(47,172,102,0.31);
	box-shadow: 0px 0px 10px 3px rgba(47,172,102,0.31);
}

.links-abschnitt .pink-btn-hover {
	-webkit-box-shadow: 0px 0px 10px 3px rgba(209,57,116,0.31);
	-moz-box-shadow: 0px 0px 10px 3px rgba(209,57,116,0.31);
	box-shadow: 0px 0px 10px 3px rgba(209,57,116,0.31);
}

.links-abschnitt .orange-btn-hover {
	-webkit-box-shadow: 0px 0px 10px 3px rgba(241,161,66,0.5);
	-moz-box-shadow: 0px 0px 10px 3px rgba(241,161,66,0.5);
	box-shadow: 0px 0px 10px 3px rgba(241,161,66,0.5);
}

.adress-item {
	margin-top: 5px;
}

.adress-icon {
	background: #2FAD66;
	float: left;
	width: 5%;
	height: 36px;
	padding: 8px 5px;
	margin-right: 1%;
	text-align: center;
}

.adress-text {
	float: left;
	padding: 8px 40px 8px 15px;
}

.adress-text p {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 14px;
}

.green-box-adress-text {
	background: #2FAD66;
	height: 36px;
	display: block;
	width: 94%;
	position: relative;
}

.green-box-adress-text:before {
	content: "";
	position: absolute;
	width: 18px;
	height: 12px;
	background: url('img/white-arrow.png');
	right: 15px;
	top: 12px;
}

.green-box-adress-text p {
	color: #fff;
}

.dashed-box-adress-text {
	border: 2px dashed #2fac66;
	height: 36px;
	display: block;
	width: 94%;
	position: relative;
}

.dashed-box-adress-text:before {
	content: "";
	position: absolute;
	width: 18px;
	height: 12px;
	background: url('img/green-arrow.png');
	right: 15px;
	top: 12px;
}

.dashed-box-adress-text p {
	color: #2fac66;
}

/**** OVERLAY ****/
.overlay-bg {
	position: fixed;
	left: 0;
	top: 0;
	background: rgba(0,0,0,.5);
	width: 100%;
	height: 100%;
	z-index: 9999;
	display: none;
}
#overlaybox{
	position: fixed;
	top: 50%;
	left: 50%;
	margin-left: -230px;
	margin-top: -200px;
	z-index: 10000;
	background: #fff;
	width: 460px;
	height: 400px;
	text-align: center;
	box-shadow: 5px 5px 35px rgba(0,0,0,.35);
	padding: 20px;
	box-sizing: border-box;
	display: none;
}
#overlaybox.overlay-logo {
	width: 120px;
	height: auto;
}
#overlaybox.bonuslist-span {
	font-weight: bold;
}
#overlaybox.bonuslist {
	margin-bottom: 10px;
}
#overlaybox.overlay-head strong {
	font-size: 1.5em;
}
#overlaybox.codebox.overlay {
	width: 75%;
	padding: 8px;
	border: 2px dashed #ff4f00;
	margin: 5px auto 15px;
	font-size: 1.75em;
	font-weight: bold;
}
#overlaybox.overlay-hint {
	font-size: 13px;
	line-height: 1.35em;
}
#overlaybox.overlay-hint .button {
	margin-top: 10px;
}
#overlaybox.overlayClose {
	position: absolute;
	top: 0;
	right: 0;
	background: #F4F9FF;
	width: 50px;
	height: 50px;
	text-align: center;
	line-height: 50px;
	font-size: 1.25em;
	color: #222;
}
#overlaybox.overlayClose:hover {
	color: #fff;
	background: #2E3142;
}


/*-------------------------------------------------------------------------*/
/*	4. Sidebar style
/*-------------------------------------------------------------------------*/

/* sidebar-abschnitt-1 */
.widget-title {
    font-size: 16px;
	margin: 0 0 15px 0;
	letter-spacing: -.25px;
}
.sidebar .widget {
	margin-bottom: 40px;
	border: 1px solid #e1e1e1;
	padding: 28px 30px;
}
.sidebar .widget.widget_text_no_border {
	padding: 0;
	border: none;
}
.sidebar .widget.widget_text_no_border img {
	display: block;
	margin: 0 auto;
}
.sidebar .widget.top5WidgetProvider, .sidebar .widget.top3WidgetBonus, .sidebar .top5BoniAutoPlugin, .sidebar .top5WidgetAutoProvider {
	margin-bottom: 0;
	padding: 0;
}
.sidebar .widget.relatedContentWidget, .sidebar .widget.popularContentWidget {
	border-left: none;
	border-right: none;
	border-bottom: none;
	padding-bottom: 0;
}
.widget-link-footer {
	margin-bottom: 40px;
	text-align: right;
}
.widget-link-footer a {
	display: inline-block;
	padding: 8px;
	background: #fafafa;
	color: #252525;
	font-size: 12px;
	line-height: 1;
}
.widget-link-footer a:hover {
	color: #2FAD66;
}
.widget-link-footer a:before {
	content: "\00BB\ ";
}
.sidebar .widget.widgetTestberichteAbisZ {
	padding: 15px 30px;
}
.topWidgetSportwettenTestberichte ul, .widget .testbericht-liste ul {
	margin: 0;
}
.topWidgetSportwettenTestberichte ul li, .widget .testbericht-liste ul li {
	border-bottom: 1px solid #e1e1e1;
}
.topWidgetSportwettenTestberichte ul li:last-child, .widget .testbericht-liste ul li:last-child {
	border-bottom:none;
}
.topWidgetSportwettenTestberichte ul li a, .widget .testbericht-liste ul li a {
	padding: 10px 5px 10px 25px;
	display: block;
	background: url(img/arrow-linklist-green.png) 5px 15px no-repeat;
	background-size: 12px auto;
}
.sidebar .widget.testergebnisWidget {
	text-align: center;
	padding: 30px;
	border: 2px dashed #e1e1e1;
	transition: top 0.4s ease-out;
	top: 0;
	background: #fff;
}
.sidebar .testergebnisWidget.sticky {
	position: fixed;
	top: 95px;
	width: 33.33333333%;
	max-width: 360px;
	box-sizing: border-box;
	transition: top 0.4s ease-out;
}
.sidebar .testergebnisWidget.sticky.sticky-bottom, .admin-bar .sidebar .testergebnisWidget.sticky.sticky-bottom {
	position: absolute;
	top: auto;
	bottom: 0;
	width: calc(33.33333333% + 40px);
}
.admin-bar .sidebar .testergebnisWidget.sticky {
	/*top: 137px; mit sticky header */
	top: 57px;
}

.sidebar .widget.testergebnisWidget img {
	width: 100%;
	max-width: 200px !important;
	margin-bottom: 20px;
}

.sidebar .widget.testergebnisWidget .sidebar-banner-text p {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 18px;
	color: #fff;
	margin: 3px;
}

.sidebar .widget.testergebnisWidget .sidebar-progress-box .sidebar-progress-value p {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 24px;
	font-weight: bold;
	color: #2fac66;
}

.sidebar .widget.testergebnisWidget .sidebar-progress-box .sidebar-progress-value p span {
	color: #555;
	font-weight: 500;
}

.sidebar .widget.testergebnisWidget .sidebar-progress-box .sidebar-progress-bar {
	display: block;
	height: 10px;
	background: #E1E1E1;
	position: relative;
	overflow: hidden;
}

.sidebar .widget.testergebnisWidget .sidebar-progress-box .sidebar-progress-bar .sidebar-progress-bar-cont {
	position: absolute;
	margin: auto;
	left: 0;
	top: 0;
	bottom: 0;
	background: #D13974;
}

.sidebar .widget.testergebnisWidget .sidebar-banner-link {
	margin-top: 30px;
}

.sidebar .widget.testergebnisWidget .sidebar-banner-link a, .sidebar .widget.testergebnisWidget .sidebar-banner-link span {
	background: #D13974;
	padding: 8px 35px;
	display: inline-block;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	color: #fff;
	transition: all 300ms ease 0s;
}

.sidebar .widget.testergebnisWidget .sidebar-banner-link a:hover, .sidebar .widget.testergebnisWidget .sidebar-banner-link span:hover {
	-webkit-box-shadow: 0px 0px 10px 3px rgba(209,57,116,0.31);
	-moz-box-shadow: 0px 0px 10px 3px rgba(209,57,116,0.31);
	box-shadow: 0px 0px 10px 3px rgba(209,57,116,0.31);
}

/* uebersichtswidget */

.sidebar .widget.uebersichtWidget {
	padding: 0;
}

.uebersicht-widget-header {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 16px;
	color: #252525;
	margin: 0;
	border-top: 1px solid #e1e1e1;
	padding: 20px 28px 0;
}

.uebersicht-widget-header:first-child {
	border-top: none;
	padding-top: 25px;
}
.wettanbieter-sbwidget-body {
	padding: 20px 28px;
	font-size: 14px;
}
.wettanbieter-sbwidget-body table {
	width: 100%;
}
.awards .wettanbieter-sbwidget-body img {
	max-width: 75px;
	max-height: 75px;
}
.zahlungsmethoden img {
    width: 95px;
    height: auto;
    margin: 0 5px 10px 0;
}
.sidebar-info-abschnitt {
	padding: 20px 28px;
	border-bottom: 1px solid #e1e1e1;
}
.wettanbieter-sbwidget-body td {
	padding-bottom: 10px;
	font-size: 14px;
}
.wettanbieter-sbwidget-body tr td:nth-child(even) {
	text-align: right;
}

.sidebar-info-abschnitt:last-child {
	border: none;
}

.info-item p {
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	color: #252525;
}

.info-item p span {
	float: right;
	color: #555;
}

.sidebar-info-3 .info-payment-images img {
	margin-right: 15px;
}

.sidebar-info-3 .leagues {
	margin: 15px 0;
}

.sidebar-info-3 .leagues img {
	max-width: 100%;
}

.info-item-text {
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	color: #555;
	line-height: 24px;
}

/* top5-sidebarwidget */

.sidebar-black-title h4 {
	margin: 30px 0 15px 0;
	font-size: 16px;
}

.top5-sidebarwidget {
	border: 1px solid #e1e1e1;
	
}

.sidebar-article {
	padding: 18px 18px 5px;
	border-bottom: 1px solid #e1e1e1;
	position: relative;
	-moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.sidebar-article:hover {
	background: #fafafa;
	-moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.sidebar-article:last-child {
	border: none;
}

.sidebar-article .sidebar-article-img {
	float: left;
	width: 30%;
	overflow: hidden;
	margin-right: 15px;
	max-width: 150px;
}

.sidebar-article .sidebar-article-img img {
	width: 100%;
}

.sidebar-article .sidebar-article-text {
	float: left;
	width: 62%;
}
.sidebar-article a:after, .sidebar-related-article .sidebar-related-article-text a:after, .sidebar-stories .sidebar-stories-bonus-text a:after {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}
.sidebar-related-article .sidebar-related-article-text a:hover, .sidebar-stories .sidebar-stories-bonus-text a:hover {
	color: #2FAD66;
}

.sidebar-article .sidebar-article-text h4 {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 16px;
	color: #252525;
	margin-bottom: 7px;
	margin-top: 3px;
}

.sidebar-article .sidebar-article-text p {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 14px;
	color: #2FAD66;
	font-weight: bold;
}

.sidebar-article .sidebar-article-text p span {
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	color: #555;
	font-weight: 500;
}

/* top3-sidebarwidget */

.top3-sidebarwidget {
	border: 1px solid #e1e1e1;
	
}

.sidebar-article .sidebar-article-bonus-text {
	float: left;
	width: calc(70% - 15px);
}

.sidebar-article .sidebar-article-bonus-text .text {
	font-size: 13px;
	color: #252525;
	margin-top: 5px;
	text-decoration: underline;
}
.sidebar-article .sidebar-article-bonus-text .bonuslink {
	position: relative;
	z-index: 1;
	display: block;
}
.sidebar-article .sidebar-article-bonus-text .bonusvalue {
	font-family: 'Roboto Condensed', sans-serif;
	margin-bottom: 2px;
	font-size: 20px;
	font-weight: bold;
	color: #2FAD66;
	text-align: center;
	display: block;
}
.sidebar-article .sidebar-article-bonus-text .bonusvalue:hover {
	color: #41ce7f;
}
/* sidebar-abschnitt-5 */ 

.sidebar-abschnitt-5 a:hover .sidebar-related-article .sidebar-related-article-text a {
	color: #2FAD66;
}
.sidebar-related-article {
	margin-bottom: 15px;
	position: relative;
}

.sidebar-related-article .sidebar-article-img {
	float: left;
	width: 27%;
	margin-right: 15px;
	overflow: hidden;
	max-height: 97px;
}

.sidebar-related-article .sidebar-article-img img {
	width: 100%;
}

.sidebar-related-article .sidebar-related-article-text {
	float: left;
	width: 68%;
}

.sidebar-related-article .sidebar-related-article-text a {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 16px;
	color: #252525;
	line-height: 24px;
	margin-top: 0;
	margin-bottom: 5px;
	transition: all 300ms ease 0s;
}

.sidebar-related-article .sidebar-related-article-text p {
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	color: #0054a6;
	margin: 0;
}

/* sidebar-abschnitt-6 */ 

.sidebar-guides .guide-item {
	margin-bottom: 15px;
}

.sidebar-guides .guide-item img {
	float: left;
	margin-right: 10px;
}

.sidebar-guides .guide-item p {
	float: left;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	line-height: 18px;
	color: #555;
	margin: 0;
}

.sidebar-guides .guide-item span {
	float: right;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	line-height: 18px;
	color: #555;
	margin: 0;
}

/* sidebar-abschnitt-7 */

.sidebar-subscribe-box {
	text-align: center;
	border: 2px dashed #e1e1e1;
	padding: 38px 30px;
	margin-top: 30px;
}

.sidebar-subscribe-box h4 {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 24px;
	color: #252525;
	line-height: 28px;
}

.sidebar-subscribe-box p {
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	color: #555;
}

.sidebar-subscribe-box .subscribe-form-box {
	padding: 0 15px;
	margin-top: 25px;
}

.sidebar-subscribe-box .subscribe-form-box input {
	width: 100%;
	border: 1px solid #e1e1e1;
	padding: 10px 15px;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	color: #555;
}

.sidebar-subscribe-box .subscribe-form-box .pink-btn a {
	padding: 9px 10px;
}

/* sidebar-abschnitt-8 */

.sidebar-abschnitt-8 a:hover .sidebar-stories .sidebar-stories-bonus-text h4 {
	color: #2FAD66;
}

.sidebar-stories {
	padding: 10px 0;
	position: relative;
}

.sidebar-abschnitt-8 a:last-child .sidebar-stories {
	border: none;
}

.sidebar-stories .sidebar-stories-img {
	float: left;
	width: 25%;
	overflow: hidden;
	padding-right: 15px;
	box-sizing: border-box;
}

.sidebar-stories .sidebar-stories-img img {
	width: 100%;
	max-height: 100px;
	max-width: 100%;
}


.sidebar-stories .sidebar-stories-bonus-text {
	float: left;
	width: 70%;
}

.sidebar-stories .sidebar-stories-bonus-text a {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 16px;
	color: #252525;
	margin-bottom: 7px;
	margin-top: 3px;
	line-height: 26px;
	margin: 0;
	transition: all 300ms ease 0s;
}

/* sidebar-abschnitt-9 */ 

.sidebar-redaction .redaction-item {
	margin-bottom: 15px;
}

.sidebar-redaction .redaction-item img {
	float: left;
	margin-right: 20px;
}

.sidebar-redaction .redaction-item p {
	float: left;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	line-height: 14px;
	color: #2FAD66;
	margin: 0;
}

.sidebar-redaction .redaction-item span {
	float: right;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	line-height: 18px;
	color: #555;
	margin: 0;
}

/*-------------------------------------------------------------------------*/
/*	5. Page Bottom style
/*-------------------------------------------------------------------------*/

.anbietervergleich {
	border: 1px solid #e1e1e1;
	margin: 25px 0 35px;
}
.bookmaker-item {
	padding: 23px 28px;
	border-bottom: 1px solid #e1e1e1;
}
.anbietervergleich.sidebar .bookmaker-item {
	padding: 15px 20px;
}
.anbietervergleich.sidebar .bookmaker-item .bookmaker-text .bookmaker-text-top {
	margin-top: 10px;
}
.bookmaker-item:last-child {
	border-bottom: none;
}

.bookmaker-item .bookmaker-img-box {
	overflow: hidden;
	padding-top: 40px;
}

.bookmaker-item .bookmaker-img-box img {
	width: 100%;
	max-width: 200px !important;
}

.bookmaker-item .bookmaker-text .bookmaker-text-top {
	margin: 20px 0;
}

.bookmaker-item .bookmaker-text .bookmaker-text-top h3 {
	margin: 0;
	float: left;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 24px;
	color: #2d3047;
}

.bookmaker-item .bookmaker-text .bookmaker-text-top .bookmaker-text-rating-stars {
	float: right;
	margin-top: 3px;
}

.bookmaker-item .bookmaker-text .bookmaker-text-top .rating-stars p {
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	line-height: 22px;
	color: #555;
	margin-right: 10px;
	float: left;
}

.bookmaker-item .bookmaker-text .bookmaker-text-top .rating-stars .stars {
	margin: 0;
	float: left;
}

.bookmaker-item .bookmaker-text .bookmaker-text-bottom .bookmaker-checklist .bookmaker-checklist-item {
	padding-left: 20px;
	position: relative;
}

.bookmaker-item .bookmaker-text .bookmaker-text-bottom .bookmaker-checklist .bookmaker-checklist-item:before {
	content: "";
	position: absolute;
	margin: auto;
	top: 0;
	bottom: 0;
	left: 0;
	width: 13px;
	height: 10px;
	background: url('img/green-check.png');
}

.bookmaker-item .bookmaker-text .bookmaker-text-bottom .bookmaker-checklist .bookmaker-checklist-item p {
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	color: #555;
	margin-bottom: 5px;
	line-height: 18px;
}

.bookmaker-item .bookmaker-text .bookmaker-links {
	margin-top: 25px;
}

.bookmaker-item .bookmaker-text .bookmaker-links .grey-btn {
	float: left;
}

.bookmaker-item .bookmaker-text .bookmaker-links .green-btn {
	float: left;
	
}

.bookmaker-item .bookmaker-text .bookmaker-links .grey-btn {
	margin: 0;
	padding: 7px 10px;
	background: #EEF5FD;
	display: block;
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	color: #555;
	margin-right: 10px;
	margin-bottom: 10px;
	transition: all 300ms ease 0s;
	line-height: 1.25;
}

.bookmaker-item .bookmaker-text .bookmaker-links .grey-btn:hover {
	background: #D8EAFF
}

.bookmaker-item .bookmaker-text .bookmaker-links .button {
	margin: 0 0 10px;
	padding: 7px 10px;
	display: inline-block;
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	line-height: 1.25;
}

.bookmaker-item .regulierung {
	clear: both;
	display: block;
}

.bookmaker-item .regulierung p {
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	color: #555;
	margin-bottom: 0;
}

.bookmaker-item .regulierung p span {
	color: #0054a6;
}
.bookmaker-item .bookmaker-bonus-outer {
	display: table;
	width: 100%;
	margin: 8px 0;
}
.bookmaker-item .bookmaker-bonus-outer > div {
	display: table-cell;
	vertical-align: middle;
}
.anbietervergleich.sidebar .bookmaker-item .bookmaker-bonus-outer > div {
	display: block;
}
.anbietervergleich.sidebar  .bookmaker-item .bookmaker-text .bookmaker-text-top h3 {
	float: none;
}
.anbietervergleich.sidebar .bookmaker-item .bookmaker-text .bookmaker-text-top .bookmaker-text-rating-stars {
	float: none;
	clear: both;
	margin-top: 5px;
}
.anbietervergleich.sidebar .bookmaker-item .bookmaker-bonus .bookmaker-bonus-box, .sidebar-article .sidebar-article-bonus-text .bonusvalue, .highlightbox-abschnitt-item p i, .rating-bonus {
	width: 100%;
	border: 1px dashed #2fac66;
	padding: 15px 5px;
	margin-top: 0;
	background: url("img/codebox-hatched-bg.png");
	box-shadow: 0 0 0 5px #fff inset;
	position: relative;
}
.rating-bonus {
	margin: 20px auto 0;
	width: calc(100% - 20px * 1);
	font-weight: bold;
	color: #2fac66;
	padding: 10px 5px;
}
.highlightbox-abschnitt-item p i {
	font-family: 'Roboto Condensed', sans-serif;
	display: inline-block;
	font-size: 14px;
	font-weight: bold;
	width: auto;
	padding: 7px 10px;
	box-shadow: 0 0 0 3px #fff inset;
	color: #2fac66;
	font-style: normal;
	min-width: 130px;
	text-align: center;
	vertical-align: middle;
	margin-top: -5px;
	line-height: 1;
}
.sidebar-article .sidebar-article-bonus-text .bonusvalue {
	padding: 10px 5px;
}
.anbietervergleich.sidebar .bookmaker-item .bookmaker-bonus .bookmaker-bonus-box:before, .sidebar-article .sidebar-article-bonus-text .bonusvalue:before , .highlightbox-abschnitt-item p i:before, .rating-bonus:before, .top-anbieter-content .top-anbieter-item .bonus .bonusvalue:before, .top-bonus-content .top-bonus-item .bonus .bonusvalue:before {
	content: "";
	position: absolute;
	left: 5px;
	top: -5px;
	height: 8px;
	width: 12px;
	background: url("img/icon-scissors-green.png") no-repeat;
	background-size: 12px auto;
}
.highlightbox-abschnitt-item p i:before, .top-anbieter-content .top-anbieter-item .bonus .bonusvalue:before, .top-bonus-content .top-bonus-item .bonus .bonusvalue:before {
	left: 3px;
}
.anbietervergleich.sidebar .bookmaker-item .bookmaker-values {
	padding: 20px;
}
.bookmaker-item .bookmaker-bonus .bookmaker-bonus-box {
	text-align: center;
	padding: 25px 5px;
	border: 1px solid #e1e1e1;
	border-right: none;
	width: 120px;
	margin: 10px 0;
	line-height: 1.25;
}

.bookmaker-item .bookmaker-bonus .bookmaker-bonus-box p {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 22px;
	color: #555;
	margin-bottom: 0;
	font-weight: bold;
	color: #2FAD66;
}

.bookmaker-item .bookmaker-bonus .bookmaker-bonus-box span {
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	color: #555;
}
.anbietervergleich.sidebar .bookmaker-item .bookmaker-bonus .bookmaker-bonus-box a {
	text-decoration: underline;
	color: #2d3047;
	font-size: 13px;
}
.bookmaker-item .bookmaker-device {
	line-height: 1;
}
.bookmaker-item .bookmaker-device span {
	margin: 0 6px 6px 0;
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	color: #0054a6;
}

.bookmaker-item .bookmaker-values {
	text-align: center;
	border: 1px solid #e1e1e1;
	padding: 40px 48px;
}
.bookmaker-item .bookmaker-values p {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 32px;
	color: #2d3047;
	margin-bottom: .25em;
}

.bookmaker-item .bookmaker-values span {
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	color: #555;
}
/** SEARCH RESULSTS **/
.page-content #searchform {
	margin: .5em 0 1em;
}
.page-content  #searchform input {
	padding: 10px;
	float: left;
	width: calc(100% - 100px * 1);
	margin-right: -1px;
}
.page-content  #searchform input[type="submit"] {
	width: 100px;
}
/** PAGINATION **/
.wp-pagenavi {
	display: block;
	clear: both;
	margin-top: 1rem;
}
.wp-pagenavi span, .wp-pagenavi a {
	display: inline-block;
	padding: 10px;
	margin: 0 5px 5px 0;
	line-height: 1;
	color: #333;
	text-decoration: none;
	border: 1px solid #e1e1e1;
}
.wp-pagenavi span.current, .wp-pagenavi a:hover  {
	background: #2FAD66;
	border-color: #2FAD66;
	color: #fff;
}
/*-------------------------------------------------------------------------*/
/*	6. Footer style
/*-------------------------------------------------------------------------*/

.main-footer {
	background: #252525;
	padding: 50px 0;
}

.footer-menu-title h4, .footer-about h2, .footer-about h3, .footer-about h4, .main-footer .widget-title {
	font-family: 'Roboto Condensed', sans-serif;
	color: #fff;
	font-weight: bold;
}
.main-footer .widget-title {
	margin-bottom: 10px;
	font-size: 18px;
}
.footer-about p {
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	line-height: 24px;
	color: #666;
}

.main-footer ul li a, .main-footer ul li.menu-jslink span {
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	line-height: 18px;
	color: #666;
	transition: all 300ms ease 0s;
	cursor: pointer;
	margin-bottom: 8px;
	display: block;
}

.main-footer ul li a:hover, .main-footer ul li.menu-jslink span:hover {
	color: #fff;
}

.footer-social a {
	padding: 5px 6px 9px 6px;
}

.footer-social .facebook {
	background: #3C5A98;
}

.footer-social .twitter {
	background: #00ACEC;
}

.footer-social .google {
	background: #DD4A38;
}

.main-footer .newsletter-box input {
	border: none;
	background: #2C2C2C;
	padding: 6px 15px;
	font-size: 14px;
	width: 70%;
	color: #555;
}

.main-footer .newsletter-box a {
	background: #2FAD66;
	color: #fff;
	padding: 7px 15px 8px 15px;
	font-size: 14px;
	width: 30%;
	margin-left: -3px;
	transition: all 300ms ease 0s;
}

.main-footer .newsletter-box a:hover {
	-webkit-box-shadow: 0px 0px 10px 3px rgba(47,172,102,0.31);
	-moz-box-shadow: 0px 0px 10px 3px rgba(47,172,102,0.31);
	box-shadow: 0px 0px 10px 3px rgba(47,172,102,0.31);
}
.footer-topwidget ul {
	margin-top: -10px;
}
.footer-topwidget li {
	margin-bottom: 5px;
	padding: 10px 0;
	border-bottom: 1px solid rgba(255,255,255,.15);
	position: relative;
}
.footer-topwidget li .left {
	width: 75px;
	height: auto;
	float: left;
}
.footer-topwidget li .left img {
	max-width: 100%;
}
.footer-topwidget li .right {
	width: calc(100% - 90px * 1);
	float: right;
}
.footer-topwidget li span.bonus {
	margin: 0;
	font-weight: bold;
	color: #666;
	transition: all 300ms ease 0s;
}
.footer-topwidget li a.name {
	font-size: 13px;
	margin: 0;
}
.footer-topwidget li a:after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.footer-topwidget li .right a.name:before {
	content: "\00BB ";
}
.footer-topwidget li:hover span.bonus {
	color: #fff;
	transition: all 300ms ease 0s;
}

/*-------------------------------------------------------------------------*/
/*	7. Responsive style
/*-------------------------------------------------------------------------*/

@media (max-width: 1200px) {
	/* Header */

	.header {
		height: auto;
	}

	.out-of-container {
		position: static;
	}

	.header .logo-box {
		max-width: 250px !important;
		left: 0;
		right: 0;
		margin: auto;
		display: block;
	}

	.main-menu {
		/*float: none;*/
		display: none;
	}
	.header-bottom .search-btn, .header-bottom .search-input-box input[type="submit"] {
		height: 58px;
	}

	.navbar-toggle {
		float: left;
		z-index: 1000;
		display: block !important;
	}
	.navbar-collapse.collapse {
		display: none !important;
	}
	.navbar-collapse.collapse.in {
		display: block !important;
	}
	.header-bottom .main-menu-box ul li {
		float: none;
		display: block;
		border-bottom: 1px solid #ddd;
	}
	.header-bottom .main-menu-box ul li:last-child {
		border-bottom: none;
	}
	.header-bottom .main-menu-box ul li a {
		padding: 18px 15px;
	}
	.navbar-collapse {
		padding: 0;
	}
	.mobile-btn {
		display: block;
	}
	.header-bottom .search-input-box {
		width: 100%;
	}
	.header-bottom .search-input-box input[type="text"] {
		padding: 20px 30px 20px 45px;
	}
	.search-btn {
		border: none !important;
		padding: 16px 6px 39px !important;
	}
	
	.main-menu-box {
		margin: 0 !important;
		float: none;
	}

	.main-menu-box {
		border: none !important;
	}

	.main-menu-btn {
		float: left;
		margin-top: -75px;
	}

	.main-menu-content {
		position: relative;
		top: 0;
	}

	.main-menu ul li {
		display: block;
		text-align: center;
	}

	.main-menu ul li a {
		margin: 0;
		display: block;
		padding: 7px 0;
	}

	.main-menu-box {
		margin-left: 10px;
	}

	.logo-box {
		margin-bottom: 10px !important;
	}

	#main-nav {
		margin-top: 60px;
	}
	.header-bottom .main-menu-box ul li:hover .sub-menu {
		display: none !important;
	}
	.header-bottom .main-menu-box ul li .sub-menu.active {
		display: block !important;
		position: relative;
		width: 100%;
		box-shadow: none;
		top: 0;
		border: none;
		font-size: 13px;
	}
	.header-bottom .main-menu-box ul li .sub-menu.active li a {
		padding: 12px 15px 12px 30px;
		border-top: none;
	}
	.header-bottom .main-menu-box ul li .sub-menu.active li a:before {
		content: "- ";
		width: 8px;
		margin-left: -12px;
		float: left;
	}
	.header-bottom .main-menu-box ul li.menu-item-has-children > a  {
		padding-right: 68px;
	}
	.header-bottom .main-menu-box ul li.menu-item-has-children > a span {
		display: block;
		position: absolute;
		right: 0;
		top: 0;
		height: 100%;
		width: 58px;
		z-index: 1;
	}
	.header-bottom .main-menu-box ul li.menu-item-has-children > a span:after {
		margin-top: -5px;
		width: 16px;
		height: 10px;
		right: 21px;
	}
	.header-bottom .main-menu-box ul li.menu-item-has-children > a span.active:after {
		transform: rotate(180deg);
		margin-top: -8px;
	}
	.bookmaker-item .bookmaker-text .bookmaker-text-top h3 {
		float: none;
	}
	.bookmaker-item .bookmaker-text .bookmaker-text-top .bookmaker-text-rating-stars {
		float: none;
		clear: both;
		margin-top: 8px;
	}
	.compact-calculator-section .calc-box {
		clear: both;
		margin-top: 10px;
		display: block;
	}
	.calculator-text {
		max-width: 100%;
		margin-bottom: 20px;
	}
	.add-number-box {
		margin-left: 0;
	}
	.sidebar .testergebnisWidget.sticky {
		width: 24.25%;
		max-width: 293px;
	}
	.sidebar .testergebnisWidget.sticky.sticky-bottom, .admin-bar .sidebar .testergebnisWidget.sticky.sticky-bottom {
		width: calc(24.25% + 56px);
	}
}
@media (max-width: 992px) {
	.page-content {
		padding: 30px 0;
	}
	.col-md-4.aside {
		margin-top: 40px;
	}
	.top-bonus-content .top-bonus-item .row, .top-bonus-content .top-bonus-item .rating-stars {
		margin: 0;
	}
	.top-bonus-content .top-bonus-item > div > div {
		display: block;
		padding: 10px 20px;
	}
	.top-bonus-content .top-bonus-item .col-md-3 {
		display: inline-block;
		float: left;
		width: 30%;
		min-width: 200px;
	}
	.top-bonus-content .top-bonus-item > div > div.borders-col {
		border: none;
	}
	.top-bonus-content .top-bonus-item > div > div.borders-col, .top-bonus-content .top-bonus-item > div > div.last {
		width: 100%;
		display: block;
	}
	.top-bonus-content .top-bonus-item .last {
		padding-top: 0;
	}
	.top-bonus-content .top-bonus-item .button {
		margin-left: 0;
	}
	.top-bonus-item-col1 {
		padding: 0;
	}
	.top-bonus-content .top-bonus-item .rating-img-box {
		width: auto;
		padding-right: 20px;
	}
	.top-bonus-content .top-bonus-item .rating-img-box img {
		max-width: 150px !important;
		margin: 0;
	}
	
	.top-bonus-item-col2 {
		padding: 0;
	}
	.top-bonus-content .top-bonus-item .bonus {
		padding: 0;
	}
	.top-anbieter-content .last {
		margin: 10px -15px 0;
	}
	.rating-section .col-md-3 {
		width: 48%;
		float: left;
		margin: .25% 1%;
	}
	.rating-section .col-md-3  .rating-item {
		border: 1px solid #e1e1e1;
	}
	.bet-calculator-abschnitt-left {
		padding-bottom: 28px;
		border: 1px solid #e1e1e1;
		margin-bottom: -1px;
	}
	.bet-calculator-abschnitt-left, .bet-calculator-box .right-prices {
		text-align: center;
	}
	.bet-calculator-abschnitt-left .taxinfo {
		position: static;
	}
	.bet-calculator-box .bet-calculator-textarea-box .textbox {
		min-height: 0;
		margin-bottom: 20px;
		width: 100%;
	}
	.bet-price-box-first-price, .bet-calculator-box .addition-icon {
		float: none;
	}
	.bet-calculator-box .addition-icon {
		margin: -15px 0 20px;
	}
	.bet-calculator-abschnitt .addition-icon img.pull-right {
		float: none !important;
	}
	.conclusion-right-box {
		display: none;
	}
	.progress {
		margin-bottom: 10px;
	}
	.progress-bonus-item .progress-bonus-name p {
		margin-bottom: 20px;
	}
	.highlightbox-abschnitt-img-box img {
		margin: 0 auto 10px;
	}
	.highlightbox-abschnitt-progress-box {
		margin-top: 0;
		text-align: center;
	}
	.highlightbox .col-md-7 {
		width: 58.33333333%;
		float: left;
	}
	.highlightbox .col-md-5 {
		width: 41.66666667%;
		float: left;
	}
	.highlightbox-abschnitt-progress {
		float: none !important;
		width: 100%;
		display: block;
		margin: 0 0 10px;
	}
	.highlightbox-abschnitt-progress-text {
		text-align: center;
	}
	.sidebar-article {
		padding: 18px;
	}
	.main-footer .col-md-4 {
		margin-top: 20px;
	}
}
@media (max-width: 768px) {
	.page-content, .home .page-content {
		padding: 20px 0;
	}
	.jumpernav-item, .jumpernav-item:nth-child(odd) {
		width: 100%;
		margin: 0 0 10px;
	}
	.main-content img.alignleft, .main-content img.alignright {
		max-width: 40% !important;
	}
	/* abschnitt 1 */

	.h1-title h1 {
		font-size: 24px;
		line-height: 28px;
	}

	.general-text p {
		font-size: 14px;
		line-height: 24px;
	}

	/* abschnitt 2 */

	.rate-box .users-rate {
		float: none;
		margin-top: 5px;
	}

	.highlightbox-abschnitt-btns-box .grey-btn a {
		padding: 7px 10px;
	}

	.highlightbox-abschnitt-btns-box .green-btn a {
		padding: 7px 10px;
	}

	.highlightbox-abschnitt-items-box {
		margin-top: 15px;
	}

	.highlightbox-abschnitt-img-box {
		margin-top: 15px;
	}
	.top-bonus-content .top-bonus-item {
		text-align: center;
	}
	.top-bonus-content .top-bonus-item .rating-img-box {
		float: none;
		width: 100%;
	}
	.top-bonus-content .top-bonus-item .rating-img-box {
		padding-right: 0;
	}
	.top-bonus-content .top-bonus-item .rating-stars {
		max-width: 100%;
	}
	.top-bonus-content .top-bonus-item .top-bonus-title {
		padding: 0;
		margin-top: 10px;
	}
	.top-bonus-title-btn {
		float: none;
		width: 100%;
	}
	.top-bonus-content .top-bonus-item .rating-img-box img {
		margin: 0 auto;
	}
	.top-bonus-content .top-bonus-item .button  {
		display: block;
	}

	.abschnitt-subtitle {
		float: none !important;
	}

	.highlightbox-abschnitt-rate {
		float: none !important;
	}

	.rate-box .stars {
		float: none;
	}

	.rate-box p {
		margin-top: 5px;
		float: none;
	}

	.abschnitt-2 {
		margin-top: 20px;
	}

	.h2-title h2 {
		font-size: 22px;
		line-height: 32px;
	}

	.abschnitt-2 .numbering-box p {
		font-size: 16px;
		line-height: 25px;
		width: 80%;
	}

	.abschnitt-2 .numbering-box span {
		margin-right: 10px;
	}

	/* abschnitt 3 */

	.abschnitt-3 {
		margin-top: 20px;
	}

	.h3-title h3 {
		font-size: 18px;
		line-height: 28px;
	}

	/* abschnitt 6 */

	#accordion .panel-heading h4 a {
		font-size: 12px;
		padding-right: 40px;
		line-height: 22px;
	}

	#accordion .panel-body h4 {
		font-size: 12px;
		line-height: 22px;
	}

	#accordion .panel-body p {
		font-size: 12px;
		line-height: 22px;
	}

	.rating-item {
		border-right: none;
		border-bottom: 2px solid #eef5fd;
	}
	.category-ratings-box {
		padding: 10px;
	}
	.category-ratings-item .category-ratings-bar {
		height: 10px;
		background: #F4F9FF;
	}
	.category-ratings-item .category-ratings-bar .category-ratings-bar-content {
		background: #cedbec;
	}
	.category-ratings-item.current .category-ratings-bar .category-ratings-bar-content {
		background: #2FAD66;
	}
	.category-ratings-item .category-ratings-img img {
		width: 60px;
		margin: 0 auto;
		display: block;
		max-height: 100px;
	}
	.category-ratings-item {
		width: 100%;
		margin-top: 10px !important;
	}

	/* abschnitt 9 */

	.abschnitt-9 {
		margin-top: 20px;
	}

	.top-anbieter-content .top-anbieter-item .rating-img-box {
		margin-bottom: 15px;
	}

	.top-anbieter-content .top-anbieter-item .rating-stars {
		margin-bottom: 10px;
	}

	.top-anbieter-content .top-anbieter-item .price {
		float: none;
		text-align: center;
	}

	.top-anbieter-content .top-anbieter-item .price h3 {
		margin-left: 0;
		font-size: 22px;
	}

	.banner-text p {
		font-size: 10px;
	}

	.quotenNiveau-outer {
		font-size: 13px;
		padding: 15px 10px 35px;
	}
	.quotenNiveau-table tr td.sportart span {
		background: none !important;
		padding-left: 0;
	}
	.quotenNiveau-table tr td.sportart {
		width: 95px;
	}
	.quotenNiveau-table td .bar-gray {
		padding-right: 90px;
	}

	.calculator-img-box {
		float: none;
		width: 100%;
		max-width: 100%;
	}

	.bet-price-box-first-price {
		width: 100%;
		text-align: center;
	}

	.bet-price-box {
		width: 100%;
		text-align: center;
		margin-top: 20px;
	}

	.bet-calculator-box .addition-icon img {
		float: none !important;
	}

	.calculator-text {
		float: none !important;
		padding: 0;
		text-align: center;
	}

	.calculator-bonus-value-box {
		float: none;
	}

	.addition-icon {
		float: none;
	}

	.equal-icon {
		float: none;
	}

	/* abschnitt 12 */
	.calculator-img-box img {
		display: block;
		margin: 0 auto 10px;
	}
	.add-number-box {
		max-width: 100%;
		width: 100%;
		margin: 0;
		margin-top: 15px;
	}

	.addition-icon {
		width: 100%;
		text-align: center;
		margin-top: 5px;
	}

	.calculator-bonus-value {
		max-width: 100%;
		width: 100%;
		margin-top: 15px;
	}

	.equal-icon {
		width: 100%;
		text-align: center;
	}

	.calculator-green-btn {
		width: 100%;
		margin: 0;
		margin-top: 15px;
		text-align: center;
	}

	.bet-price-box-first-price {
		float: none;
		display: inline-block;
	}
	.abschnitt-12 .col-xs-7 {
		width: 80%;
	}
	.abschnitt-12 .col-xs-5 {
		width: 20%;
	}

	/* abschnitt 14 */

	.payment-table-col {
		float: none;
		width: 100%;
	}

	.table-2 {
		text-align: center;
	}

	.table-2 .table-item-header {
		border-right: 0;
		border-bottom: 1px solid #e1e1e1;
	}

	.table-2 .table-item-header:last-child {
		border-right: 0;
	}

	.table-2 .table-item-content {
		border-right: 0;
		border-bottom: 2px solid #f4f9ff;
	}

	.table-2 .table-item-content:last-child {
		border-right: 0;
	}

	/* abschnitt 15 */

	.conclusion-right-box {
		position: static;
		width: 100%;
	}

	.conclusion-right-box .conclusion-bet-btn {
		padding-bottom: 20px;
		margin-top: 0;
	}

	.conclusion-box .conclusion-item a {
		float: left;
		width: 7%;
	}

	.conclusion-box .conclusion-item p {
		float: left;
		display: block;
		width: 87%;
		font-size: 14px;
	}

	/* abschnitt 17 */

	.user-review-item .user-review-text .user-review-text-header {
		margin: 0;
	}

	.user-review-item .user-review-text .user-review-text-header .review-user-name h4 {
		line-height: 18px;
	}

	.user-review-item .user-review-text .user-review-text-header .review-post-time p {
		line-height: 20px;
	}


	/* abschnitt 18 */

	.recommandation-right {
		float: none;
		width: 100%;
	}

	.recommandation-left {
		float: none;
		width: 100%;
		padding-top: 10px;
	}

	.recommandation-left .recommandation-left-title h4 {
		font-size: 19px;
		line-height: 29px;
	}

	.recommandation-left-btn .green-btn a {
		display: block;
		margin-top: 15px;
	}

	/* abschnitt 19 */

	.ranking-item-50 {
		float: none;
		width: 100%;
		margin-right: 0;
		margin-bottom: 15px;
	}

	.ranking-item-33 {
		float: none;
		width: 100%;
		margin-right: 0;
	}

	.ranking-item-50 .ranking-text h4 {
		margin-top: 9px;
	}

	/* Sidebar */

	.info-item p {
		font-size: 14px;
	}

	.sidebar-stories .sidebar-stories-bonus-text {
		width: 68%;
	}

	.sidebar-stories .sidebar-stories-bonus-text h4 {
		font-size: 15px;
		line-height: 23px;
	}

	.sidebar-redaction .redaction-item p {
		font-size: 14px;
	}

	.sidebar-redaction .redaction-item span {
		font-size: 14px;
	}

	.bookmaker-item .bookmaker-text .bookmaker-text-top h3 {
		float: none;
	}

	.bookmaker-item .bookmaker-text .bookmaker-text-top .bookmaker-text-rating-stars {
		float: none;
		margin-top: 7px;
	}

	.bookmaker-item .bookmaker-text .bookmaker-links .grey-btn {
		float: none;
		text-align: center;
		margin-bottom: 10px;
		display: inline-block;
	}
	.bookmaker-item .bookmaker-bonus-outer {
		margin: 10px 0 0;
	}
	.bookmaker-item .bookmaker-bonus-outer > div {
		display: block;
	}
	.bookmaker-item .bookmaker-bonus .bookmaker-bonus-box, .bookmaker-item .bookmaker-values {
		padding: 15px 10px;
	}
	.bookmaker-item .bookmaker-bonus .bookmaker-bonus-box , .bookmaker-item .bookmaker-values {
		width: 100%;
		display: block;
		margin-bottom: 10px;
	}
	.bookmaker-item .bookmaker-img-box {
		padding-top: 0;
		text-align: center;
	}
	.bookmaker-item .bookmaker-img-box img {
		max-width: 150px !important;
		margin-bottom: 10px;
	}
	.bookmaker-item .bookmaker-text .bookmaker-text-top {
		margin-top: 0;
	}
	.bookmaker-item .bookmaker-text .bookmaker-links .grey-btn a {
		margin-right: 0;
	}

	.bookmaker-item .bookmaker-text .bookmaker-links .green-btn {
		float: none;
	}

	.bookmaker-item .bookmaker-bonus {
		float: none;
	}
	.bookmaker-item .bookmaker-values {
		float: none;
		margin-top: 10px;
	}

	.footer-menu {
		text-align: center;
	}

}
@media (max-width: 560px) {
	.abschnitt-12 .col-xs-7 {
		width: calc(100% - 105px);
	}
	.abschnitt-12 .col-xs-5 {
		width: 105px;
	}
	.rating-form-outer > div, .user-rating-form-box .rating-form, .user-rating-form-box .user-rating-stars-box {
		display: block;
		width: 100%;
	}
	.user-rating-form-box .user-rating-stars-box .rate-btn {
		position: relative;
	}
	.user-rating-box .user-all-rating-box .all-rating {
		float: none !important;
		text-align: left;
		margin-top: 10px;
	}
	.grey-borders-box {
		padding: 20px 10px;
	}
	.abschnitt-subtitle p, .highlightbox-abschnitt-rate {
		text-align: center;
	}
	p.wp-caption-text {
		font-size: 11px;
	}
	.rating-section .col-md-3:first-child .rating-item:hover, .rating-item:hover {
		margin: 10px 0;
	}
	.rating-item .rating-img-box img {
		max-width: 100px !important;
	}
	.rating-section .col-md-3 {
		float: none;
		width: 100%;
		margin: 0 0 1%;
		padding: 0;
	}
	.rating-section .col-md-3  .rating-item {
		padding: 10px;
	}
	.main-content h3, .content .mwm-aal-container .mwm-aal-title {
		font-size: 20px;
		line-height: 22px;
	}
	.main-content ul.big li {
		font-size: 20px;
		margin-bottom: 10px;
	}
	.main-content ul.big li:before {
		width: 8px;
		height: 8px;
		margin: 10px 10px 0 0;
	}
	.content .mwm-aal-container {
		font-size: 13px;
		line-height: 16px;
	}
	.recommandation-box > div {
		display: block;
		width: 100%;
		float: none;
	}
	.recommandation-left-outer {
		padding: 0;
		margin-bottom: -1px;
	}
	.recommandation-left {
		border-right: 1px solid #e1e1e1;
		border-bottom: none;
	}
	.highlightbox .col-md-5, .highlightbox .col-md-7 {
		float: none !important;
		width: 100%;
	}
	.highlightbox-abschnitt-img-box img {
		max-width: 100px !important;
	}
	.header-top .topmenu-categories ul li a {
		font-size: 11px;
	}
	.top3-review-category-box > div {
		padding: 3px 8px 3px 3px;
	}
	.top3-review-category-box > div .logo {
		width: calc(100% - 35px - 8px *1);
	}
	.top3-review-category-box > div .rating {
		font-size: .55em;
		width: 35px;
	}
	.top3-review-category-box-outer .title {
		font-size: .65em;
	}
	.top-anbieter-content .top-anbieter-item .rating-stars {
		margin-top: 0;
	}
	
}
@media (min-width: 768px) and (max-width: 1086px) {

	.sidebar-related-article .sidebar-related-article-text {
		width: 67%;
	}

	.sidebar-related-article .sidebar-related-article-text a {
		font-size: 14px;
		line-height: 24px;
	}

	.sidebar-stories .sidebar-stories-bonus-text {
		width: 68%;
	}

	.sidebar-stories .sidebar-stories-bonus-text h4 {
		font-size: 14px;
		line-height: 24px;
	}

	.sidebar-redaction .redaction-item p {
		font-size: 12px;
	}

	.sidebar-redaction .redaction-item span {
		font-size: 12px;
	}

	.conclusion-box .conclusion-item p {
		width: 90%;
	}
}

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

	.bookmaker-item .bookmaker-values {
		padding: 28px 5px;
	}

	.bookmaker-item .bookmaker-bonus .bookmaker-bonus-box {
		margin-top: 9px;
		padding: 13px 10px;
		margin-right: -1px;
		width: auto;
	}

	.bookmaker-item .bookmaker-text .bookmaker-text-top {
		margin-top: 0;
		margin-bottom: 10px;
	}

	.bookmaker-item .bookmaker-text .bookmaker-links {
		margin-top: 20px;
	}

	.bookmaker-item .bookmaker-text .bookmaker-links .grey-btn a {
		font-size: 10px;
	}

	.bookmaker-item .bookmaker-text .bookmaker-links .green-btn a {
		font-size: 10px;
	}

	.bookmaker-item .bookmaker-text .bookmaker-links .regulierung {
		margin-top: 7px;
	}

	.bookmaker-item .bookmaker-text .bookmaker-links .regulierung p {
		font-size: 10px;
		margin: 0;
	}
}

@media (min-width: 768px) and (max-width: 992px) {
	.logo-box {
		width: 200px;
	}
	.header .logo-box img {
		margin-top: 15px;
	}
	.abschnitt-12 .col-xs-7 {
		width: 80%;
	}
	.abschnitt-12 .col-xs-5 {
		width: 20%;
	}
}

/* Header */

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

	.logo-large {
		display: none !important;
	}

	.logo-small {
		display: block !important;
		float: left;
		margin: 0 !important;
	}
}