/* -------------------------------------------------------------------------- */


/* ## COMPARISON TABLES (ALL PAGES) */

/* ### FILTER */

.toggle-wrap h3 {
    background-color: #eeeeee;
    font: 15px "Droid Sans", Arial, Verdana, serif;
    font-weight: bold;
    line-height: 45px;
    padding: 0;
    padding-left: 20px;
    padding-right: 20px;
    
    font-weight: bold;
}

/* ### PROVIDER COMPARISON */


/* @since 2017-01-31: Fix wettanbieter comparison. */

@media (max-width: 610px) {
	body .vergleichWrapper.anbieter .linesWrapper {
		position: relative;
		border-collapse: collapse;
		display: table;
		width: 100%;
	}
	body #wrapper .vergleichWrapper.anbieter .anbieterLine.headline,
	body #wrapper .vergleichWrapper.anbieter .anbieterLine {
		max-width: none;
		display: table-row;
	}
	/*body #wrapper .vergleichWrapper.anbieter .anbieterLine>span.test .orangeBonusButton {
		transform: none;
		max-width: 95%;
        min-width: 95%;
        width: 95%;
	}*/
    
	body #wrapper .vergleichWrapper.anbieter .anbieterLine .bewertunglink {
		bottom: 0px;
		width: 100%;
		max-width: 100%;
		min-width: 100%;
	}
	body #wrapper .vergleichWrapper.anbieter .anbieterLine .bewertunglink span {
		font-size: 10px;
	}
}

@media (max-width: 480px) {
	/*body #wrapper .vergleichWrapper.anbieter .anbieterLine>span.test .orangeBonusButton {
		background-image: none;
	}
	body #wrapper .vergleichWrapper.anbieter .test .orangeBonusButton span:nth-child(3) {
		display: inline-block;
		max-width: 40px;
	}
	body #wrapper .vergleichWrapper.anbieter .test .orangeBonusButton .hidden-mobile {
		display: none;
	}*/
}

@media (max-width: 375px) {
    body #wrapper .vergleichWrapper.anbieter .anbieterLine.headline > span {
        font-size: 12px !important;
    }
    body #wrapper .vergleichWrapper.anbieter .anbieterLine.headline .logo,
	body #wrapper .vergleichWrapper.anbieter .anbieterLine .logo {
		width: 60px !important;
		max-width: 60px;
		min-width: initial;
	}
    body #wrapper .vergleichWrapper.anbieter .anbieterLine:not(.headline) .logo {
        vertical-align: top;
    }
	body #wrapper .vergleichWrapper.anbieter .anbieterLine.headline .bewertung,
	body #wrapper .vergleichWrapper.anbieter .anbieterLine .bewertung {
		max-width: 80px;
		min-width: 80px;
		width: 80px !important;
	}
    body #wrapper .vergleichWrapper.anbieter .anbieterLine.headline .bewertung .hightlightValue,
	body #wrapper .vergleichWrapper.anbieter .anbieterLine .bewertung .highlightValue {
		transform: none;
		width: 70px;
        max-width: 70px;
        height: 55px;
        max-height: 55px;
        font-size: 13px;
        padding-top: 9px;
        padding-bottom: 9px;
	}
	body #wrapper .vergleichWrapper.anbieter .anbieterLine .bewertung .highlightValue:before {
		top: 30px;
	}
	body #wrapper .vergleichWrapper.anbieter .anbieterLine.headline .test,
	body #wrapper .vergleichWrapper.anbieter .anbieterLine .test {
		max-width: 105px;
		min-width: 105px;
		width: 105px;
	}
	/*body #wrapper .vergleichWrapper.anbieter .anbieterLine>span.test .orangeBonusButton {
		width: auto;
	}
	body #wrapper .vergleichWrapper.anbieter .anbieterLine>span.test .orangeBonusButton span:nth-child(2) {
		padding-left: 6px;
		padding-right: 6px;
		font-size: 13px;
		width: auto;
		min-width: calc(100% - 35px);
		text-align: left;
	}*/
	body #wrapper .vergleichWrapper.anbieter .anbieterLine .bewertunglink {
		max-width: calc(100% - 10px);
		margin: 0px;
		overflow: hidden;
		text-decoration: none;
		border: none;
	}
	body #wrapper .vergleichWrapper.anbieter .anbieterLine .bewertunglink span {
		display: inline-block;
		position: relative;
		box-sizing: border-box;
		font-size: 10px;
		line-height: initial;
		width: 100%;
		max-width: 100%;
		min-width: initial;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		text-decoration: none;
		border-bottom: none;
	}
	body.category-wettanbieter #wrapper .vergleichWrapper.anbieter .anbieterLine.headline .logo,
	body.category-wettanbieter #wrapper .vergleichWrapper.anbieter .anbieterLine .logo {
		width: 75px !important;
		max-width: 75px;
		min-width: initial;
	}
	/*body.category-wettanbieter #wrapper .vergleichWrapper.anbieter .anbieterLine>span.test .orangeBonusButton {
		width: auto;
	}
	body.category-wettanbieter #wrapper .vergleichWrapper .anbieterLine>span.test .orangeBonusButton span:nth-child(2) {
		padding-left: 6px;
		padding-right: 6px;
		font-size: 13px;
	}*/
	body.category-wettanbieter #wrapper .vergleichWrapper.anbieter .anbieterLine .bewertunglink {
		max-width: calc(100% - 6px);
		margin-left: 3px;
		margin-right: 3px;
		overflow: hidden;
	}
	body.category-wettanbieter #wrapper .vergleichWrapper.anbieter .anbieterLine .bewertunglink span {
		display: inline-block;
		position: relative;
		box-sizing: border-box;
		font-size: 10px;
		line-height: initial;
		width: 100%;
		max-width: 100%;
		min-width: initial;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
}

@media (min-width: 610px) and (max-width: 1075px) {
#wrapper .vergleichWrapper.anbieter.result-list .linesWrapper, 
#wrapper .vergleichWrapper.anbieter.result-list .linesWrapper {
	max-width: 100%;
    width: 100%;
    display: table;
}
#wrapper .vergleichWrapper.anbieter.result-list .anbieterLine.headline, 
#wrapper .vergleichWrapper.anbieter.result-list .anbieterLine {
	max-width: 100%;
    display: table-row;
}
#wrapper .vergleichWrapper.anbieter.result-list .anbieterLine.headline .logo, 
#wrapper .vergleichWrapper.anbieter.result-list .anbieterLine .logo {
    min-width: 125px;
    width: 125px;
}
}
@media (min-width: 610px) and (max-width: 775px) {
#wrapper .vergleichWrapper.anbieter.result-list .anbieterLine.headline .bewertung, 
#wrapper .vergleichWrapper.anbieter.result-list .anbieterLine .bewertung {
	width: auto;
    max-width: none;
}
}
@media (min-width: 776px) and (max-width: 940px) {
#wrapper .vergleichWrapper.anbieter.result-list .anbieterLine.headline .bonus, 
#wrapper .vergleichWrapper.anbieter.result-list .anbieterLine .bonus {
	width: auto;
    max-width: none;
}
}


/* ### BONUS COMPARISON */


/* @since 2017-01-31: Fix bonus comparison (in frontpage as well). */

@media (min-width: 768px){
	#wrapper .vergleichWrapper.bonus:not(.result-list) .linesWrapper{
		position: relative;
		border-collapse: collapse;
		display: table;
		width: 100%;
	}
	#wrapper .vergleichWrapper.bonus:not(.result-list) .linesWrapper .anbieterLine {
		display: table-row;
		width: 100%;
	}
	#wrapper .vergleichWrapper.bonus:not(.result-list) .linesWrapper .anbieterLine > * {
		display: table-cell;
	}
	/*#wrapper .vergleichWrapper.bonus:not(.result-list) .anbieterLine.headline .logo, 
	#wrapper .vergleichWrapper.bonus:not(.result-list) .anbieterLine .logo{
		width: auto;
	}*/
	#wrapper .vergleichWrapper.bonus:not(.result-list) .anbieterLine.headline .bonus, 
	#wrapper .vergleichWrapper.bonus:not(.result-list) .anbieterLine .bonus{
		width: auto;
	}
	#wrapper .vergleichWrapper.bonus:not(.result-list) .anbieterLine.headline .test, 
	#wrapper .vergleichWrapper.bonus:not(.result-list) .anbieterLine .test{
		width: 220px;
		max-width: 220px;
		min-width: 220px;
	}
	.bonus .anbieterLine .highlightValue, .anbieterLine .bonus .highlightValue {
		width: auto;
	}
}

@media (max-width: 720px) {
	/*#wrapper #main-content .content .post-listing .vergleichWrapper.bonus .anbieterLine>span.test span.orangeBonusButton.bonusCodeTrigger.zulink,*/
	#wrapper #main-content .content .post-listing .vergleichWrapper.bonus .anbieterLine>span.test span.bonusCodeLink.bonusCodeTrigger.zulink {
		transform: none;
		max-width: 90%;
		min-width: 90%;
		width: 90%;
	}
	#wrapper .vergleichWrapper.bonus .bonus .post-tooltip {
		font-size: 10px;
	}
}

@media (max-width: 720px) {
	body .vergleichWrapper.bonus .linesWrapper {
		position: relative;
		border-collapse: collapse;
		display: table;
		width: 100%;
	}
	body #wrapper .vergleichWrapper.bonus .anbieterLine.headline,
	body #wrapper .vergleichWrapper.bonus .anbieterLine {
		max-width: none;
		display: table-row;
	}
	body #wrapper .vergleichWrapper.bonus .anbieterLine .logo img {
		transform: none;
	}
	body.category-bonus .vergleichWrapper .linesWrapper,
	body.home .vergleichWrapper .linesWrapper {
		position: relative;
		border-collapse: collapse;
		display: table;
		width: 100%;
	}
	body.category-bonus #wrapper .vergleichWrapper.bonus .anbieterLine.headline,
	body.category-bonus #wrapper .vergleichWrapper.bonus .anbieterLine,
	body.home #wrapper .vergleichWrapper.bonus .anbieterLine.headline,
	body.home #wrapper .vergleichWrapper.bonus .anbieterLine {
		max-width: none;
		display: table-row;
	}
	body.category-bonus #wrapper .vergleichWrapper.bonus .anbieterLine .logo img,
	body.home #wrapper .vergleichWrapper.bonus .anbieterLine .logo img {
		transform: none;
	}
}

@media (max-width: 480px) {
	body #wrapper .vergleichWrapper .anbieterLine > span.test>span.bonusCodeLink.bonusCodeTrigger.bonuscodeTarget.zulink {
		font-size: 16px;
		width: auto;
	}
	/*body #wrapper .vergleichWrapper.bonus .anbieterLine > span.test>span.orangeBonusButton.bonusCodeTrigger>span:nth-child(2) {
		min-width: initial;
		font-size: 15px;
	}
    body #wrapper .vergleichWrapper.bonus .anbieterLine>span.test .orangeBonusButton span:nth-child(2) {
		padding-left: 6px;
		padding-right: 4px;
		font-size: 15px;
		width: auto;
		min-width: calc(100% - 35px);
		text-align: left;
	}
	body #wrapper .vergleichWrapper.bonus .test .orangeBonusButton span:nth-child(3) {
		display: inline-block;
		max-width: 35px;
		background-position: right 12px center;
	}*/
	/*body #wrapper .vergleichWrapper.bonus .test .orangeBonusButton .hidden-mobile,*/
	body #wrapper .vergleichWrapper.bonus .test .bonusCodeLink .hidden-mobile {
		display: inline;
	}
}

@media (min-width: 450px) {
	#wrapper .vergleichWrapper.bonus .anbieterLine.headline .bonus,
	#wrapper .vergleichWrapper.bonus .anbieterLine .bonus,
	#wrapper .vergleichWrapper.bonus.ohne-einzahlung.ohne-rechner .anbieterLine.headline .bonus,
	#wrapper .vergleichWrapper.bonus.ohne-einzahlung.ohne-rechner .anbieterLine .bonus
	{
		/*min-width: 200px;
		width: 200px;*/
		padding-left: 6px;
		padding-right: 6px;
	}
}

@media (min-width: 450px) and (max-width: 610px) {
	
}

@media (max-width: 450px) {
	 body #wrapper .vergleichWrapper.bonus .anbieterLine.headline > span {
        font-size: 14px !important;
    }
    
	body #wrapper .vergleichWrapper.bonus .anbieterLine.headline .logo,
	body #wrapper .vergleichWrapper.bonus .anbieterLine .logo {
		padding-left: 4px;
		padding-right: 4px;
	}
	body #wrapper #main-content .content .post-listing .vergleichWrapper.bonus .anbieterLine .logo img {
		transform: none;
	}
	body #wrapper .vergleichWrapper.bonus .anbieterLine >span.test>span.bonusCodeLink.bonusCodeTrigger.bonuscodeTarget.zulink {
		transform: none !important;
		max-width: 110px;
		min-width: 110px;
		width: 110px;
		margin-left: auto;
		margin-right: auto;
	}
	/*body #wrapper .vergleichWrapper.bonus .anbieterLine >span.test>span.orangeBonusButton.bonusCodeTrigger {
		transform: none;
		margin-left: auto;
		margin-right: auto;
		max-width: 110px;
		min-width: 110px;
		width: 110px;
		margin-bottom: 10px;
	}*/
	body #wrapper .vergleichWrapper.bonus .anbieterLine.headline .logo,
	body #wrapper .vergleichWrapper.bonus .anbieterLine .logo {
		padding-left: 4px;
		padding-right: 4px;
	}
	body #wrapper .vergleichWrapper.bonus .anbieterLine > span.test>span.bonusCodeLink.bonusCodeTrigger.bonuscodeTarget.zulink {
		transform: none !important;
		max-width: 110px;
		min-width: 110px;
		width: 110px;
		margin-left: auto;
		margin-right: auto;
	}
	body #wrapper .vergleichWrapper .anbieterLine >span.test>span.bonusCodeLink.bonusCodeTrigger.bonuscodeTarget.zulink,
	body #wrapper #main-content .content .post-listing .vergleichWrapper.bonus .anbieterLine>span.test span.bonusCodeLink.bonusCodeTrigger {
		font-size: 13px;
		padding: 2px;
		padding-top: 0px;
		padding-bottom: 0px;
		height: 36px;
		line-height: 38px;
		overflow: hidden;
	}
	/*body #wrapper .vergleichWrapper.bonus .anbieterLine >span.test>span.orangeBonusButton.bonusCodeTrigger {
		transform: none;
		margin-left: auto;
		margin-right: auto;
		max-width: 110px;
		min-width: 110px;
		width: 110px;
		margin-bottom: 10px;
	}
	body #wrapper .vergleichWrapper.bonus .anbieterLine >span.test>span.orangeBonusButton.bonusCodeTrigger .hidden-mobile {
		display: inline;
	}*/
	body #wrapper .vergleichWrapper.bonus .anbieterLine .logo {
		max-width: 65px;
		min-width: 65px;
		width: 65px !important;
	}
	body #wrapper .vergleichWrapper.bonus .anbieterLine .bonus .plus {
		display: inline-block;
		position: relative;
		box-sizing: border-box;
		float: none;
		clear: both;
		transform: none;
		border: none;
		margin: 0px;
		padding: 0px;
		width: 100%;
		text-align: center;
		/*font-size: 16px !important;*/
		width: 28px !important;
	}
	body #wrapper .vergleichWrapper.bonus .bonus .post-tooltip {
		font-size: 9px;
		line-height: 14px;
		text-align: center;
	}
	body #wrapper .vergleichWrapper.bonus .anbieterLine.headline .test,
	body #wrapper .vergleichWrapper.bonus .anbieterLine .test {
		max-width: 96px;
		min-width: 96px;
		width: 96px !important;
	}
	body #wrapper .vergleichWrapper.bonus .anbieterLine > span.test>span.bonusCodeLink.bonusCodeTrigger.bonuscodeTarget.zulink {
		height: 25px;
		font-size: 12px;
		line-height: 20px;
		max-width: 90px;
		min-width: 90px;
		width: 90px;
	}
	
	
	body #wrapper .vergleichWrapper.bonus .anbieterLine >span.test>span.bonusCodeLink.bonusCodeTrigger.bonuscodeTarget.zulink
	{
		max-width: 90%;
		min-width: 55px;
		width: 90%;
	}
	
	/*body #wrapper .vergleichWrapper.bonus .anbieterLine >span.test>span.orangeBonusButton.bonusCodeTrigger
	{
		position: relative;
		max-width: 90% !important;
		min-width: 55px !important;
		width: 90% !important;
	}*/
	
	/* @since #3158 Increase Bonus button text size once hidden-mobile text no longer displays. */
	/*body #wrapper .vergleichWrapper.bonus .anbieterLine >span.test > span.orangeBonusButton.bonusCodeTrigger > span:nth-child(2)
	{
		left: 0;
		position: absolute;
		text-align: left;
		width: calc(100% - 22px) !important;
		
		letter-spacing: 1.5px;
		font-size: 13px;
		padding-left: 12px;
	}*/
	
	/*body #wrapper .vergleichWrapper.bonus .anbieterLine >span.test > span.orangeBonusButton.bonusCodeTrigger > span:nth-child(3)
	{
		background-size: 80%;
		position: absolute;
		right: 0;
		width: 13px;
	}*/
	
	body #wrapper .vergleichWrapper.bonus .anbieterLine >span.test>span.bonusCodeLink.bonusCodeTrigger .hidden-mobile/*,
	body #wrapper .vergleichWrapper.bonus .anbieterLine >span.test>span.orangeBonusButton.bonusCodeTrigger .hidden-mobile*/
	{
		display: none;
	}
}

@media (max-width: 370px)
{
	body:not(.home) #wrapper .vergleichWrapper.bonus .anbieterLine.headline .test,
	body:not(.home) #wrapper .vergleichWrapper.bonus .anbieterLine .test {
		max-width: 75px;
		min-width: 75px;
		width: 75px !important;
	}
	
	#wrapper .vergleichWrapper.bonus .anbieterLine.headline .bonus
	{
		max-width: 110px;
		min-width: 110px;
		width: 110px;
	}
	
	/*body #wrapper .vergleichWrapper.bonus .anbieterLine.headline .test, body #wrapper .vergleichWrapper.bonus .anbieterLine .test
	{
		max-width: 68px;
		min-width: 68px;
		width: 68px;
	}*/
	
	/*body #wrapper .vergleichWrapper.bonus .anbieterLine >span.test > span.orangeBonusButton.bonusCodeTrigger > span:nth-child(2)
	{
		letter-spacing: 1px;
		padding-left: 6px;
	}*/
}

/* @since #3158 Styling fixes */

/* Apply the two_boxes-rules for non-exklusiv/new boxes as well. */

#wrapper .vergleichWrapper.bonus .anbieterLine .bonus.two_boxes .bonus_boxes_wrapper {
	background: #fff;
	border: 1px solid #eee;
	border-radius: 5px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
	box-sizing: border-box;
	display: inline-block;
	width: 90%;
	/*max-width: 222px;*/
	overflow: hidden;
	position: relative;
	margin-top: 6px;
}

#wrapper .vergleichWrapper.bonus .anbieterLine .bonus.two_boxes .bonus_boxes_wrapper .highlightValue {
	background: none;
	border: none;
	box-sizing: border-box;
	display: block;
	float: left;
	padding: 5px 0;
	width: 45%;
}

@media (min-width: 721px) {
	#wrapper .vergleichWrapper.bonus .anbieterLine .bonus.two_boxes .bonus_boxes_wrapper .bonus_boxes_inner {
		align-items: center;
		display: flex;
		justify-content: center;
	}
	#wrapper .vergleichWrapper.bonus .anbieterLine .bonus.two_boxes:not(.exklusiv):not(.is_new) .bonus_boxes_wrapper .highlightValue {
		width: 40%;
	}
}

.vergleichWrapper.bonus .anbieterLine .bonus.two_boxes .bonus_boxes_wrapper .plus {
	box-sizing: border-box;
	display: inline-block;
	float: left;
	width: 10%;
}

@media (max-width: 359px) {
	#wrapper .vergleichWrapper.bonus .anbieterLine .bonus.two_boxes .bonus_boxes_wrapper .highlightValue {
		float: none;
		padding: 5px;
		width: 100%;
	}
}


/* Set "+" rules for double boxes from 450px to below 720px. */
/*@media (min-width: 450px) and (max-width: 720px) {
	#wrapper .vergleichWrapper.bonus .anbieterLine .bonus.two_boxes .bonus_boxes_wrapper .plus {
		position: relative;
		float: none !important;
		display: block;
		top: 5px;
	}
}*/

@media (min-width: 720px) and (max-width: 1075px) {
#wrapper .vergleichWrapper.bonus.result-list .linesWrapper, 
#wrapper .vergleichWrapper.bonus.result-list .linesWrapper {
	max-width: 100%;
    width: 100%;
    display: table;
}
#wrapper .vergleichWrapper.bonus.result-list .anbieterLine.headline, 
#wrapper .vergleichWrapper.bonus.result-list .anbieterLine {
	max-width: 100%;
    display: table-row;
}
#wrapper .vergleichWrapper.bonus.result-list .anbieterLine.headline .logo, 
#wrapper .vergleichWrapper.bonus.result-list .anbieterLine .logo {
    min-width: 160px;
    width: 160px;
}
#wrapper .vergleichWrapper.bonus.result-list .anbieterLine.headline .bonus, 
#wrapper .vergleichWrapper.bonus.result-list .anbieterLine .bonus {
	width: auto;
    max-width: none;
}
}

/* ### PROVIDER COMPARISON */

#wrapper .vergleichWrapper.anbieter.apps .anbieterLine:not(.headline) > *{
    vertical-align: top !important;
    padding-top: 16px;
    padding-bottom: 12px;
}

#wrapper .vergleichWrapper.anbieter.apps .anbieterLine:not(.headline) > .rank {
    padding-top: 0px;
    padding-bottom: 0px;
    vertical-align: middle !important;
}

#wrapper .vergleichWrapper.anbieter.apps .anbieterLine .bonus .highlightValue.big {
	margin-top: 0px;
}

#wrapper .vergleichWrapper.anbieter.apps .anbieterLine .test {
	text-align: left;
}

/*#wrapper .vergleichWrapper.anbieter.apps .anbieterLine .test .orangeBonusButton {
	display: block;
    display: flex;
    margin: auto;
}*/

#wrapper .vergleichWrapper.anbieter.apps .anbieterLine .test .bewertungslink {
    position: relative;
    text-decoration: none;
    width: auto;
    left: 25px;
    top: 6px;
}

#wrapper .vergleichWrapper.anbieter.apps .anbieterLine .test .bewertungslink:before {
	background-image: url(../images/startseite-redesign-3069/icon_review.png);
    background-repeat: no-repeat;
    content: "";
    display: inline-block;
    height: 14px;
    left: -19px;
    position: absolute;
    top: 5px;
    width: 11px;
}

#wrapper .vergleichWrapper.anbieter.apps .anbieterLine .test .bewertungslink > span {
	color: #039999;
    font-size: 13px;
    text-decoration: underline;
}

@media (max-width: 1045px) {
#wrapper .vergleichWrapper.anbieter.apps .anbieterLine .test .bewertungslink {
    position: relative;
    display: block;
    text-align: left;
    padding-left: 20px;
    text-decoration: none;
    width: auto;
    left: auto;
    top: 6px;
    margin: auto;
}
#wrapper .vergleichWrapper.anbieter.apps .anbieterLine .test .bewertungslink:before {
	position: relative;
    left: -10px;
    top: 3px;
}
}

@media (max-width: 775px) {
#wrapper .vergleichWrapper.anbieter.apps .anbieterLine .test .bewertungslink {
    width: 183px;
    max-width: 95%;
    text-align: left;
    margin: auto;
    padding-left: 42px;
}
}

@media (max-width: 767px)  and (min-width: 481px) {
#wrapper .vergleichWrapper.anbieter.apps .headline .bewertung {
	font-size: 14px !important;
}
}

@media (max-width: 720px) {
#wrapper .vergleichWrapper.anbieter.apps .anbieterLine .test .bewertungslink {
    padding-left: 26px;
}
/*#wrapper .vergleichWrapper.anbieter.apps .anbieterLine >span.test .orangeBonusButton span:nth-child(2) {
    padding-left: 8px;
}*/
}

@media (max-width: 500px) {
#wrapper .vergleichWrapper.anbieter.apps .anbieterLine .test {
	width: auto;
    min-width: 145px;
    max-width: none;
}
#wrapper .vergleichWrapper.anbieter.apps .anbieterLine .test .bewertungslink {
    width: 140px;
    max-width: 140px;
}
#wrapper .vergleichWrapper.anbieter.apps .anbieterLine .test .bewertungslink .hidden-mobile {
    display: none;
}
}

@media (max-width: 480px) {
#wrapper .vergleichWrapper.anbieter.apps .anbieterLine .test {
	width: 145px;
    min-width: 145px;
    max-width: 145px;
}
}

@media (max-width: 450px) {
/*body #wrapper .vergleichWrapper.apps .anbieterLine>span.test>span.orangeBonusButton {
	min-width: 90%;
    max-width: 90%;
    width: 90%;
    justify-content: flex-end;
}
#wrapper .vergleichWrapper.anbieter.apps .anbieterLine >span.test .orangeBonusButton span:nth-child(2) {
    width: calc( 100% - 28px);
    padding-left: 4px;
}*/
#wrapper .vergleichWrapper.anbieter.apps .anbieterLine .test {
	width: 115px;
    min-width: 115px;
    max-width: 115px;
}
}

@media (max-width: 420px) {
#wrapper .vergleichWrapper.apps .anbieterLine.headline .compatibility, 
#wrapper .vergleichWrapper.apps .anbieterLine .compatibility {
    display: none;
}
}

@media (min-width: 1024px) {

#wrapper .vergleichWrapper.anbieter.apps .anbieterLine:not(.headline) > *{
    padding-top: 24px;
}

#wrapper .vergleichWrapper.anbieter.apps .anbieterLine:not(.headline) > .rank {
    padding-top: 0px;
    vertical-align: middle !important;
}    

}


/* ------------------------------------------------------------------------- */


/* ## COMPARISON TABLES SINGULAR PAGES */


/* @since #3165 
 * (On non-archive pages)
 * Display comparison lines as table rows, so a flexible
 * width can be used for non-end columns.
 * */

body:not(.archive):not(.home) .vergleichWrapper.linesWrapper {
	position: relative;
	border-collapse: collapse;
	display: table;
	width: 100%;
}

body:not(.archive):not(.home) #wrapper .vergleichWrapper .anbieterLine.headline,
body:not(.archive):not(.home) #wrapper .vergleichWrapper .anbieterLine {
	max-width: 100%;
	display: table-row !important;
}
body:not(.archive):not(.home) #wrapper .vergleichWrapper .anbieterLine.hide {
	display:none!important;
}

body:not(.archive):not(.home) #wrapper .vergleichWrapper .anbieterLine.headline .special,
body:not(.archive):not(.home) #wrapper .vergleichWrapper .anbieterLine .special {
	min-width: initial;
	width: auto;
}

/*body:not(.archive):not(.home) .vergleichWrapper .anbieterLine>span.test .orangeBonusButton {
	max-width: 95%;
	min-width: initial;
}*/

@media (max-width: 450px) {
	/*body #wrapper .vergleichWrapper.bonus .anbieterLine >span.test>span.orangeBonusButton.bonusCodeTrigger,
	body #wrapper .vergleichWrapper.anbieter .anbieterLine>span.test>span.orangeBonusButton,
	body #wrapper .vergleichWrapper.apps .anbieterLine>span.test>span.orangeBonusButton
	{
		height: 25px;
		max-width: 90px;
		min-width: 90px;
		width: 90px;
	}*/
	
	/*body #wrapper .vergleichWrapper.anbieter .anbieterLine>span.test>span.orangeBonusButton,
	body #wrapper .vergleichWrapper.apps .anbieterLine>span.test>span.orangeBonusButton
	{
		height: 25px;
		max-width: 103px;
		min-width: 103px;
		width: 103px;
	}*/
	
	body #wrapper .vergleichWrapper.anbieter .anbieterLine .bewertunglink {
		max-width: 100%;
		padding-left: calc( ( 100% - 90px ) / 2 );
		text-align: left;
		white-space: normal;
		line-height: 16px;
	}
	
	/*body #wrapper .vergleichWrapper.bonus .anbieterLine  >span.test > span.orangeBonusButton.bonusCodeTrigger > span:nth-child(2),
	body #wrapper .vergleichWrapper.anbieter .anbieterLine >span.test > span.orangeBonusButton > span:nth-child(2),
	body #wrapper .vergleichWrapper.apps .anbieterLine >span.test > span.orangeBonusButton > span:nth-child(2)
	{
		font-size: 14px;
		height: 25px;
		line-height: 19px;
		padding-right: 0;
		width: 67px;
		padding-left: 6px;
		text-align: left; 
	}
	
	body #wrapper .vergleichWrapper.anbieter .anbieterLine >span.test > span.orangeBonusButton > span:nth-child(2),
	body #wrapper .vergleichWrapper.apps .anbieterLine >span.test > span.orangeBonusButton > span:nth-child(2)
	{
		width: 80px;
	}*/
	
	/*body #wrapper .vergleichWrapper.bonus .anbieterLine >span.test > span.orangeBonusButton.bonusCodeTrigger > span:nth-child(3),
	body #wrapper .vergleichWrapper.anbieter .anbieterLine >span.test > span.orangeBonusButton > span:nth-child(3),
	body #wrapper .vergleichWrapper.apps .anbieterLine >span.test > span.orangeBonusButton > span:nth-child(3)
	{
		background-size: 75%;
		height: 25px;
		width: 22px;
		background-position: right 8px center;
	}*/
}

@media (min-width: 336px) and  (max-width: 450px) {
    /*body #wrapper .vergleichWrapper.bonus .anbieterLine >span.test > span.orangeBonusButton.bonusCodeTrigger > span:nth-child(3):before,
	body #wrapper .vergleichWrapper.anbieter .anbieterLine >span.test > span.orangeBonusButton > span:nth-child(3):before,
	body #wrapper .vergleichWrapper.apps .anbieterLine >span.test > span.orangeBonusButton > span:nth-child(3):before
	{
		content: '';
        display: inline-block; position: relative; box-sizing: border-box;
		float: right; right: 22px; 
		height: 80%; top: 10%; bottom: 10%;
		width: 1px;
		border-left: 1px groove rgba(37, 194, 84, 0.4);
	}*/
}

@media (max-width: 375px) {
	body #wrapper .vergleichWrapper.anbieter .anbieterLine.headline > span,
	body #wrapper .vergleichWrapper.bonus .anbieterLine.headline > span,
	body #wrapper .vergleichWrapper.apps .anbieterLine.headline > span {
		font-size: 12px !important;
	}
	
	/*body #wrapper .vergleichWrapper.bonus .anbieterLine >span.test > span.orangeBonusButton.bonusCodeTrigger > span:nth-child(2),
	body #wrapper .vergleichWrapper.anbieter .anbieterLine >span.test > span.orangeBonusButton > span:nth-child(2),
	body #wrapper .vergleichWrapper.apps .anbieterLine >span.test > span.orangeBonusButton > span:nth-child(2)
	{
		font-size: 13px;
	}*/
}


/* On non-sidebar pages, give bonus comparison boxes enough space (bonus redesign, class "result-list" */

@media (min-width: 990px) {
	body.page:not(.home):not(.archive):not(.has-sidebar) #wrapper .vergleichWrapper.bonus.result-list .anbieterLine.headline .logo,
	body.single:not(.home):not(.archive):not(.has-sidebar) #wrapper .vergleichWrapper.bonus.result-list .anbieterLine.headline .logo,
	#wrapper .vergleichWrapper.bonus .anbieterLine .logo {
		min-width: 120px;
		width: 120px;
		max-width: 120px;
		padding-left: 7px;
		padding-right: 9px;
	}
	body.page:not(.home):not(.archive):not(.has-sidebar) #wrapper .vergleichWrapper.bonus.result-list .anbieterLine .logo a,
	body.page:not(.home):not(.archive):not(.has-sidebar) #wrapper .vergleichWrapper.bonus.result-list .anbieterLine .logo span,
	body.single:not(.home):not(.archive):not(.has-sidebar) #wrapper .vergleichWrapper.bonus.result-list .anbieterLine .logo a,
	body.single:not(.home):not(.archive):not(.has-sidebar) #wrapper .vergleichWrapper.bonus.result-list .anbieterLine .logo span {
		display: inline-block;
		position: relative;
		box-sizing: border-box;
		float: none;
		clear: both;
		margin: 0px;
		padding: 0px;
	}
	body.page:not(.home):not(.archive):not(.has-sidebar) #wrapper #main-content .content .post-listing .vergleichWrapper.bonus.result-list .anbieterLine.headline .bonus.two_boxes,
	body.page:not(.home):not(.archive):not(.has-sidebar) #wrapper #main-content .content .post-listing .vergleichWrapper.bonus.result-list .anbieterLine .bonus.two_boxes,
	body.single:not(.home):not(.archive):not(.has-sidebar) #wrapper #main-content .content .post-listing .vergleichWrapper.bonus.result-list .anbieterLine.headline .bonus.two_boxes,
	body.single:not(.home):not(.archive):not(.has-sidebar) #wrapper #main-content .content .post-listing .vergleichWrapper.bonus.result-list .anbieterLine .bonus.two_boxes {
		min-width: 257px;
		width: 259px;
	}
	body.page:not(.home):not(.archive):not(.has-sidebar) #wrapper .vergleichWrapper.bonus.result-list .anbieterLine.headline .test,
	body.page:not(.home):not(.archive):not(.has-sidebar) #wrapper .vergleichWrapper.bonus.result-list .anbieterLine .test,
	body.single:not(.home):not(.archive):not(.has-sidebar) #wrapper .vergleichWrapper.bonus.result-list .anbieterLine.headline .test,
	body.single:not(.home):not(.archive):not(.has-sidebar) #wrapper .vergleichWrapper.bonus.result-list .anbieterLine .test {
		width: 180px;
		min-width: 180px;
		max-width: 180px;
	}
	body.page:not(.home):not(.archive):not(.has-sidebar) #wrapper .vergleichWrapper.bonus.result-list .anbieterLine >span.test>span.bonusCodeLink.bonusCodeTrigger.bonuscodeTarget.zulink,
	body.single:not(.home):not(.archive):not(.has-sidebar) #wrapper .vergleichWrapper.bonus.result-list .anbieterLine >span.test>span.bonusCodeLink.bonusCodeTrigger.bonuscodeTarget.zulink {
		width: 90%;
		min-width: 90%;
		max-width: 90%;
	}
	/*body.page:not(.home):not(.archive):not(.has-sidebar) #wrapper #main-content .content .post-listing .vergleichWrapper.bonus.result-list .anbieterLine>span.test span.orangeBonusButton.bonusCodeTrigger.zulink,
	body.single:not(.home):not(.archive):not(.has-sidebar) #wrapper #main-content .content .post-listing .vergleichWrapper.bonus.result-list .anbieterLine>span.test span.orangeBonusButton.bonusCodeTrigger.zulink {
		width: 90%;
		min-width: 90%;
		max-width: 90%;
	}*/
	body.page:not(.home):not(.archive):not(.has-sidebar) #wrapper .vergleichWrapper.bonus.result-list .anbieterLine.headline .test, body.has-sidebar #wrapper .vergleichWrapper.bonus.result-list .anbieterLine .test,
	body.single:not(.home):not(.archive):not(.has-sidebar) #wrapper .vergleichWrapper.bonus.result-list .anbieterLine.headline .test, body.has-sidebar #wrapper .vergleichWrapper.bonus.result-list .anbieterLine .test {
		max-width: 192px;
		width: 192px;
		min-width: initial;
	}
}


/* @since #3165 
 * When sidebar shows, hide comparison table columns
 * on pages with sidebar.
 * */

@media (min-width: 990px) {
	body.has-sidebar:not(.archive):not(.home) #wrapper .vergleichWrapper .anbieterLine.headline .special,
	body.has-sidebar:not(.archive):not(.home) #wrapper .vergleichWrapper .anbieterLine .special {
		display: none !important;
	}
	body.has-sidebar:not(.archive):not(.home) #wrapper .vergleichWrapper.anbieter .anbieterLine.headline .logo,
	body.has-sidebar:not(.archive):not(.home) #wrapper .vergleichWrapper.anbieter .anbieterLine .logo {
		min-width: 100px;
		width: 100px;
	}
	body.has-sidebar:not(.archive):not(.home) #wrapper .vergleichWrapper.anbieter .anbieterLine.headline .bewertung,
	body.has-sidebar:not(.archive):not(.home) #wrapper .vergleichWrapper.anbieter .anbieterLine .bewertung {
		min-width: 120px;
		width: 120px;
	}
	body.has-sidebar:not(.archive):not(.home) #wrapper .vergleichWrapper.anbieter .anbieterLine.headline .bonus,
	body.has-sidebar:not(.archive):not(.home) #wrapper .vergleichWrapper.anbieter .anbieterLine .bonus {
		min-width: 160px;
		width: 160px;
	}
	body.has-sidebar:not(.archive):not(.home) #wrapper .vergleichWrapper.anbieter .anbieterLine.headline .test,
	body.has-sidebar:not(.archive):not(.home) #wrapper .vergleichWrapper.anbieter .anbieterLine .test {
		min-width: 190px;
		width: 190px;
	}
	/* apps */
	body.has-sidebar:not(.archive):not(.home) #wrapper .vergleichWrapper.apps .anbieterLine.headline .bonus,
	body.has-sidebar:not(.archive):not(.home) #wrapper .vergleichWrapper.apps .anbieterLine .bonus {
		display: none;
	}
	/* bonus */
	body.has-sidebar:not(.archive):not(.home) #wrapper .vergleichWrapper .anbieterLine .highlightValue span img {
		display: none;
	}
    body.has-sidebar:not(.archive):not(.home) #wrapper .vergleichWrapper.bonus .anbieterLine.headline .rechner, 
    body.has-sidebar:not(.archive):not(.home) #wrapper .vergleichWrapper.bonus .anbieterLine .rechner {
       display: none;
    }
}

/* ### APPS COMPARISON */
/* @since 2017-02-03: */
/*body #wrapper .apps.vergleichWrapper .anbieterLine>span.test .orangeBonusButton>span:nth-of-type(2)
{
	width: 145px;
}

body #wrapper .apps.vergleichWrapper .anbieterLine>span.test .orangeBonusButton>span:nth-of-type(3)
{
	background-size: auto;
	width: 44px;
}

@media (max-width: 640px)
{
	body #wrapper .apps.vergleichWrapper .anbieterLine>span.test .orangeBonusButton>span:nth-of-type(2)
	{
		width: 138px;
	}
	
	body #wrapper .apps.vergleichWrapper .anbieterLine>span.test .orangeBonusButton>span:nth-of-type(3)
	{
		display: inline-block;
		float: right;
	}
}
*/
@media (max-width: 720px)
{
	/*body #wrapper .apps.vergleichWrapper .anbieterLine>span.test .orangeBonusButton
	{
		max-width: 183px;
		min-width: 183px;
		width: 183px !important;
	}
	
	body #wrapper .apps.vergleichWrapper .anbieterLine>span.test .orangeBonusButton>span:nth-of-type(2)
	{
		font-size: 16px;
		text-align: left; 
		width: 138px;
	}
	*/
	#wrapper .vergleichWrapper.apps .anbieterLine:not(.headline)>.bewertung .highlightValue
	{
		top: auto;
	}
	
	/*.vergleichWrapper .anbieterLine >span.test .orangeBonusButton span:nth-child(2)
	{
		padding-left: 4px;
		text-align: left;
	}*/
}

@media (max-width: 500px)
{
	#wrapper .vergleichWrapper.apps .anbieterLine.headline .bewertung,
	#wrapper .vergleichWrapper.apps .anbieterLine .bewertung
	{
		max-width: 90px;
		min-width: 90px;
		width: 90px !important;
	}
	
	/*body #wrapper .apps.vergleichWrapper .anbieterLine>span.test .orangeBonusButton
	{
		max-width: 140px;
		min-width: 140px;
		width: 140px !important;
	}
	
	body #wrapper .apps.vergleichWrapper .anbieterLine>span.test .orangeBonusButton>span:nth-of-type(2)
	{
		width: 95px;
	}*/
}

@media (max-width: 375px)
{
	body #wrapper .vergleichWrapper.apps.anbieter .anbieterLine:not(.headline)>.bewertung .highlightValue
	{
		font-size: 19px;
		padding-top: 17px;
	}
}

/* @since #3165 Fix comparison filter on /ratgeber/sportwetten-mit-startguthaben/?preview=true */
.toggle-wrap #vergleich-filter #filterform #filter .filter_block .ui-slider {
	left: 8px;
	max-width: calc(100% - 43px);
}
.toggle-wrap #vergleich-filter #filterform #filter .filter_block,
.toggle-wrap #vergleich-filter #filterform #filter .filter_block.first, 
.toggle-wrap #vergleich-filter #filterform #filter .filter_block.second, 
.toggle-wrap #vergleich-filter #filterform #filter .filter_block.third.last {
	display: block;
    float: none;
}
@media (min-width: 991px) {
.toggle-wrap #vergleich-filter #filterform #filter {
	display: table;
    table-layout: fixed;
}
.toggle-wrap #vergleich-filter #filterform #filter .filter_block,
.toggle-wrap #vergleich-filter #filterform #filter .filter_block.first, 
.toggle-wrap #vergleich-filter #filterform #filter .filter_block.second, 
.toggle-wrap #vergleich-filter #filterform #filter .filter_block.third.last {
	display: table-cell;
    float: none;
    vertical-align: top;
    width: 32%;
    min-width: initial;
    max-width: none;
}
}

/* @since #3165 Enable no tax provider comparison shortcode on all pages. */
body:not(.home) .vergleichWrapper.ohne-steuer .anbieterLine .logo {
	float: none;
	margin: 0px auto;
}

body:not(.home) .vergleichWrapper.ohne-steuer .anbieterLine .logo img {
	display: inline-block;
	position: relative;
	box-sizing: border-box;
	border: none;
	padding: 0;
	margin: 0;
	height: auto;
	width: 100px;
	max-width: 100px;
}

body:not(.home) .vergleichWrapper.ohne-steuer .anbieterLine>span,
body:not(.home) .vergleichWrapper.ohne-steuer .anbieterLine>span.test>span {
	font-size: 1.1em;
}

body:not(.home) .vergleichWrapper.ohne-steuer .anbieterLine:not(.headline) >span:not(.rank),
body:not(.home) .vergleichWrapper.ohne-steuer .anbieterLine:not(.headline) >span.test>span {
	color: #525252;
}

body:not(.home) .vergleichWrapper.ohne-steuer .redesign-table {
	display: table;
}

body:not(.home) .vergleichWrapper.ohne-steuer .redesign-table-row {
	display: table-row;
}

body:not(.home) .vergleichWrapper.ohne-steuer .anbieterLine .bonus .redesign-table .redesign-table-row {
	color: #666666;
	font: 400 10.5px "Droid Sans", Arial, Verdana, serif;
	vertical-align: top;
}

body:not(.home) .vergleichWrapper.ohne-steuer .anbieterLine .bonus .redesign-table .redesign-table-row:first-child {
	color: #039999;
	font: 700 1.5em "Droid Sans", Arial, Verdana, serif;
	vertical-align: bottom;
}

body:not(.home) .vergleichWrapper.ohne-steuer .redesign-table-cell {
	display: table-cell;
	padding: 4px;
}

body:not(.home) .vergleichWrapper.ohne-steuer .anbieterLine >span.test {
	text-align: left;
}

body:not(.home) .vergleichWrapper.ohne-steuer .anbieterLine >span.test>.post-tooltip {
	border-bottom: 1.5px solid #92c6c6;
	color: #039999;
	font: 13px "Droid Sans", Arial, Verdana, sans-serif;
	margin-left: 32px;
	margin-top: 15px;
	position: relative;
	text-decoration: none;
}

body:not(.home) .vergleichWrapper.ohne-steuer .anbieterLine >span.test>.post-tooltip:nth-child(2) {
	margin-bottom: 8px;
	margin-top: 5px;
}

@media (min-width: 480px) {
	body:not(.home) .vergleichWrapper.ohne-steuer .anbieterLine .bonus .redesign-table .redesign-table-row:first-child {
		font-size: 26px !important;
	}
}

@media (min-width: 540px) {
	body:not(.home) .vergleichWrapper.ohne-steuer .anbieterLine .logo a,
	body:not(.home) .vergleichWrapper .anbieterLine .logo span {
		margin: 0 auto;
	}
}

@media (min-width: 768px) {
	body:not(.home) .vergleichWrapper.ohne-steuer .anbieterLine .bonus .redesign-table {
		max-width: 275px;
	}
	body:not(.home) .vergleichWrapper.ohne-steuer .anbieterLine .test {
		min-width: auto;
	}
}

@media (min-width: 1046px) {
	body:not(.home) .vergleichWrapper.ohne-steuer .anbieterLine .bonus .redesign-table .redesign-table-row:first-child {
		font-size: 26px;
	}
	body:not(.home) .vergleichWrapper.ohne-steuer .anbieterLine .test {
		min-width: auto;
	}
}

@media (max-width: 720px) {
	body:not(.home) .vergleichWrapper.ohne-steuer .anbieterLine .bonus .redesign-table,
	body:not(.home) .vergleichWrapper.ohne-steuer .anbieterLine .bonus .redesign-table {
		width: auto;
		min-width: 100%;
		max-width: 100%;
	}
	body:not(.home) .vergleichWrapper.ohne-steuer .anbieterLine.headline .test,
	body:not(.home) .vergleichWrapper.ohne-steuer .anbieterLine .test {
		padding-right: 4px;
	}
	body:not(.home) .vergleichWrapper.ohne-steuer .anbieterLine >span.test>.post-tooltip {
		border-bottom: none;
	}
	/*body:not(.home) .vergleichWrapper.ohne-steuer .anbieterLine>span.test .orangeBonusButton {
		margin-bottom: 4px;
	}
	body:not(.home) .vergleichWrapper.ohne-steuer .anbieterLine>span.test .orangeBonusButton .hidden-mobile {
		display: none !important;
	}
	body:not(.home) .vergleichWrapper.ohne-steuer .anbieterLine>span.test .orangeBonusButton span:nth-child(2) {
		letter-spacing: 1px;
	}*/
}

@media (max-width: 360px) {
	/*body:not(.home)  #wrapper .vergleichWrapper.ohne-steuer .test .orangeBonusButton span:nth-child(2),
    body:not(.home)  #wrapper .vergleichWrapper.ohne-steuer.bonus .anbieterLine > span.test .orangeBonusButton span:nth-child(2){
		font-size: 14px !important;
		min-width: calc( 100% - 30px);
        max-width: calc( 100% - 30px);-block-size: 
        width: calc( 100% - 30px);
	}
	body:not(.home)  #wrapper .vergleichWrapper.ohne-steuer .test .orangeBonusButton span:nth-child(3) {
		max-width: 32px;
		min-width: 32px;
		width: 32px;
		background-position: right 10px center;
	}*/
}

/* ------------------------------------------------------------------ */
/* @since #3165 Add with and without gambling tax provider comparison */
#wrapper .vergleichWrapper.bonus.steuer .linesWrapper .bonus,
#wrapper #main-content .content .post-listing .vergleichWrapper.bonus.steuer .anbieterLine.headline .bonus, 
#wrapper #main-content .content .post-listing .vergleichWrapper.bonus.steuer .anbieterLine .bonus {
	width: auto;
    min-width: auto;
    max-width: auto;
}

.vergleichWrapper.bonus.steuer .anbieterLine .bonus .bonus_boxes_wrapper .bonus_boxes_inner {
    display: block;
    width: auto;
    height: auto;
    background: white;
    border: 1px solid #f2f2f2;
    padding: 4px;
    padding-top: 2px;
    padding-bottom: 6px;
    text-align: center;
}

.vergleichWrapper.bonus.steuer .anbieterLine .bonus .highlightValue {
    display: block;
    position: relative;
    box-sizing: border-box;
    width: 100%;
    background: transparent;
    border: none;
    color: #039999;
    font: 700 26px "Droid Sans", Arial, Verdana, serif;
}

.vergleichWrapper.bonus.steuer .anbieterLine > span.test > span.bonusCodeLink.bonusCodeTrigger.bonuscodeTarget.zulink {
    width: 95%;
    min-width: 95%;
    max-width: 95%;
}

/*.vergleichWrapper.bonus.steuer .anbieterLine > span.test span.orangeBonusButton.bonusCodeTrigger.zulink,
#wrapper #main-content .content .post-listing .vergleichWrapper.bonus.steuer .anbieterLine > span.test span.orangeBonusButton.bonusCodeTrigger.zulink {
	width: 95%;
    min-width: 95%;
    max-width: 95%;
}*/

.vergleichWrapper.steuer .anbieterLine:not(.headline) > span.test {
	position: relative;
    text-align: left;
}

.vergleichWrapper.steuer .anbieterLine > span.test > .post-tooltip {
    display: block;
    position: relative;
    box-sizing: border-box;
    border-bottom: none;
    text-decoration: underline;
    color: #039999;
    font: 13px "Droid Sans",Arial,Verdana,sans-serif;
    margin-left: 30px;
    margin-top: 8px;
    margin-bottom: 7px;
    /* text-decoration: none; */
    text-align: left;
}

.vergleichWrapper.steuer .anbieterLine > span.test > .post-tooltip:hover {
    color: #039999;
    font-size: 13px;
}
.vergleichWrapper.steuer .test .post-tooltip::before {
    background-image: url(../images/startseite-redesign-3069/icon_review.png);
    background-repeat: no-repeat;
    content: "";
    display: inline-block;
    height: 14px;
    left: -19px;
    position: absolute;
    width: 11px;
}

.vergleichWrapper.steuer .tax-comment {
    display: block;
	font-weight: bold;
    font-style: italic;
}
.vergleichWrapper.steuer .tax-comment.green {
    color: green;
}
.vergleichWrapper.steuer .tax-comment.yellow {
    color: orange;
}
.vergleichWrapper.steuer .tax-comment.red {
    color: red;
}

@media (min-width: 768px){
#wrapper .vergleichWrapper.steuer:not(.result-list) .anbieterLine.headline .test, 
#wrapper .vergleichWrapper.steuer:not(.result-list) .anbieterLine .test {
	max-width: 220px !important;
	min-width: 220px !important;
	width: 220px !important;
}
}

@media (max-width: 720px) { 
#wrapper .vergleichWrapper.bonus.steuer .anbieterLine .logo {
    padding-left: 6px;
    padding-right: 7px;
}
.vergleichWrapper.bonus.steuer .anbieterLine .logo a {
    display: block;
    height: auto;
    line-height: auto;
    width: auto;
    max-width: 100%;
}
.vergleichWrapper.bonus.steuer .anbieterLine .steuer {
    width: 65px;
    min-width: 65px;
    max-width: 65px;
}
.vergleichWrapper.steuer .anbieterLine .steuer {
	display: none;
}
.vergleichWrapper.steuer .anbieterLine > span.test > .post-tooltip {
    border-bottom: none;
    text-decoration: underline;
}
}

@media (max-width: 480px) {
#wrapper .vergleichWrapper.bonus.steuer .anbieterLine .bonus {
    padding-left: 4px;
    padding-right: 5px;
}
}

@media (max-width: 359px) {
.vergleichWrapper.bonus.steuer .anbieterLine .bonus .bonus_boxes_wrapper .bonus_boxes_inner {
    font-size: 9px;
}
.vergleichWrapper.bonus.steuer .anbieterLine .bonus .highlightValue {
    font-size: 18px;
}
.vergleichWrapper.bonus.steuer .anbieterLine .steuer {
    width: 58px;
    min-width: 58px;
    max-width: 58px;
}
.vergleichWrapper.bonus.steuer .anbieterLine:not(.headline) .steuer {
    font-size: 13px;
}
}
/* ------------------------------------------------------------------ */

/* ------------------------------------------------------------------ */
/* @since #3165
 * Add bonus comparison redesign with and without calculator and filter. */
@media (min-width: 991px) {
body:not(.has-sidebar) #wrapper .vergleichWrapper.bonus.result-list.ohne-rechner .linesWrapper, 
body:not(.has-sidebar) #wrapper .vergleichWrapper.bonus.result-list.ohne-rechner .linesWrapper {
	display: table !important;
    max-width: 100%;
    width: 100%;
}
body:not(.has-sidebar) #wrapper .vergleichWrapper.bonus.result-list.ohne-rechner .linesWrapper .anbieterLine.headline, 
body:not(.has-sidebar) #wrapper .vergleichWrapper.bonus.result-list.ohne-rechner .linesWrapper .anbieterLine {
	display: table-row !important;
    max-width: 100%;
}
body:not(.has-sidebar) #wrapper .vergleichWrapper.bonus.result-list.ohne-rechner .anbieterLine.headline .logo, 
body:not(.has-sidebar) #wrapper .vergleichWrapper.bonus.result-list.ohne-rechner .anbieterLine .logo {
    width: 150px !important;
    min-width: 150px;
    max-width: 150px;
}
body:not(.has-sidebar) #wrapper .vergleichWrapper.bonus.result-list.ohne-rechner .anbieterLine.headline .logo > *, 
body:not(.has-sidebar) #wrapper .vergleichWrapper.bonus.result-list.ohne-rechner .anbieterLine .logo > * {
    width: 130px !important;
    min-width: 130px;
    max-width: 130px;
}
body:not(.has-sidebar) #wrapper .vergleichWrapper.bonus.result-list.ohne-rechner .anbieterLine.headline .bonus, 
body:not(.has-sidebar) #wrapper .vergleichWrapper.bonus.result-list.ohne-rechner .anbieterLine .bonus {
    width: auto;
    min-width: initial;
    max-width: none;
}
body:not(.has-sidebar) #wrapper .vergleichWrapper.bonus.result-list.ohne-rechner .anbieterLine.headline .test, 
body:not(.has-sidebar) #wrapper .vergleichWrapper.bonus.result-list.ohne-rechner .anbieterLine .test {
    width: 240px !important;
    min-width: 240px;
    max-width: 240px;
}
}
/* ------------------------------------------------------------------ */

/* @since #3165 Fix filter display on tablet width */
@media (min-width: 641px) and (max-width: 990px) {
.toggle-wrap #vergleich-filter #filterform #filter .filter_block, 
.toggle-wrap #vergleich-filter #filterform #filter .filter_block.first, 
.toggle-wrap #vergleich-filter #filterform #filter .filter_block.second, 
.toggle-wrap #vergleich-filter #filterform #filter .filter_block.third.last {
    padding-bottom: 0px;
    padding-top: 0px;
}
.toggle-wrap #vergleich-filter #filterform #filter .filter_block.first {
	padding-top: 20px;
}
}

/* #3165 Adjust bonus comparison width for frontpage */
@media (max-width: 450px){
body.home .vergleichWrapper .linesWrapper {
	width: 100%;
    margin-left: auto;
    margin-right: auto;
}
body.home #wrapper .vergleichWrapper.bonus .anbieterLine.headline .test, 
body.home #wrapper .vergleichWrapper.bonus .anbieterLine .test {
    min-width: 65px;
    width: 65px !important;
    max-width: 65px !important;
}
body.home #wrapper .vergleichWrapper.bonus .anbieterLine.headline .bonus, 
body.home #wrapper .vergleichWrapper.bonus .anbieterLine .bonus {
    width: 150px !important;
    max-width: 150px !important;
}
body.home #wrapper #vergleich-filter {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
body.home .toggle-wrap h3 {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}
}

@media (max-width: 359px){
body.home #wrapper .vergleichWrapper.bonus .anbieterLine.headline .test, 
body.home #wrapper .vergleichWrapper.bonus .anbieterLine .test {
    min-width: 85px;
    width: 85px !important;
    max-width: 85px !important;
}
}

/* #3165 Adjust bonus comparison width for archives */
@media (max-width: 336px){
	.archive-meta.entry .vergleichWrapper.bonus .anbieterLine .logo {
		max-width: 60px !important;
	}
}

/* #3165 Adjust provider comparison width */
@media (max-width: 336px){
	body:not(.archive):not(.home) .vergleichWrapper.anbieter.vergleichWrapperContent {
		margin-left: -5%;
	}
}