/*Override preset3*/
a {
    color: #3363ad;
}

a:hover {
    color: #03a9f4;
}

.sp-megamenu-parent > li.active > a,
.sp-megamenu-parent > li:hover > a {
    color: #3363ad;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:hover {
    background: #3363ad;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active > a {
    color: #3363ad;
}

#offcanvas-toggler > i {
    color: #000000;
}

#offcanvas-toggler > i:hover {
    color: #3363ad;
}

.btn-primary,
.sppb-btn-primary {
    border-color: #26487d;
    background-color: #3363ad;
}

.btn-primary:hover,
.sppb-btn-primary:hover {
    border-color: #2e599a;
    background-color: #03a9f4;
}

ul.social-icons > li a:hover {
    color: #3363ad;
}

.sp-page-title {
    background: #3363ad;
}

.layout-boxed .body-innerwrapper {
    background: #ffffff;
}

.sp-module ul > li > a {
    color: #000000;
}

.sp-module ul > li > a:hover {
    color: #3363ad;
}

.sp-module .latestnews > div > a {
    color: #000000;
}

.sp-module .latestnews > div > a:hover {
    color: #3363ad;
}

.sp-module .tagscloud .tag-name:hover {
    background: #3363ad;
}

.sp-simpleportfolio .sp-simpleportfolio-filter > ul > li.active > a,
.sp-simpleportfolio .sp-simpleportfolio-filter > ul > li > a:hover {
    background: #3363ad;
}

.search .btn-toolbar button {
    background: #3363ad;
}

.post-format {
    background: #3363ad;
}

.voting-symbol span.star.active:before {
    color: #3363ad;
}

.sp-rating span.star:hover:before,
.sp-rating span.star:hover ~ span.star:before {
    color: #03a9f4;
}

.entry-link,
.entry-quote {
    background: #3363ad;
}

blockquote {
    border-color: #3363ad;
}

.carousel-left:hover,
.carousel-right:hover {
    background: #3363ad;
}

#sp-footer {
    background: #3363ad;
}

.sp-comingsoon body {
    background-color: #3363ad;
}

.pagination > li > a,
.pagination > li > span {
    color: #000000;
}

.pagination > li > a:hover,
.pagination > li > a:focus,
.pagination > li > span:hover,
.pagination > li > span:focus {
    color: #000000;
}

.pagination > .active > a,
.pagination > .active > span {
    border-color: #3363ad;
    background-color: #3363ad;
}

.pagination > .active > a:hover,
.pagination > .active > a:focus,
.pagination > .active > span:hover,
.pagination > .active > span:focus {
    border-color: #3363ad;
    background-color: #3363ad;
}

/*LIVE*/

/*PRINT*/

/*Put orientation to landscape for desktop view, remove written links,
remove sidebuttons, remove padding for more space, show all accordion tabs*/
@media print {
    @page {
        size: landscape;
    }

    a[href]:after {
        content: "" !important;
    }

    .jf_sidebuttons {
        display: none;
    }

    .col2-5 {
        display: none;
    }

    .hideonmobile {
        display: none;
    }

    .imgheaderrow {
        display: none;
    }

    .sppb-section {
        padding: 0 0 0 0 !important;
    }

    .sppb-section {
        margin: 0 0 0 0 !important;
    }

    .sppb-panel-collapse {
        display: block !important;
    }
}

/*MENÜ*/

/*>>>NAVIGATION<<<*/

/*Hide the topbar for now*/
#sp-top-bar {
    padding: 0px !important;
    padding-top: 5px !important;
}

#sp-top1 > div.sp-column {
    padding: 5px 0 !important;
}

#sp-top1 {
    /*margin-bottom: -25px;*/
}

.top-contact-position {
    float: left;
}

.top-search-position {
    float: right;
}

.contact-number span.smalltext {
    font-size: 12px;
    color: #545454;
}

.top-search-position p {
    display: inline-block;
    margin: 0;
    padding: 0;
    margin-right: 12px;
    vertical-align: super;
    color: #399726;
    font-size: 16px;
    font-weight: bolder;
}

.top-contact {
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    float: right
}

i.top-contact {
    font-size: 24px;
    color: #399726;
}

strong.contact-number {
    font-size: 20px;
    color: #3363ad;
}

/*Customize breadcrumbs*/
#sp-breadcrumbs {
    height: 37px;
    margin-left: 2%;
    margin-right: 2%;
}

#sp-breadcrumb {
    margin-bottom: -15px;
}

.imgheaderrow > div {
    margin-top: -5px;
}

.sp-module.custombread > div {
    float: left;
    padding: 0;
    margin: 0 -20px;
    line-height: 18px;
}

.breadcrumb.custombread {
    background-color: #ffffff;
}

/*Put the navigation in full-screen mode*/
/*@media (min-width: 1200px){
.container {
  width: 100%;
}
}*/

/*Make the sticky header transparent*/
div#sp-header-sticky-wrapper #sp-header {
    box-shadow: none;
    background: rgba(0, 0, 0, 0.7);
}

#sp-header {
    background: #fff none repeat scroll 0 0 !important;
}

/*Make the sticky header smaller in height*/
.sp-megamenu-parent > li > a {
    line-height: 70px !important; /* change 90px whatever you want */
}

#sp-header,
#sp-header > .container,
#sp-header > .container > .row,
#sp-logo .logo {
    height: 70px !important; /* change 90px whatever you want */
}

#sp-logo > div > a > span {
    font-size: 24px;
    line-height: 1;
    margin: 0;
    padding: 0;
    display: table-cell;
    vertical-align: middle;
    font-family: Abel, sans-serif;
    font-weight: normal;
    color: inherit;
}

#offcanvas-toggler {
    line-height: 70px !important;
}

/*Change the text color of the menu items*/
.sp-megamenu-parent > li > a,
#offcanvas-toggler > i,
.sp-dropdown-items > li > a {
    color: #3363ad !important;
}

.sp-dropdown-items > li:hover > a {
    color: #ffffff !important;
}

.sp-megamenu-parent > li.active > a,
.sp-megamenu-parent > li:hover > a,
#offcanvas-toggler > i:hover {
    color: #3363ad !important;
}

/*Change default dropdown background color*/
.sp-dropdown-inner {
    background: #fff !important;
}

/*Change default float settings*/
.sp-megamenu-parent {
    float: left !important;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {
    font-weight: normal;
    text-align: left;
}

.sp-megamenu-parent > li > a {
    font-weight: 500;
    font-size: 14px;
}

/*Add the search button to the right side of the menu*/
#sp-search {
    float: left;
    margin-top: 20px;
    width: 200px;
    position: absolute;
    right: 0px;
}

/*Bring together icon and search field*/
.search-custom-module {
    white-space: nowrap;
    float: right;
}

/*Customize search input field*/
#search-input {
    height: 28px;
    width: 150px;
    border-color: #3363ad;
}

#search-icon,
#search-form {
    display: inline-block;
    width: auto;
}

#search-icon {
    color: #3363ad;
    cursor: pointer;
}

/*e.g. ipad pro */
@media screen and (max-width: 1024px) {
    .top-search-position p {
        display: none;
    }
}

/*Hide the search for mobile devices (will be available in offcanvas menu)*/
@media screen and (max-width: 992px) {
    #sp-search {
        display: none;
    }

    #sp-logo {
        float: left;
    }

    #sp-menu {
        float: right;
    }

    #offcanvas-toggler {
        display: block !important;
    }
}

/*Offcanvas menu settings*/

li.item-111.deeper.parent > a, li.item-113.deeper.parent > a, li.item-112.deeper.parent > a {
    font-size: 120%;
    font-weight: bold;
    pointer-events: none;
    cursor: default;
    text-decoration: underline;
}

/*Hide offcanvas toggler on big screens*/
#offcanvas-toggler {
    display: none;
}

/*>>>END NAVIGATION<<<*/

/*>>>START SIDEBUTTONS*/

@media (max-width: 49em) {
    .jf_sidebuttons {
        top: 85% !important;
    }

    .jf_sidebuttons.right > li:nth-child(1),
    .jf_sidebuttons.right > li:nth-child(2) {
        display: none;
    }

    .jf_sidebuttons li a:hover {
        left: 100% !important;
    }

    .jf_sidebuttons li a {
        min-width: 37px !important;
    }
}

/*Hide Vergleich Button in mobile and put back to top to the bottom*/
@media (min-width: 49em) {
    .jf_sidebuttons.right > li:nth-child(3) {
        display: none;
    }
}

.jf_sidebuttons li a {
    background-color: #fff !important;
}

.jf_sidebuttons li {
    border-bottom: none !important;
}

.jf_sidebuttons li a:before {
    content: "\00a0 " !important;
}

.jf_sidebuttons li a i {
    padding-top: 10px;
}

/*>>>END SIDEBUTTONS*/

/*KREDITKARTENEMPFEHLUNG*/

.hidefirsttab > div > div > span, .sppb-panel-group > div > div > span {
    color: #3363ad;
    font-weight: bold;
}

.hidefirsttab > div > div > div > p, .sppb-panel-group > div > div > div > p {
    text-align: justify;
}

.hidefirsttab > div > div > span:hover, .sppb-panel-group > div > div
> span:hover {
    color: #03a9f4;
}

.headerwithimg > div {
    display: inline-block;
    vertical-align: middle;
}

/*END KREDITKARTENEMPFEHLUNG*/

/*KREDITKARTENANBIETER*/
/*Table credit card companies*/
.tableanbieter thead th {
    text-align: center !important;
}

.tableanbieter tbody tr {
    font-size: 100%;
}

.tableanbieter > tbody > tr > td:first-child {
    text-align: left !important;
}

.tableanbieter > tbody > tr:nth-child(even) {
    background-color: #deeeff;
}


@media screen and (max-width: 640px) {
    .tableanbieter thead th {
        text-align: left !important;
    }

    .tablesaw tbody tr td:first-child {
        font-size: 130% !important;
        font-weight: bold !important;
    }

    .tableanbieter tbody tr td {
        text-align: left !important;
    }

    .tableanbieter tbody tr td b {
        font-size: 90% !important;
        color: #000000;
        text-transform: none;
    }

}

/*END KREDITKARTENANBIETER*/

/*START AUTOVERMIETUNG*/

.tableautovermieter td {
    vertical-align: middle !important;
}

/*END AUTOVERMIETUNG*/

/*START TIPPS*/

.tippdiv {
    min-height: 335px;
}

/*END TIPPS*/

/*>>>ALL SITES<<<*/

/*Give some space left or right of elements (text etc)*/
.indent {
    padding: 0 2% 0 2%;
}

.indent > div > div > div > div > div > p {
    text-align: justify;
}

/*Add green background to the div*/
.greenbg {
    background: rgba(43, 182, 115, 0.5);
}

/*Fix the anchor to consider the sticky navigation*/
a.anchor {
    display: block;
    position: relative;
    top: -70px;
    visibility: hidden;
}

a.accordionanchor {
    display: block;
    position: relative;
    top: -130px;
    visibility: hidden;
}

/*Decrease space between sections*/
.sppb-section {
    margin-top: 0px !important;
}

.sppb-addon-text-block > div > div > ul {
    list-style: none;
    margin-left: -1em;
}

/*Green color for icons in lists*/
li > em {
    color: #3363ad;
}

/*Bigger font size and line height for lists*/
ul.biggerlist {
    font-size: 120%;
    line-height: 2.5em;
}

/*Icons to stay same size in bigger lists*/
ul.biggerlist > li > em {
    font-size: 100%;
}

/*Realize the same heading for pages with pictures on top*/
.headerimgtext > div {
    display: inline-block;
    line-height: 36px;
    color: #45d38f;
    font-size: 220%;
    background: rgba(0, 0, 0, 0.7);
    padding-left: 2%;
    padding-right: 10px;
}

/*Class for a div with img to float right*/
.imgfloatright {
    text-align: center;
    padding: 0px 0px 10px 20px;
    float: right;
}

/*Class for a div with img to float left*/
.imgfloatleft {
    text-align: center;
    padding: 0px 20px 10px 0px;
    float: left;
}

/*Class for a div with img to have img centered*/
.imgcentered {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/*Right floating hinweisbox with green border*/
.infofloatright {
    padding: 10px 10px 0px 0px;
    margin: 0px 0px 5px 10px;
    float: right;
    border: solid;
    border-width: 2px;
    border-color: #3363ad;
    text-align: justify;
    line-height: 2.5em;
}

/*Left floating hinweisbox with green border*/
.infofloatleft {
    padding: 10px 10px 0px 0px;
    margin: 0px 10px 5px 0px;
    float: left;
    border: solid;
    border-width: 2px;
    border-color: #3363ad;
    text-align: justify;
    line-height: 2.5em;
}

/*Hinweisbox without float*/
.hinweisbox {
    padding: 20px;
    border: solid;
    border-width: 2px;
    border-color: #3363ad;
    text-align: justify;
    overflow: hidden;
}

/*Remove list style to add other sign or icon*/
.nostyle {
    list-style: none;
    margin-left: -1em;
}

/*Highlight some text yellow*/
.highlightyellow {
    background-color: #FFFF00;
}

/*Hide elements (mostly images) on smaller screens*/
@media screen and (max-width: 980px) {
    .hideonmobile {
        display: none;
    }

    .mobilewidth100 {
        width: 100% !important;
    }

    .tippdiv {
        min-height: 0px;
        padding: 5px;
    }

    .tippdiv > h3 {
        margin-top: 5px;
    }

    .tippdiv > p {
        text-align: center;
    }

    .tippdiv {
        margin-bottom: 10px;
    }
}

/**/
.greentile {
    background: #3363ad;
}

/*Customize the sp page builder dividers*/
.sppb-divider {
    border-width: 4px;
    margin-top: 10px;
    margin-bottom: 10px;
}

/*>>>ENDE ALL SITES<<<*/

/*START TANKSTELLE*/
.tankstellenachteil {
    clear: both;
}

.verticaldivider {
    border-left: thick solid #666;
    height: 205px;
    margin-left: 20px;
    margin-top: 25px;
}

@media screen and (max-width: 1220px) {
    .verticaldivider {
        height: 350px;
    }
}

@media screen and (max-width: 800px) {
    .verticaldivider {
        display: none;
    }
}

/*ENDE TANKSTELLE*/

/*>>>FAQ<<<*/

/*Hide title*/
.fsf_main.fsf_main_j3 > h1 {
    display: none;
}

/*Justify FAQ texts*/
.MsoNormal {
    text-align: justify;
}

/*>>>ENDE FAQ<<<*/

/*>>>PRODUKTSEITEN<<<*/

.geblist {
    list-style: none;
    line-height: 2.0em;
    padding-left: 0;
}

.vorlist {
    margin-left: -2em;
    list-style: none;
    line-height: 2.0em;
}

.cardpointsvorteile {
    margin-left: 5%;
    margin-right: 5%;
    padding: 10px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19) !important;
}

.cardpointsbutton div.cardimage {
    padding-top: 5px;
    padding-left: 20px;
    float: left;
}

.cardpointsbutton div.points {
    float: left;
    padding-left: 0;
}

.cardpointsbutton div.points > ul {
    list-style: none;
    line-height: 2.0em;
    padding-left: 0;
}

.kartenzahlungpoint {
    padding-right: 17px;
}

.leistungenpoint {
    padding-right: 42px;
}

.plpoint {
    padding-right: 18px;
}

.stopfloat {
    clear: both;
}

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

    .geblist {
        list-style: disc !important;
        line-height: 2.0em;
    }

    .vorlist {
        list-style: none;
        line-height: 2.0em;
    }

    .infofloatleft.fullwidth, .infofloatright.fullwidth {
        width: 100%;
    }

}

/*>>>ENDE PRODUKTSEITEN<<<*/

/*>>>COMPARISON STARTSEITE<<<*/

/*Define the are for the comparison*/
.compare-area {
    width: 100%;
}

.compare-sidebar {
    width: 20%;
    float: left;
    border: 1px solid #666666;
    margin-top: 15px;
}

/*Give some elements a hand cursor*/
li > input, li > label {
    cursor: pointer;
    margin-left: 5px;

}

/*Layout for the sidebar*/
.sidebar-divider {
    border-top: 1px solid #666666;
}

.sidebar-row-header {
    text-align: center;
    padding-top: 5px;
}

.sidebar-row-header-title {
    display: inline-block;
    text-align: center;
    font-size: 16px;
}

.sidebar-clear-filter {
    font-size: 110%;
    cursor: pointer;
    float: right;
    padding-right: 5px;
}

.sidebar-clear-filter:hover {
    color: #3363ad;
}

.sidebar-row-header:after {
    content: '';
    display: block;
    clear: both;
}

.sidebar-row-title {
    float: left;
}

.sidebar-row-toggler {
    float: right;
    color: #000000;
    margin-top: -2px;
    padding-right: 5px;
}

.sidebar-row-heading {
    padding-left: 5%;
    padding-top: 5px;
    color: #3363ad;
    cursor: pointer;
}

.sidebar-row-heading:hover {
    color: #03a9f4;
}

.sidebar-row-heading:after {
    content: '';
    display: block;
    clear: both;
}

.sidebar-row-checkboxes {
    font-size: 13px;
}

.sidebar-row-checkboxes > ul {
    list-style: none;
    margin-left: -1em;
}

.sidebar-row-checkboxes > ul > li > label {
    vertical-align: middle;
}

.sidebar-row-checkboxes.features > ul:not(:first-child) {
    margin-top: -10px;
}

.bewertung {
    font-size: 13px;
}

.bewertung > ul {
    list-style: none;
    margin-left: -1em;
}

/*Layout for the product area*/
.compare-products {
    width: 78%;
    float: left;
    border: 0px solid #666666;
    margin-left: 15px;
}

.products-top-area {
    padding-left: 5px;
    padding-top: 5px;
    border-bottom: 0px solid #666666;
}

.products-top-area:after {
    content: '';
    clear: both;
    display: table;
}

.resulttext {
    float: left;
    padding-top: 5px;
    padding-left: 1%;
}

#resultcounter {
    font-weight: bold;
}

.sortselect {
    float: none;
    padding-bottom: 5px;
    padding-right: 0px;
    margin-left: 10px;
    margin-right: 10px;
}

.sortselect > select {
    font-size: 90% !important;
    max-width: 100%;
    margin-bottom: 10px;
}

.products-row {
    margin: 15px;
    border: none;
    background-color: #f6f6f6;
    clear: both;
    border-radius: 5px;
    box-shadow: 2px 2px 10px #888;
}

.products-row .sppb-tab-content > .active {
    background-color: #FFF;
}

.products-row.listviewcss {
    margin: 10px 0px 10px 0px;
    border-top: solid 1px #494949;
    border-bottom: solid 1px #494949;
    border-left: none;
    border-right: none;
    border-radius: 0px;
    clear: both;
}

.products-row > div.productcontainer {
    padding-top: 10px;
    padding-left: 2%;
    padding-right: 2%;
    overflow: auto;
    border-left: 5px solid;
    border-radius: 4px;
}

.products-row > div.productcontainer > div > h4 {
    margin-top: -5px;
}

/*Product rating*/
.produktbewertung {
    list-style: none;
    border: solid 2px #3363ad;
}

.produktbewertung > div {
    text-align: center;

}

.produktbewertung {
    overflow: hidden;
    margin-top: -20px;
}

.produktbewertung > .row1 {
    overflow: hidden;
    border-bottom: solid 2px #3363ad;
}

.produktbewertung > div > .col1, .produktbewertung > div > .col2 {
    float: left;
}

.produktbewertung > div > .col1 {
    font-size: 200%;
    padding-right: 15px;
    padding-top: 5px;
    padding-left: 10px;
    height: 45px;
}

.produktbewertung > div > .col2 {
    line-height: 20px;
    border-left: solid 2px #3363ad;
    height: 60px;
}

.produktbewertung > div > .col2 > div:nth-child(1) {
    background: #3363ad;
    padding-top: 5px;
    padding-left: 10px;
    padding-right: 10px;
    height: 30px;
}

.produktbewertung > div > .col2 > div:nth-child(2) {
    font-weight: bold;
    font-size: 100%;
    padding-top: 5px;
    padding-left: 10px;
    padding-right: 10px;
    height: 30px;
    width: 85px;
}

.produktbewertung > .row2 {
    clear: both;
}

/*Productcard design*/

.row2 > .col1, .row2 > .col2 {
    float: left;
    font-size: 90%;
}

.row2 > .col3 {
    float: right;
    margin-top: -20px;

}

.row2 > .col2 > ul, .row2 > .col3 > ul {
    list-style: none;
    margin-left: -1em;
}

.row2 > .col2 > ul > li > i {
    color: #3363ad;
}

.row2 > .col2-5 {
    float: right;
    padding-right: 55px;
}

.row2 > .col2-5.addpadnote {
    padding-right: 75px;
}

.row2 > .col3 {
    text-align: right;
}

.row2 > .col3 > ul > li:nth-child(1) {
    font-size: 190%;
}

.row2 > .col3 > ul > li:nth-child(2) {
    font-size: 90%;
}

.row2 > .col3 > ul > li:nth-child(3) {
    font-size: 140%;
}

.row2 > .col3 > ul > li:nth-child(4) {
    font-size: 90%;
}

.row2:after {
    content: '';
    display: block;
    clear: both;
}

.row3 > div {
    float: right;
}

.row3 > .col1 {
    margin-top: -10px;
}

.row4 {
    margin-top: -24px;
    padding-bottom: 10px;
}

.row3:after {
    content: '';
    display: block;
    clear: both;
}

/*Size of the credit card images*/
.producttablecardimg {
    min-width: 150px;
    max-width: 150px;
}

/*Listview customization*/
.listcardimg {
    min-width: 75px;
    max-width: 75px;
}

.listheader {
    display: none;
    margin: 10px;
}

.listheader > div {

    display: inline-block;
    text-align: center;
}

.listcontent > div {

    display: inline-block;
    text-align: center;
    vertical-align: middle;
}

.listopenfee {
    width: 20%;
}

.listlimit {
    width: 18%;
}

.listwithdraw {
    width: 18%;
}

.listyearfee {
    width: 13%;
}

.listcontent > .listwithdraw, .listcontent > .listlimit {
    margin-left: 5px;
}

.listlogo {
    width: 20%;
    text-align: left !important;
}

.listheader > .listlogo {
    margin-left: 5px;
    padding-left: 2%;
}

.listcontent > div > img {
    display: block;
    max-width: 90px;
}

/*CSS for the dropdown of detailed card information*/
.detailsspan {
    text-decoration: underline;
    cursor: pointer;
}

.detailsdropdown {
    overflow: hidden;
    display: none;
}

.hidedetails {
    cursor: pointer;
    float: right;
    padding-top: 7px;
    padding-right: 2%;
}

.detailsdropdown > .sppb-addon.sppb-addon-tab {
    padding-top: 5px;
    padding-right: 2%;
    padding-left: 2%;
}

div.detailsdropdown > div.sppb-addon.sppb-addon-tab {
    padding-bottom: 10px;
}

div.detailsdropdown > div.sppb-addon.sppb-addon-tab > div > div.sppb-tab-content {
    border-left: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
}

.detailsdropdowntoggler:hover {
    color: #3363ad;
    cursor: pointer;
}

.detailstable {
    margin: 0 auto;
}

.detailstable > tbody > tr > td:nth-child(odd) {
    text-align: right;
    padding-right: 10px;
}

.detailstable > tbody > tr > td:nth-child(even) {
    text-align: left;
    padding-right: 10px;
}

.detailstable > tbody > tr > td {
    width: 50%;
}

.detailstable > tbody > tr > td > h5 {
    text-decoration: underline;
}

td > i {
    color: #3363ad;
}

.fa.fa-minus-circle {
    color: #666666;
}

.tablesaw-cell-content > .fa.fa-check-circle {
    color: #3363ad;
}

.tablesaw-cell-content > .fa.fa-times-circle {
    color: #666666;
}

.row12list {
    display: none;
    padding-bottom: 20px;
}

/*Media query so the filter stacks on smaller screen on top of the compare area for more space*/
@media screen and (max-width: 1150px) {
    .row2 > .col2-5 {
        padding-right: 5%;
        margin-right: -20px;
    }
}

@media (max-width: 1050px) and (min-width: 980px) {
    .row2 > .col2-5 {
        padding-right: 10px;
        margin-right: -20px;
    }

    .row2 .col2 ul {
        padding-left: 20px;
    }
}

@media screen and (max-width: 1055px) {
    /*  .row2 > .col2-5{
       display: none;
      }*/
}

@media screen and (max-width: 980px) {
    .sidebar-row-header {
        display: block;
        width: 100%;
        text-align: center;
    }

    .compare-sidebar {
        width: 100%;
        float: none;
        clear: both;
    }

    .sidebar-row {
        float: none;
        padding-right: 30px;
        min-width: 50%;
        min-height: 0px;
    }

    .sidebar-divider {
        width: 100%;
        margin-left: 0;
        border-top: 1px solid #666666;
    }

    .hideinstack {
        display: none;
    }

    .sidebar-row-checkboxes {
        display: none;
    }

    .compare-products {
        width: 100%;
        float: none;
        clear: both;
        margin-left: 0px;
        margin-top: 5px;
    }

    .sppb-addon.sppb-addon-tab {
        font-size: 90% !important;
    }

    #sp-breadcrumbs {
        margin-bottom: 0px;
    }

}


/*Media query so that comparison looks good on smaller screens*/
@media screen and (max-width: 668px) {

    .sortselect {
        float: left;
    }

    /*.row2 > .col1{
      display: none;
      }*/
    .row3 > .col1 {
        margin-top: 0px;
    }

    .row12list {
        padding-bottom: 0px;
    }

    ul.biggerlist {
        font-size: 110%;
        line-height: 2em;
    }
}

/*Media query for really small screens - resizing of buttons and font sizes to fit screen*/
@media screen and (max-width: 460px) {

    .sppb-addon.sppb-addon-tab {
        font-size: 80% !important;
    }

    .sppb-nav.sppb-nav-tabs > li > a {
        padding: 5px 5px !important;
    }

    /*  .row2 > .col3{
        float: left;
        text-align: left;
        margin-top: 0px;
      }*/
    .row2x > .col3 {
        float: left;
        text-align: left;
    }

    .detailstable {
        margin-left: 0;
        margin-right: 0;
    }

    .detailstable > tbody > tr > td:nth-child(odd) {
        text-align: left;
        padding-left: 5px;
    }

    .detailstable > tbody > tr > td {
        width: auto;
    }

    .sppb-btn-lg {
        padding: 5px 10px;
    }

    #sp-breadcrumbs {
        font-size: 90%;
    }

}

/*>>>END COMPARISON STARTSEITE<<<*/

/* Sonstiges */

.blockquote {
    border-left: 2px solid #3363ad !important;
}

#eb .eb-image-viewport {
    border: none !important;
}

.productcontainer .row4 .col1 {
    margin-top: 5px;
    font-size: 90%;
}

.products-row {
    position: relative;
}

a.mobile-outside {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 0px;
    z-index: 999;
    display: none;
}

@media (min-width: 1105px) {
    .produktbewertung {
        position: absolute;
        left: 62%;
    }
}

@media (max-width: 1104px) and (min-width: 981px) {
    .produktbewertung {
        position: absolute;
        left: 65%;
    }
}

@media (max-width: 980px) and (min-width: 773px) {
    .produktbewertung {
        position: absolute;
        left: 63%;
    }
}

@media (max-width: 772px) and (min-width: 749px) {
    .produktbewertung {
        position: absolute;
        left: 65%;
    }
}

@media (max-width: 748px) and (min-width: 701px) {
    .produktbewertung {
        position: absolute;
        left: 62%;
    }
}

@media (max-width: 980px) {
    .products-row {
        margin-left: 0px;
        margin-right: 0px;
    }
}

@media (max-width: 834px) {
    .productcontainer .row2 .col2 ul {
        padding-left: 20px;
    }

    .row2 > .col2-5 {
        padding-right: 2%;
    }
}

@media (max-width: 748px) and (min-width: 701px) {
    .productcontainer .row2 .col2 {
        width: 230px;
    }
}

@media (max-width: 700px) {
    .detailsdropdowntoggler {
        color: #3363ad;
    }

    .layout-boxed .body-innerwrapper {
        width: 100%;
    }

    .productcontainer .col3 ul {
        padding-left: 0px;
    }

    .productcontainer .col3 {
        margin-top: 0px;
    }

    .products-row {
        position: relative;
    }

    .products-row .col2 {
        padding-right: 199px;
    }

    .products-row .col2-5 {
        display: table;
        margin-right: 0px;
        float: right;
        position: absolute;
        right: 2%;
        top: 142px;
        padding-right: 0px !important;
    }

    .products-row .col2 ul {
        margin-left: 0px;
        padding-left: 0px;
    }

    .produktbewertung {
        margin-top: 0px;
    }

    .productcontainer .row2 .col2 ul {
        padding-left: 0px;
        margin-top: 15px;
        min-height: 80px;
    }

    .row3 > .col1 {
        margin-top: 5px;
    }

    .productcontainer .row4 .col1 {
        margin-top: 0px;
    }
}

.sidebar-row-header.sidebar-mobile {
    display: none;
}

table.sh-responsive .hide-label {
    display: none !important;
}

@media (max-width: 500px) {
    #fixed-right-banner {
        display: none !important;
    }

    .products-row .col2 {
        padding-right: 90px;
    }

    a.mobile-outside {
        display: block;
        height: 250px;
    }

    .sidebar-row-header.sidebar-mobile {
        display: block;
        border: 1px solid #4a4a4a;
        padding: 7px;
    }

    .compare-sidebar {
        margin-top: 0px;
        display: none;
        border-top: none;
    }

    .compare-sidebar .sidebar-row-header {
        display: none;
    }

    .products-top-area .resulttext {
        margin-bottom: 10px;
        text-align: center;
    }

    #sort {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }

    .compare-products .products-top-area {
        padding: 0px;
    }

    .products-top-area .resulttext {
        margin-bottom: 10px;
        text-align: center;
    }

    .products-top-area .sortselect {
        margin: 0px;
        margin-bottom: 10px;
        width: 100%;
        padding: 0px;
        text-align: center;
    }

    .notesort {
        font-size: 24px !important;
    }

    .compare-products {
        margin-top: 15px;
    }

    table.sh-responsive {
        width: 100%;
        border-collapse: collapse;
    }

    table.sh-responsive tr:nth-of-type(odd) {
        background: #f9f9f9;
    }

    table.sh-responsive th {
        background: #3363ad;
        color: white;
        font-weight: bold;
    }

    table.sh-responsive td, table.sh-responsive th {
        padding: 6px;
        border: 1px solid #ccc;
        text-align: left;
    }

    table.sh-responsive thead, table.sh-responsive tbody, table.sh-responsive th, table.sh-responsive td, table.sh-responsive tr {
        display: block;
    }

    /* Hide table headers (but not display: none;, for accessibility) */
    table.sh-responsive thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    table.sh-responsive tr {
        border: 1px solid #ccc;
    }

    table.sh-responsive td {
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #eee;
        position: relative !important;
    }

    table.sh-responsive .hide-label {
        display: inline-block !important;
        font-weight: bold;
    }
}

.sppb-icon > span {
    color: #3363ad !important;
}

.produktbewertung > div > .col1 {
    width: 100%;
}

.produktbewertung .row2 > div {
    background-color: #3363ad !important;
    color: #FFF;
}

.mbg-primary {
    background-color: #deeeff !important;
    color: #3363ad !important;
    border-color: #c6dcff !important;
}

.mfa-color {
    color: #3363ad;
}

.mtitle-color {
    color: #03a9f4;
}

body.site {
    background-image: none !important;
}

.sppb-addon-content > h1, .sppb-addon-content > h2, .sppb-addon-content > h3, .sppb-addon-content > h4 {
    color: #3363ad !important;
}

.sppb-addon-title {
    color: #3363ad !important;
}

.eb-post-head h2 {
    color: #3363ad !important;
}

.sppb-addon-content > .hinweisbox > h2 {
    color: #3363ad !important;
}

.row2 > .col3 > ul {
    font-size: 90%;
}

.productcontainer h4 strong {
    font-size: 90%;
    color: #3363ad !important;
}

.sticky {
    position: fixed !important;
    top: 0;
}

@media (min-width: 769px) {
    #fixed-right-banner {
        top: 30px !important;
    }
}

/*Menu*/
.sp-megamenu-wrapper {
    margin-top: -70px;
}

.sp-megamenu-wrapper ul.sp-megamenu-parent {
    width: 100%;
    text-align: right;
}

@media (max-width: 1199px) {
    .sp-megamenu-parent > li > a {
        padding: 0px 8px;
    }
}

#sp-menu {
    width: 100%;
}

#sp-header .logo {
    z-index: 999;
    position: relative;
    height: 70px;
}

@media (max-width: 992px) {
    #sp-menu {
        padding-right: 20px;
    }
}

.sppb-btn {
    font-size: 16px;
    line-height: 22px;
}

#eb .btn-success {
    color: #fff !important;
    background-color: #3363ad !important;
    border-color: #26487d !important;
}

#eb .btn-success:hover {
    background-color: #03a9f4 !important;
}

/*sticky footer button*/
#sp-sticky-footer-button {
    position: fixed;
    bottom: 0px;
    width: 100%;
    line-height: 50px;
    background-color: #234c8a;
    z-index: 99;
}

#sticky-footer-custom > a {
    color: #a0ce4e;
    display: block;
    text-align: center;
    margin-left: -15px;
    margin-right: -15px;
}

@media (max-width: 767px) {
    body {
        padding-bottom: 51px;
    }
}

@media (min-width: 993px) {
    .home-menu-item {
        display: none !important;
    }
}

div[data-blog-post] h1, div[data-blog-post] h2, div[data-blog-post] h3, div[data-blog-post] h4, div[data-blog-post] h5, div[data-blog-post] h6 {
    color: #3363ad !important;
}

.sp-module .sp-module-title {
    color: #3ece72;
    font-weight: 500;
}

footer .sp-module {
    margin-top: 10px;
}