
@font-face{
	font-family: DroidSansRegular;
	src: url('css/font/droidsans-webfont.woff'), url('css/font/droidsans-webfont.woff') format('woff');
}

@font-face{
	font-family: DroidSansBold;
	src: url('css/font/droidsans-bold-webfont.woff'), url('css/font/droidsans-bold-webfont.woff') format('woff');
}

@font-face{
	font-family: iconfont;
	src: url('css/font/iconfont.woff'), url('css/font/iconfont.woff') format('woff');
}


a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
    background: 0 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
}

body{
	margin: 0px;
	background: #F5F5F5;
    color: #797A7B;
    font-family: DroidSansRegular,Arial,sans-serif;
    font: 1rem/.9em DroidSansRegular,Arial,sans-serif;
    line-height: 24px;
    font-weight: 400;
    word-break: break-word;
}

body, html {
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
    -moz-osx-font-smoothing: grayscale;
}

img {
    display: block;
    margin: 0;
    padding: 0;
}

img.aligncenter {
	margin: auto;
}

p {
    margin: 0 0 1.1em;
}

h1 {
    color: #797A7B;
    font-size: 32px;
    line-height: 1.5;
    margin: .75em 0 .5em;
    padding-bottom: .3em;
    font-family: DroidSansBold,Arial,sans-serif;
}

h2 {
    color: #797A7B;
    font-size: 22px;
    font-family: DroidSansRegular,Arial,sans-serif;
    line-height: 1.5;
    margin: 0 0 .625em;
}

h3 {
    color: #8CBE13;
    font-size: 16px;
    font-family: DroidSansBold,Arial,sans-serif;
    line-height: 1.5;
    margin: 0;
    margin-bottom: 1em;
    text-transform: uppercase;
}

hr {
    border: 0;
    height: 0;
    border-top: 1px solid rgba(0,0,0,.1);
    border-bottom: 1px solid rgba(255,255,255,.3);
    margin-bottom: 2.5em;
    margin-top: 2.5em;
}

ul br
{
	display:none;
}

.cta_riskhint {
    text-align: center;
    font-style: italic;
    font-size: 13px;
}

.taVergleichWrapper .taRightWrapper {
    display: inline-block;
}

@media (min-width: 576px) {

	.container {
	    max-width: 576px;
	}
}

@media (min-width: 768px) {

	.container {
	    max-width: 768px;
	}
}

@media (min-width: 992px) {

	.container {
	    max-width: 960px;
	}
}

@media (min-width: 1200px) {

	.container {
	    max-width: 960px;
	}
}

.container {
    width: 100%;
}

.pb-5 {
    padding-bottom: 1.25rem;
}
.mx-auto {
    margin-left: auto;
    margin-right: auto;
}

.fa.fa-check:before {
    content: "\e00c";
    font-family: iconfont;
}

/********** HEADER **********/
#masthead {
    font-size: 15px;
    background: #fff;
    border-bottom: 0;
    margin: 0;
    box-shadow: 0 1px 6px rgba(0,0,0,.3);
    position: relative;
    z-index: 100;
}

.bd-container {
    margin: 0 auto;
    max-width: 960px;
    position: relative;
    width: 960px;
}

.bd-container:after, 
.bd-container:before {
    content: " ";
    display: table;
}

#usernav {
    display: inherit;
    margin-top: .25em;
    font: 12px DroidSansRegular,Arial,sans-serif;
    font-weight: 400;
    color: #838382;
    position: absolute;
    right: 0;
    text-transform: uppercase;
}

.search-wrap {
    position: relative;
    top: .4em;
    display: inline-block;
    margin-right: 1em;
}

.search-wrap .x {
    display: block;
    opacity: 0;
    position: absolute;
    top: 8px;
    right: 40px;
    font-size: 15px;
    z-index: 99999999;
}

.search-wrap.focus .x {
	opacity: .7;
	cursor: pointer;
}

.icon-cancel-circle:before {
    content: '\e816';
}


.search-wrap #q {
    width: 0;
    height: 32px;
    min-width: 0;
    padding: 0 10px;
    display: inline-block;
    opacity: 0;
    position: relative;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
}

.search-wrap.focus #q {
	opacity: 1;
	width: 190px;
}

.search-wrap #search-action {
    cursor: pointer;
    position: relative;
    display: inline-block;
    padding: 5px 3px 3px 3px;
    margin: 0;
    border: 0;
    background: 0 0;
    font-size: 20px;
    color: #797A7B;
    left: -2px;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
}

em, i {
    font-style: italic;
}


[class*=" icon-"]:before, [class^=icon-]:before {
    font-family: iconfont;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
}

.icon-search:before {
    content: "\e008";
}


#usernav .user-wrap {
    margin-top: .85em;
    display: inline-block;
}

#usernav a {
    color: #a2a2a0;
    font-size: 12px;
    font-family: DroidSansRegular,Arial,sans-serif;
    font-weight: 400;
    text-decoration: none;
}

#footer1 a:hover,
#usernav a:hover {
    text-decoration: underline;
    transition: 0.3s;
}

#logo {
    line-height: 1.4em;
    margin: 2em 0 2.2em;
    padding: 0 0 15px;
}

#logo a {
    background-size: 100% 100%;
    display: block;
    height: 29px;
    text-indent: -9999px;
    width: 189px;
}

#mainnav {
    font: 15px DroidSansRegular,Arial,sans-serif;
    bottom: 0;
    float: right;
    position: absolute;
    right: 0;
    text-transform: none;
}

#mainnav ul {
    list-style: none;
    padding-left: 0;
    margin: 0;
    position: relative;
}

#mainnav ul.menu li:hover ul.sub-menu
{
	display: block; 
}

#mainnav ul.menu li ul.sub-menu li ul.sub-menu
{
	left: -100%;
	top: 0;
	display: none; 
}

#mainnav ul.menu li ul.sub-menu li:hover ul.sub-menu
{
	display: block; 
}


#mainnav ul li {
    display: inline-block;
    padding: 0 0 0 1em;
    position: relative;
    padding-left: 1.2em;
} 

#mainnav ul li {
	padding: 0px 0 0 0;
	padding-left: 0;
}


@media only screen and (max-width: 768px) {
	.admin-bar #wprmenu_menu_ul {
	    margin-top: 45px;
	}
}

#mainnav ul li a {
    text-decoration: none;
    display: block;
    font-family: DroidSansRegular,Arial,sans-serif;
    padding: .55em 0;
    color: #939292;
    font-weight: 400;
    margin-bottom: 5px;
}

#mainnav ul li .caret {
    margin-left: .25em;
    top: -2px;
    position: relative;
}

#mainnav ul li ul {
    display: none;
    position: absolute;
    -webkit-box-shadow: 0 2px 4px 1px rgba(0,0,0,.1);
    -moz-box-shadow: 0 2px 4px 1px rgba(0,0,0,.1);
    box-shadow: 0 2px 4px 1px rgba(0,0,0,.1);
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #8CBE13;
    color: #fff;
    z-index: 99999;
    width: 200px;
    padding-top: .25em;
    padding-bottom: .5em;
}


#mainnav ul li ul li {
    display: block;
    padding: 0 20px;
    margin: 0;
}

#mainnav ul li ul li a {
    text-decoration: none;
    border: 0;
    margin: 0;
    color: #fff;
    -moz-transition: none;
    -o-transition: none;
    -webkit-transition: none;
    transition: none;
}

#mainnav ul li.menu-item-has-children a:after {
   content: ' ▾';
}

#mainnav ul.sub-menu li a:after {
   content: '';
}

#mainnav ul.sub-menu li.menu-item-has-children a:after {
   content: ' ▾';
}

#mainnav ul.sub-menu li ul.sub-menu li a:after {
   content: '';
}


/********** HERO HEADER **********/
.hero.home .bd-container.cf {
    padding: 0;
    margin: 0 auto;
}

.hero.home .bd-container {
    background: 0 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 3;
}

.bd-container:after, .bd-container:before {
    content: " ";
    display: table;
}

.hero.home .broker-finder-form {
    padding-bottom: 2.5em;
    padding-top: 2.5em;
}

.clear {
    clear: both;
    display: block;
    height: 1px;
    width: 1px;
}

.bd-container:after {
    clear: both;
}

.bd-container:after, .bd-container:before {
    content: " ";
    display: table;
}



/********** STARTPAGE **********/

.modal-bg {
    background: rgba(15,37,69,.75);
    cursor: pointer;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 60000;
}

.modal-bg .modal {
    background: #F5F5F5;
    border: 10px solid #0f2545;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #838382;
    padding: 1.5em .6em .5em 0;
    position: fixed;
    left: 20%;
    right: 20%;
    top: 30%;
    z-index: 100000;
    width: 60%;
    top: 20%;
    bottom: 10%;
    min-height: 450px;
    min-height: 350px;
    height: 60%;
}

.bd-container {
    margin: 0 auto;
    max-width: 960px;
    position: relative;
    width: 960px;
}


.full-width.gray>.row, .full-width.gray>.wrapper {
    margin: 0 -9999rem;
    padding: 0 9999rem;
    color: #CCC;
}

.how-it-works {
    position: relative;
    margin: 0;
    padding: 0;
}


.hide {
    display: none;
}


.how-it-works .steps {
    padding-top: 2.5em;
    padding-bottom: 2em;
    height: 288px;
}

.how-it-works .steps .step {
    position: relative;
}


.how-it-works .steps .step {
    margin-bottom: 1em;
}

.how-it-works .steps .img {
    display: block;
    margin: 0 auto;
    width: 144px;
    height: 145px;
    position: relative;
}

.how-it-works .steps .img .pos {
    position: absolute;
    left: -30px;
    top: 50px;
    width: 56px;
    height: 56px;
    display: block;
}

.how-it-works .steps .arrow {
    width: 150px;
    height: 2px;
    position: absolute;
    left: 142px;
    top: 74px;
    background: #999;
}


.how-it-works .steps .arrow .triangle {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 0 5px 10px;
    position: absolute;
    right: -3px;
    top: -4px;
    border-color: transparent transparent transparent #999;
}


.how-it-works .steps .label {
    margin-top: 1em;
    text-align: center;
}

.bd-container {
    margin: 0 auto;
    max-width: 960px;
    position: relative;
    width: 960px;
}

.how-it-works-toggle {
    display: block;
}


.how-it-works-toggle .btn {
    display: block;
    font-family: DroidSansRegular,Arial,sans-serif;
    font-size: 14px;
    border: 0;
    width: 255px;
    height: 30px;
    padding: 0;
    margin: 0 auto;
    background: #215299;
    color: #fff;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}

.how-it-works-toggle .btn i {
    position: relative;
    top: 2px;
    margin-left: .3em;
}

.broker-of-the-month {
    margin-top: .5em;
    margin-bottom: 2em;
}

.broker-of-the-month .side {
    float: right;
    width: 31%;
    display: block;
}

.broker-of-the-month .logo {
    position: relative;
    display: block;
    width: auto;
    margin-bottom: 1em;
    padding: 1em 3em 1em 3em;
    text-align: center;
}

a {
    color: #215299;
    font-family: DroidSansRegular,Arial,sans-serif;
    text-decoration: none;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    -webkit-transition: all .2s;
    transition: all .2s;
}

.broker-of-the-month .logo img {
    margin: 0 auto;
}

.broker-of-the-month .logo .top-broker {
    position: absolute;
    left: -11px;
    top: -11px;
}

.bratings-overview.compact {
    display: block;
    width: auto;
    margin-bottom: .3em;
}

.box {
    background: #fff;
    -webkit-box-shadow: 0 2px 4px 1px rgba(0,0,0,.1);
    -moz-box-shadow: 0 2px 4px 1px rgba(0,0,0,.1);
    box-shadow: 0 2px 4px 1px rgba(0,0,0,.1);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    color: #838382;
    font-size: .8rem;
    margin: 0 0 1.5em;
    padding: 0;
}

.bratings-overview .rate {
    background: #215299;
    color: #fff;
    font-size: 20px;
    font-family: DroidSansRegular,Arial,sans-serif;
    display: inline-block;
    padding: .5em 1em .5em 1em;
    -webkit-border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
}

.bratings-overview .rate img {
    display: inline;
    margin-right: .3em;
    position: relative;
    top: 2px;
}

.bratings-overview .detailed {
    display: inline-block;
    padding: .5em 1.5em .5em 1.5em;
}

.bratings-overview.compact .detailed {
    padding: .5em .7em .5em .7em;
}

.stars {
    color: #8CBE13;
    display: inline-block;
    text-align: right;
}

.bratings-overview .detailed .stars {
    display: inline-block;
    font-size: 23px;
    position: relative;
    top: -2px;
}

.bratings-overview.compact .detailed .stars {
    font-size: 22px;
}

.stars i {
    margin: 0;
}

.bratings-overview .detailed .stars i {
    position: relative;
    top: 5px;
}

.icon-star:before {
    content: '\e800';
}

.bratings-overview .detailed .number {
    padding-left: .5em;
    display: inline-block;
    font-size: 20px;
    position: relative;
    font-family: DroidSansRegular,Arial,sans-serif;
}


.broker-of-the-month .side .bratings-count {
    font-size: 13px;
    text-align: right;
    display: block;
    margin-right: 1.3em;
}

.broker-of-the-month .side:after {
    clear: both;
    content: " ";
    display: table;
}


.broker-of-the-month .teaser {
    margin-right: 40%;
}


.broker-of-the-month .subtitle {
    text-transform: uppercase;
    color: #A9A8A8;
    margin-bottom: 0;
}

.broker-of-the-month .teaser h2 {
    font-size: 32px;
    padding-bottom: .25em;
    border-bottom: 1px solid #CCC;
}

h2 a {
    color: #797A7B;
}

.broker-of-the-month .teaser h2 .rating {
    color: #8CBE13;
    letter-spacing: -10px;
    font-size: 28px;
    position: relative;
    top: 3px;
}

.broker-of-the-month .teaser h2 .rating a {
    color: #8CBE13;
}

.broker-of-the-month .teaser h2 .rating i {
    width: 1.1em;
    display: inline-block;
}

b, strong {
    font-family: DroidSansBold,Arial,sans-serif;
}

.btn.light-green {
    background: #8CBE13;
    color: #fff;
}

.broker-of-the-month .teaser .btn {
    display: inline-block;
    margin-top: .5em;
}

.broker-comparisons.row {
    padding-top: 3em;
    text-align: center;
}

.col {
    display: block;
    float: left;
    margin-right: 3.125%;
}

.col1of4 {
    width: 11.35625%;
}

.broker-comparisons.row .col {
    margin-bottom: 3em;
    float: unset;
    display: inline-block;
}

.broker-comparisons.row .col .item {
    cursor: pointer;
    margin-bottom: 20px;
}

.broker-comparisons.row .icon {
    display: block;
    margin-bottom: 1em;
}

.broker-comparisons.row .icon img {
    margin: 0 auto;
    display: block;
}

.broker-comparisons.row h2 {
    text-align: center;
    color: #B3B3B3;
}

.broker-comparisons.row .teaser {
    text-align: center;
    color: grey;
    min-height: 96px;
}

.home-news.row {
    padding-top: 1.5em;
}

.home-news.row>.col {
    margin-bottom: 1.5em;
}

.home-news.row .subtitle {
    text-transform: uppercase;
    color: #A9A8A8;
    margin-bottom: 1em;
    font-size: 14px;
}

.col1of3 {
    width: 31.25%;
}

.col2of3 {
    width: 65.625%;
}

.btn.white {
    background: #fff;
    color: #797A7B;
    padding: .4em 4em .5em 4em;
}

.btn.white:hover {
    background: #8cbe13;
    color: #fff;
}

.fr {
    float: right;
}

.home-news.row .latest-news ul {
    margin: 0;
    padding: 0;
    margin-bottom: 1.5em;
}

.home-news.row .latest-news ul li {
    list-style: none;
    margin: 0;
    padding: 0;
    padding-bottom: .5em;
    margin-bottom: .5em;
    border-bottom: 1px solid #CCC;
}

.home-news.row .latest-news ul li a {
    color: inherit;
    text-decoration: none;
}

.home-news.row .latest-news ul li .date {
    font-family: DroidSansBold,Arial,sans-serif;
    float: left;
    width: 87px;
    border-right: 1px solid #797A7B;
}

.home-news.row .latest-news ul li .title {
    margin-left: 100px;
}


.home-news.row .top-news .thumbnail {
    float: left;
}


.home-news.row .top-news .thumbnail img {
    margin-top: 2.6em;
    border-radius: 100px;
    -webkit-box-shadow: 0 12px 40px -12px rgba(0,0,0,.4);
    -moz-box-shadow: 0 12px 40px -12px rgba(0,0,0,.4);
    box-shadow: 0 12px 40px -12px rgba(0,0,0,.4);
}

.home-news.row .top-news .teaser {
    margin-left: 170px;
}


.home-news.row .subtitle {
    text-transform: uppercase;
    color: #A9A8A8;
    margin-bottom: 1em;
    font-size: 14px;
}

.home-news.row .top-news .teaser h2 {
    padding: 0;
    margin: 0;
}

.home-news.row .top-news .teaser .meta {
    border-bottom: 1px solid #CCC;
    padding-bottom: .5em;
    margin-bottom: 1em;
    color: #9B9B9C;
}

.home-news.row .top-news .more {
    margin-bottom: 1.5em;
}


.btn.white {
    background: #fff;
    color: #797A7B;
}

.full-width.green>.wrapper {
    border-top: 1px solid #fff;
    margin: 0 -9999rem;
    padding: 0 9999rem;
    background: #8CBE13;
    color: #fff;
    padding-top: .5em;
}

.broker-list.row {
    padding-top: 1.5em;
    padding-bottom: .5em;
    position: relative;
}


.broker-list.row h2 {
    text-transform: uppercase;
    font-size: 14px;
    color: #fff;
    font-weight: 400;
    margin-bottom: 1.5em;
    font-family: DroidSansRegular,Arial,sans-serif;
    display: block;
}

.broker-list.row input#searchBroker {
    position: absolute;
    top: 1.5em;
    left: 5em;
    background: 0 0;
    border: 1px solid #fff;
    padding: .25em;
    padding-left: 1em;
    padding-right: 1em;
    font-size: 14px;
    color: #fff;
    width: 150px;
}

ul, ul.list {
    list-style: disc outside;
    margin: 0 0 1.1em;
    /* padding-left: 1.2em; */
}

ul li
{
    margin-left: 1.2em;
}

.broker-list.row ul li {
    display: none;
    margin-right: 1.5em;
    margin-bottom: 1.5em;
}

.broker-list.row ul li .broker {
    -webkit-box-shadow: 0 2px 4px 1px rgba(0,0,0,.1);
    -moz-box-shadow: 0 2px 4px 1px rgba(0,0,0,.1);
    box-shadow: 0 2px 4px 1px rgba(0,0,0,.1);
    width: 145px;
    height: 145px;
    background: #fff;
    border-radius: 100px;
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
    text-align: center;
}

.broker-list.row ul li .broker .name {
    font-size: 12px;
    position: absolute;
    width: 145px;
    top: 100px;
    color: #B3B3B3;
}

.home-content.row {
    padding-top: 2.5em;
    padding-bottom: 2.5em;
}


h2:first-child {
    margin-top: 0;
}

img.alignleft {
    padding-bottom: 1em;
    padding-right: 1em;
}

div.wp-caption.alignleft, img.alignleft {
    float: left;
}

img[class*=wp-image-] {
    max-width: 100%;
    height: auto;
}

/*** SEARCH RESULTS PAGE ***/

.sresult-area {
	padding-top: 50px;
}

.sresult-post {
	margin-bottom: 40px;
}
.sresult-post h2 {
	margin: 0;
	line-height: 28px;
	font-weight: bold;
}
.sresult-post .sresult-url {
	color: #8CBE13;
}

.orderselect {
	text-align: right;
	margin-bottom: 30px;
	font-size: 13px;
}
.orderselect select {
	height: 30px;
	border: 0;
}

/*** PAGINATION ***/

.pagination{
	text-align:center;
	padding-bottom:25px
}
.pagination .hidden{
	display:none
}
.pagination ul li{
	list-style:none;
	margin-left:0;
	display:inline;
	margin-right:.3em
}
.pagination ul li a{
	padding:.1em .5em .2em .5em !important;
}
.pagination ul li.selected a{
	background-color:#797A7B;
	color:#fff
}
.pagination ul li.next a,.pagination ul li.previous a{
	padding:.1em 0 .1em 0
}
.pagination ul li.next a i,.pagination ul li.previous a i{
	font-size:18px;
	position:relative;
	top:4px
}
@media only screen and (max-width:767px){
	.pagination ul li{
		margin-right:.5em
	}
}
.ua-mobile-android .pagination ul li,.ua-mobile-iphone .pagination ul li {margin-right:.5em}

/*** BREADCRUMB ***/

#breadcrumb {
	font-size: 11px;
}
#breadcrumb a {
	color: #8CBE13;
}

/*** SIDEBAR ***/
.box.sidebar.beliebteste-beitraege ul.plain li, .box.sidebar.toc ul.plain li {
    padding: 0;
    margin: 0;
    border-bottom: 1px solid #dadad7;
    padding-left: 4px;
}

.box.sidebar.beliebteste-beitraege ul.plain li a, .box.sidebar.toc ul.plain li a {
    padding: .4em 1em .4em 1em;
    display: block;
}

.col4of6 {
    width: 65.625%;
}

.col2of6 {
    width: 31.25%;
}

.box.sidebar {
    border-top: 1px solid #ECECEC;
}

.box.bratings-benefits, .box.broker, .box.contact, .box.features, .box.navigation, .box.rating, .box.sidebar {
    margin-bottom: 3em;
}

.box.sidebar h3, .box.sidebar.toc h3 {
    margin-bottom: 0;
}

.box.bratings-benefits h3, .box.broker h3, .box.contact h3, .box.features h3, .box.navigation h3, .box.rating h3, .box.sidebar h3 {
    padding: .5em 1em .5em 1em;
    margin: 0;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    background: #F5F5F5;
    color: #797A7B;
    display: block;
    font-family: DroidSansRegular,Arial,sans-serif;
}

.box.sidebar ul.plain, .box.sidebar.toc ul.plain {
    list-style: none;
    padding-left: 0;
    margin: 0;
}

.box.bratings-benefits ul, .box.broker ul, .box.contact ul, .box.features ul, .box.navigation ul, .box.rating ul {
    padding-bottom: 1em;
}

.box.sidebar ul.plain li, .box.sidebar.toc ul.plain li {
    padding: 0;
    margin: 0;
    border-bottom: 1px solid #dadad7;
    padding-left: 4px;
}

.box.sidebar ul.plain li a, .box.sidebar.toc ul.plain li a {
    padding: .4em 1em .4em 1em;
    display: block;
}

.box.sidebar ul.plain li:hover, .box.sidebar.toc ul.plain li:hover {
    padding-left: 0;
    border-left: 4px solid #8CBE13;
}

.col-sidebar
{
	margin-top: 1.75em;
}

ul.plain a:hover, ul.rows a:hover {
    background: #e7e7e3;
}

.box.sidebar .textwidget p
{
	padding: 1em 1.6em;
}



/********** FOOTER **********/
footer {
    font-size: 14px;
    background: #404040;
    color: #797A7B;
}

footer .bd-container {
    padding: 2em 0 2em;
}

.bd-container {
    margin: 0 auto;
    max-width: 960px;
    position: relative;
    width: 960px;
}

.bd-container.bd-container-fullwidth
{
	max-width: 100%;
    width: 100%;
}

.bd-container:after, .bd-container:before {
    content: " ";
    display: table;
}

.row {
    clear: both;
    margin: 0;
    padding: 0;
}


.row:after, .row:before {
    content: "";
    display: table;
}

.col1of5 {
    width: 17.5%;
}

.col {
    display: block;
    float: left;
    margin-right: 3.125%;
}

footer h4 {
    color: #797A7B;
    border-bottom: none;
    text-transform: uppercase;
    margin-bottom: .2em;
    padding-bottom: 0;
    font-size: 16px;
}

footer ul {
    font-weight: 400;
    padding-left: 0;
    list-style: none;
    margin: 0 0 2em;
}

footer li {
    margin: 0;
    margin-bottom: .3em;
}

footer a {
    color: #797A7B;
    font-family: DroidSansRegular,Arial,sans-serif;
    font-weight: 400;
    text-decoration: none;
    transition: 0.3s;
}

footer a:hover {
	color: #b1b2b3;
	transition: 0.3s;
}

ul#menu-footer-menu-unsere-partner-broker li {
    display: inline-block;
    margin-right: 4em;
}

.col:last-child {
    margin-right: 0;
}

.col2of5 {
    width: 33.75%;
}

#footer2 {
    background: #1A1A1A;
    color: #797A7B;
}

#footer2 .bd-container {
    padding: 1.2em 0 0;
}



.blog-index {
    margin-top: 2em;
}


.note {
    color: #a2a2a0;
    font-size: .8rem;
}

.row:after, .row:before {
    content: "";
    display: table;
}

.col1of2 {
    width: 48.4375%;
}

footer input[type=text] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #999;
    width: 100%;
    padding: .3em .6em;
    color: #404040;
    background: #969696;
}

.col:last-child {
    margin-right: 0;
}

input[type=text], input[type=password] {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-box-shadow: 0 2px 4px -1px rgba(0,0,0,.1);
    -moz-box-shadow: 0 2px 4px -1px rgba(0,0,0,.1);
    box-shadow: 0 2px 4px -1px rgba(0,0,0,.1);
    border: 0;
    float: left;
    min-width: 150px;
    padding: 1em;
    height: 34px;
    padding: 8px 15px 8px 15px;
    width: 60%;
}


input {
    border: none;
    font: 1rem/.9em DroidSansRegular,Arial,sans-serif;
    font-weight: 400;
    padding: .3em 1.2em;
}

footer input {
    color: #fff;
    margin: 0 0 .6em 0;
}

footer #nl-email {
    width: 100%;
}

footer #nl-submit {
    border: none;
}

footer #nl-submit {
    width: 75%;
    display: block;
    min-width: 100px;
    margin: 0 auto;
    margin-top: 1em;
}

.btn {
    color: #797A7B;
    background: #fff;
    cursor: pointer;
    border: 0;
    font-family: DroidSansRegular,Arial,sans-serif;
    font-weight: 400;
    padding: .4em 4em .5em 4em;
    line-height: 150%;
    text-transform: none;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    -webkit-transition: all .2s;
    transition: all .2s;
    text-decoration: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.btn.light-green:hover {
    background: #fff;
    color: #8CBE13;
}

img.rss-icon
{
	width: 20px;
    height: 20px;
    display: inline-block;
    margin-bottom: -4px;
    margin-left: 3px;
}


/* CAT PAGES */
.blog-index div.thumbnail, .newsExcerpt div.thumbnail {
    width: 175px;
    height: 175px;
    display: inline-block;
    background-position: center center;
    background-size: cover;
    padding: 0;
    border-radius: 300px;
    -webkit-box-shadow: 0 2px 4px 1px rgba(0,0,0,.1);
    -moz-box-shadow: 0 2px 4px 1px rgba(0,0,0,.1);
    box-shadow: 0 2px 4px 1px rgba(0,0,0,.1);
    margin-left: 1em;
    margin-right: 1em;
}

.blog-index .alignright, .newsExcerpt .alignright {
    float: right;
}

.bd-wsam-slider
{
	margin: 0 auto;
    max-width: 960px;
    position: relative;
    width: 960px !important;
}

.rk_recobox
{
	box-shadow: unset;
}

/* ...tasks/24123577 blog-posts fixes */ 
#blog-overview-elements div.thumbnail
{
	position: relative; 
	float: right; 
	margin: 0px 0px 10px 10px;
}

#blog-overview-elements div.thumbnail .thumbnail_link
{
    width: 100%;
    height: 100%;
    position: absolute;
    border-radius: 50%;
}



/* RESPONSIVE */
/* smaller desktop */
@media(max-width: 1250px)
{
	.unslider-arrow
	{
		display: none !important;
	}
	
	.broker-comparisons.row .col1of4
	{
		width: 20%;
	}
}

/* tablet */
@media(max-width: 970px)
{
	img
	{
		max-width: 100%;
	}
	
	h1
	{
		font-size: 25px;
		line-height: 1.3;
	}
	
	.col4of6,
	.col2of6.col-sidebar
	{
		width: 100%; 
	}
	
	.col2of6.col-sidebar
	{
		max-width: 300px;
    	margin: auto;
	}
	    
	.bd-container.bd-container-fullwidth,
	.bd-container,
	footer .bd-container,
	#footer2 .bd-container
	{
		width: unset; 
		padding: 15px;
	}
	
	.bd-wsam-slider
	{
		width: 100% !important; 
	}
	
	.wsam_custom_slider_wrapper .broker-vergleich-start .caption
	{
		font-size: 15px;
	}
	
	.wsam_custom_slider_wrapper .broker-vergleich-start .top-broker>div
	{
	    height: 40px;
	}
	
	.wsam_custom_slider_wrapper .broker-vergleich-start .top-broker .place
	{
		width: 100%;
		background: #e8e8e8;
		border-bottom: #dedede solid 1px;
	}
	
	.wsam_custom_slider_wrapper .broker-vergleich-start .top-broker .thumb
	{
		width: 19%;
		padding: unset;
		text-align: center;
		height: 100%;
	}
	
	.wsam_custom_slider_wrapper .broker-vergleich-start .top-broker .usp
	{
		display: block; 
		width: 80%;
		padding: unset;
		height: auto;
	}
	
	.wsam_custom_slider_wrapper .broker-vergleich-start .top-broker .usp div
	{
		padding: 15px;
	}
	
	.wsam_custom_slider_wrapper .broker-vergleich-start .thumb img 
	{
    	max-width: 100% !important;
	}
	
	.wsam_custom_slider_wrapper .broker-vergleich-start .top-broker .to-broker a,
	.wsam_custom_slider_wrapper .broker-vergleich-start .top-broker .to-broker span.generatedRLM
	{
		display: block;
		width: unset;
		box-shadow: 0 1px 6px rgba(0,0,0,.3);
	}
	
	
	.wsam_custom_slider_wrapper .broker-vergleich-start .caption
	{
		width: unset; 
	}
	
	.broker-comparisons.row .col1of4
	{
		width: 35%;
	}
	
	.latest-news.col.col1of3,
	.top-news.col.col2of3
	{
		width: unset;
	}
	
	.btn
	{
		padding: 7px 10px;
	}
	
	footer li
	{
	    margin-bottom: unset;
	}
	
	footer .bd-container .col1of5
	{
		width: 30%;
	}
	
	footer .bd-container #newsletter
	{
		width: 60%;
    	margin-left: 20%;
    	margin-bottom: 25px;
	}
	
	.wsam_custom_slider_wrapper .broker-vergleich-start .top-broker .to-broker span.generatedRLM
	{
		width: unset;
		box-shadow: 0 1px 6px rgba(0,0,0,.3);
	}
	
	.recent-post-slider h2.wp-post-title a
	{
		font-size: 21px !important;	
	}
	
	.recent-post-slider.design-1 .post-content-left
	{
		width: 65% !important;
	}
}

@media(max-width: 600px) {
	.taVergleichWrapper .taTableBasic table td img {
		display: inline;
	}
	
	#blog-overview-elements div.thumbnail
	{
		width: 130px;
    	height: 130px;
	}
}


/* phone */
@media(max-width: 560px)
{
	.wsam_custom_slider_wrapper .unslider h2
	{
		font-size: 18px !important;
		padding-top: 15px;
	}
	
	.broker-comparisons.row .col1of4
	{
		width: unset;
	}
	
	.broker-of-the-month .teaser,
	.home-news.row .top-news .teaser
	{
		margin: unset;
	}
	
	.broker-of-the-month .side
	{
		width: 40%;
	}
	
	.btn.white
	{
		padding: 10px 25px;
		margin-top: 15px;
	}
	
	.home-news.row .top-news .thumbnail img
	{
		width: 100px;
    	height: 100px;
    	margin-right: 15px;
	}
	
	.checkmarkslist-main-wrap,
	.full_greenbox_wrap
	{
		max-width: 100% !important;
		width: unset !important;
		margin: unset !important; 
		margin-bottom: 15px !important;
		float: unset !important; 
	}
	
	footer .bd-container #newsletter
	{
		width: 100%;
		margin-left: unset;
	}
	
	.rk_recobox .recobox_content .recobox_image.images_mobile .content_image
	{
		display: none;
	}
	
	.rk_recobox .recobox_content .recobox_highlights ul
	{
		width: unset !important; 
	}
	
	.rk_recobox .contentCTA
	{
		width: 100% !important;
	}
	
	.recobox_hl_headline
	{
    	margin-bottom: 15px;
	}
	
	.rk_recobox .recobox_content .recobox_image.images_mobile
	{
	    border: none;	
	    margin: 10px 0px;
	}
	
	.rk_recobox .recobox_content .recobox_headline
	{
		width: 100% !important;
	}
	
	.rk_recobox.recobox1 .recobox_content .recobox_highlights ul li
	{
	    font-size: 14px !important;
    	line-height: 17.5px;	
	}
	
	.recent-post-slider h2.wp-post-title a
	{
		font-size: 18px !important;	
	}
	
	.recent-post-slider.design-1 .post-content-left
	{
		width: 75% !important;
	}
	img[class*=wp-image-] {
	    width: 100%;
	    height: auto;
	}
}



.rfp_footerBarWrapper.site_akn
{
	padding-bottom: 10px;
}

.rfp_footerBarWrapper .default_footerriskh
{
	top: 5px;
}

.rfp_footerBarWrapper.site_akn .cta .generatedRLM
{
	line-height: 18px;
}

@media (max-width: 960px)
{
	.rfp_footerBarWrapper.site_akn .cta .generatedRLM
	{
		font-size: 13px;
		line-height: 15px;
	}
}
