@charset "utf-8";

/* CSS Document */

@font-face {
    font-family: 'FontAwesome';
    src: url('../../fonts/fontawesome-webfont.eot?v=4.5.0');
    src: url('../../fonts/fontawesome-webfont.eot?#iefix&v=4.5.0') format('embedded-opentype'), url('../../fonts/fontawesome-webfont.woff2?v=4.5.0') format('woff2'), url('../../fonts/fontawesome-webfont.woff?v=4.5.0') format('woff'), url('../../fonts/fontawesome-webfont.ttf?v=4.5.0') format('truetype'), url('../../fonts/fontawesome-webfont.svg?v=4.5.0#fontawesomeregular') format('svg');
    font-weight: normal;
    font-style: normal
}

body {
    font: 16px Verdana, Arial, Helvetica, sans-serif;
    margin: 0;
    padding: 0;
    color: #242726;
    position: relative;
}

html {
    font-size: 14px;
}

section.button.scroll {
    position: fixed;
    top: auto;
    bottom: 0;
    z-index: 2000;
    left: 0;
    right: 0;
    background: #fff url(../../img/bg-slider.png) 0 0 / contain repeat-y;
    padding: 10px 0;
    visibility: hidden;
    opacity: 0;
    box-shadow: 0px 3px 8px #5d5d5d;
    margin: 0;
    transition: visibility 0s ease 0s, opacity 0.5s linear 0s, background-color 0.3s ease 0s;
}

section.button.scroll .btn {
    font-size: 18px;
    width: auto;
    padding: 5px 15px;
    margin: 7px 0;
    border-width: 3px;
    float: none;
}

section.button.scroll .btn small {
    display: block;
    font-size: 12px;
}

section.button.scroll.visible {
    visibility: visible;
    opacity: 1;
}

p {
    margin: 20px 0;
}

#tracking-consent {
    /* background-color: rgba(255, 255, 255, 1);
    padding: 10px 0 20px;
    margin: 0;
    font-size: 14px;
    font-family: Tahoma;
    position: fixed;
    z-index: 3001;
    bottom: 0;
    left: 0;
    right: 0;
    border-top: 1px solid #dddddd; */
    background-color: rgba(255, 255, 255, 1);
    margin: 0;
    font-size: 14px;
    line-height: 20px;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 3001;
    box-shadow: 0px 0px 16px 0px #c1c1c1;
    padding: 20px 0;
}

#tracking-consent .btn {
    margin: 15px 0 0px;
    width: 100%;
    font-size: 18px;
    padding: 5px 15px;
    border-width: 2px;
    border: 2px solid #0070ab;
}

.tracking-consent-socialplugins-box .embed {
    padding: 3.75rem;
    font-size: 85%;
}

.tracking-consent-socialplugins-box .embed .title {
    font-size: 1.5em;
    background-color: #999;
    padding: .25em;
    font-size: 1.5em;
    color: #fff;
    border-bottom: 2px solid #fff;
    position: relative;
    top: -2em;
}

.tracking-consent-socialplugins-box .embed .text {
    margin-top: -1em;
    margin-bottom: -.5em;
}

.tracking-consent-socialplugins-box .embed div {
    padding: 0 2rem .5rem;
    position: relative;
}

.tracking-consent-socialplugins-box .embed div:after {
    content: "";
    position: absolute;
    display: block;
    border: 1px solid #999;
    -webkit-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
    top: -2rem;
    bottom: -2.5rem;
    left: -1rem;
    right: -1rem;
    z-index: -2;
}

.tracking-consent-socialplugins-box .embed div:hover:after {
    border-color: #00bc57;
}

.tracking-consent-socialplugins-box .embed div:hover .title {
    background-color: #00bc57;
}

.tracking-consent-socialplugins-box .btn {
    float: none;
    margin: 0 2rem 0;
}

@media (min-width: 768px) {
    .tracking-consent-socialplugins-box {
        margin: 2em;
    }
}

.aslot_1 {
    display: block;
}

.subNav .contentPartner {
    padding: 1em;
}

.h1,
h1 {
    font-size: 28px;
}

.h2,
h2 {
    font-size: 26px;
}

.h3,
h3 {
    font-size: 24px;
}

.h4,
h4 {
    font-size: 20px;
}

.h5,
h5 {
    font-size: 18px;
}

.h6,
h6 {
    font-size: 18px;
}

.h1,
h1,
.h2,
h2,
.h3,
h3,
.h4,
h4,
.h5,
h5,
.h6,
h6 {
    font-weight: 600;
    line-height: 130%;
    margin: 30px 0;
}

a h1,
a h2,
a h3,
a h4,
a h5,
a:hover h1,
a:hover h2,
a:hover h3,
a:hover h4,
a:hover h5,
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover {
    color: #242726;
}

aside {
    border-left: 5px solid #0070ab;
    padding: 0 0 0 30px;
    font-style: italic;
    margin: 25px 0;
}

a:focus {
    outline: none;
    text-decoration: none;
}

a:focus:hover {
    text-decoration: underline;
}

a.top {
    bottom: 90px;
    padding: 10px 11px 8px;
    right: 15px;
    background: #666 none repeat scroll 0 0;
    border-radius: 100%;
    font-size: 15px;
    opacity: 0;
    position: fixed;
    text-align: center;
    transition: visibility 0s ease 0s, opacity 0.5s linear 0s, background-color 0.3s ease 0s;
    visibility: visible;
    color: #fff;
    text-decoration: none;
    z-index: 2000 !important;
    border: 2px solid #fff;
}

a.top.visible {
    opacity: 1;
    visibility: visible;
}

a.top:hover {
    background: #0070ab;
    color: #fff;
}

a.top:focus,
a.top:active,
a.top:visited {
    color: #fff;
}

.content table td {
    padding: 10px;
}

.content table thead {
    font-size: 18px;
}

.content table tfoot {
    font-size: 12px;
    color: #878787;
}


/*--------------------------Bilder-CSS fuer Media-Manager----------------------*/

img {
    width: 100%;
}

.guide img {
    width: auto;
    max-width: 100%;
    height: auto;
}

.img-left,
.img-right,
.img-orig,
.guide img.img-left,
.guide img.img-right,
.guide img.img-orig {
    max-width: 365px;
    padding: 25px;
    border: 2px solid #ddd;
    width: 100%;
}

.img-orig,
.guide img.img-orig {
    max-width: 100%;
}

.img-left.img-small {
    float: left;
    margin: 0 25px 25px 0;
}

.img-right.img-small {
    float: right;
    margin: 0 0 25px 25px;
}

.img-left.img-small,
.img-right.img-small,
.guide .img-left.img-small,
.guide .img-right.img-small {
    max-width: 150px;
}

.guide .img-left.img-portrait,
.guide .img-right.img-portrait {
    max-width: none;
    max-height: 365px;
    width: auto;
}


/*--------------------------allgemeing�?¼ltige CSS-Angaben----------------------*/

.content h4,
.content h5 {
    font-weight: 600;
}

.container .h1,
.container .h2,
.container .h3,
.container h1,
.container h2,
.container h3 {
    margin-top: 0;
}

.container .content .h3,
.container .content .h4,
.container .content .h5,
.container .content h3,
.container .content h4,
.container .content h5,
.content .container .h3,
.content .container .h4,
.content .container .h5,
.content .container h3,
.content .container h4,
.content .container h5 {
    margin-top: 15px;
}

.content ol,
.content ul {
    line-height: 26px;
}

.guide .content ul,
.guide .content ol {
    /*Bugfix: chrome img-left und liste rechts daneben*/
    overflow: hidden;
}

.content .imgSource {
    border-top: 1px solid #eee;
    display: inline-block;
    margin: 20px 0 0;
    padding: 20px 0 0;
    width: 100%;
    line-height: 16px;
}

.content .imgSource p,
.content .imgSource h5 {
    font-size: 11px;
    color: #666;
    margin: 5px 0;
}

.logos img {
    width: 100%;
    padding: 25px 0;
}

section {
    margin: 0 0 30px 0;
}

section.comparing {
    margin: -30px 0 30px;
}

main {
    margin: 15px 0 0;
}

p {
    line-height: 26px;
}

.container {
    position: relative;
}

.wrapper {
    padding: 30px 0;
}

.green,
.grey,
.blue {
    position: relative;
}

.grey {
    background: #666;
}

.green {
    background: #00bc57;
}

.blue {
    background: #0070ab;
}

.grey.light {
    background: #efefef;
}

.orange {
    background: #ff8b00;
}

.bordered.grey {
    border-top: 10px solid #666;
    border-bottom: 10px solid #666;
}

.bordered.green {
    border-top: 10px solid #00bc57;
    border-bottom: 10px solid #00bc57;
}

.bordered.blue {
    border-top: 10px solid #0070ab;
    border-bottom: 10px solid #0070ab;
}

.bordered.grey.light {
    border-top: 10px solid #efefef;
    border-bottom: 10px solid #efefef;
}

.bordered.grey,
.bordered.green,
.bordered.blue {
    padding: 0;
    background: transparent;
    line-height: 0;
}

div.green .glyphicon {
    position: absolute;
    color: #00bc57;
}

.wrapper.green div.green .glyphicon {
    font-size: 60px;
    left: 47.5%;
    transform: rotate(180deg);
    z-index: 1;
    bottom: -55px;
}

div.grey .glyphicon {
    color: #666;
}

div.grey.light .glyphicon {
    color: #efefef;
}

div.blue .glyphicon {
    color: #0070ab;
}

.subNav div.grey.light .glyphicon {
    color: #666;
}

div.green a,
div.green a:hover,
div.green a:focus,
div.grey a,
div.grey a:hover,
div.grey a:focus,
div.blue a,
div.blue a:hover,
div.blue a:focus {
    color: #fff;
}

.subNav div.green a,
.subNav div.green a:hover,
.subNav div.green a:focus,
.subNav div.grey a,
.subNav div.grey a:hover,
.subNav div.grey a:focus,
.subNav div.blue a,
.subNav div.blue a:hover,
.subNav div.blue a:focus {
    color: #242726;
}

div.green a.btn-primary,
div.green a.btn-primary:hover,
div.green a.btn-primary:focus {
    color: #0070ab;
}

div.green a.btn-primary:hover {
    color: #fff;
}

.topHead {
    padding: 10px 15px;
    border-bottom: 1px solid #666;
}

.green.topHead,
.grey.topHead,
.blue.topHead,
.orange.topHead {
    border: 0;
}

.green.topHead h1,
.grey.topHead h1,
.blue.topHead h1,
.orange.topHead h1,
.green.topHead h2,
.grey.topHead h2,
.blue.topHead h2,
.orange.topHead h2,
.green.topHead h3,
.grey.topHead h3,
.blue.topHead h3,
.orange.topHead h3,
.green.topHead h4,
.grey.topHead h4,
.blue.topHead h4,
.orange.topHead h4,
.green.topHead small,
.grey.topHead small,
.blue.topHead small,
.orange.topHead small,
.subNav div.green h3 a,
.subNav div.green h3 a:hover,
.subNav div.green h3 a:focus,
.subNav div.grey h3 a,
.subNav div.grey h3 a:hover,
.subNav div.grey h3 a:focus,
.subNav div.blue h3 a,
.subNav div.blue h3 a:hover,
.subNav div.blue h3 a:focus,
.subNav div.green h4 a,
.subNav div.green h4 a:hover,
.subNav div.green h4 a:focus,
.subNav div.grey h4 a,
.subNav div.grey h4 a:hover,
.subNav div.grey h4 a:focus,
.subNav div.blue h4 a,
.subNav div.blue h4 a:hover,
.subNav div.blue h4 a:focus {
    color: #fff;
    margin: 0;
}

.topHead h1,
.topHead h2,
.topHead h3,
.topHead h4 {
    margin: 0;
}

.topHead.mainHead {
    padding: 0 0 10px;
}

div.grey.light.topHead h1,
div.grey.light.topHead h2,
div.grey.light.topHead h3,
div.grey.light.topHead h4 {
    color: #242726;
}

div.green.topHead .glyphicon,
div.grey.topHead .glyphicon,
div.blue.topHead .glyphicon {
    bottom: -15px;
    font-size: 25px;
    left: 7px;
    position: absolute;
    transform: rotate(180deg);
    z-index: 1;
}

div.green.topHead h4 .glyphicon,
div.grey.topHead h4 .glyphicon,
div.blue.topHead h4 .glyphicon {
    font-size: 22px;
}

.topHead h1 .glyphicon,
.topHead h2 .glyphicon,
.topHead h3 .glyphicon,
.topHead h4 .glyphicon,
div.green.topHead h1 .glyphicon,
div.grey.topHead h1 .glyphicon,
div.blue.topHead h1 .glyphicon,
div.green.topHead h2 .glyphicon,
div.grey.topHead h2 .glyphicon,
div.blue.topHead h2 .glyphicon,
div.green.topHead h3 .glyphicon,
div.grey.topHead h3 .glyphicon,
div.blue.topHead h3 .glyphicon,
div.green.topHead h4 .glyphicon,
div.grey.topHead h4 .glyphicon,
div.blue.topHead h4 .glyphicon,
.subNav div.green.topHead h1 .glyphicon,
.subNav div.grey.topHead h1 .glyphicon,
.subNav div.blue.topHead h1 .glyphicon,
.subNav div.green.topHead h2 .glyphicon,
.subNav div.grey.topHead h2 .glyphicon,
.subNav div.blue.topHead h2 .glyphicon,
.subNav div.green.topHead h3 .glyphicon,
.subNav div.grey.topHead h3 .glyphicon,
.subNav div.blue.topHead h3 .glyphicon,
.subNav div.green.topHead h4 .glyphicon,
.subNav div.grey.topHead h4 .glyphicon,
.subNav div.blue.topHead h4 .glyphicon {
    color: #fff;
    position: static;
    z-index: auto;
    float: right;
    transform: none;
}

.topHead h1 .glyphicon,
.topHead h2 .glyphicon,
.topHead h3 .glyphicon,
.topHead h4 .glyphicon {
    color: #242726;
}

.special p {
    color: #ff8b00;
    font-weight: 600;
    font-size: 12px;
}

.special p.subinfo,
a.subinfo,
.subinfo {
    font-weight: normal;
    font-style: italic;
    font-size: 12px;
}

.footnotes h5 {
    margin-bottom: .5em;
}

.footnotes p {
    margin: 0 0 1em 0;
    line-height: 20px;
}

.usp p {
    font-size: 40px;
    margin: 30px 0;
    color: #242726;
}

.usp p span.glyphicon {
    color: #ff8b00;
    display: block;
    margin: 0 0 5px;
}

.usp small {
    font-size: 11px;
    display: block;
}

.usp a:hover {
    text-decoration: none;
}

.mainOffer {
    text-align: center;
}

.singleOfferBox {
    border: 2px solid #0070ab;
}

.singleOfferContent {
    display: inline-block;
    padding: 15px 15px 8px;
    text-align: center;
    width: 100%;
}

.singleOfferContent img {
    max-width: 250px;
}

.singleOfferContent p {
    margin: 15px 0;
}

.singleOfferContent .rating {
    margin: 5px 0 20px;
}

.singleOfferContent .average {
    font-size: 30px;
}

.singleOfferContent .usp p {
    font-size: 30px;
}

.singleOfferContent .btn {
    margin: 1% 0;
    float: none
}

.media {
    margin-top: 0;
}

.media-list {
    background: #fff;
}

.media-list .comment-list {
    padding: 0;
}

.media-list time,
.media-list p {
    font-size: 12px;
}

.media-list li.media {
    border-bottom: 1px dotted #666;
}

.latestNews .media-list li.media,
#commentOnPage .media-list.comment-form,
#commentOnPage .media-list li.media {
    padding: 15px;
}

.media-list.comment-form,
.commentPage .media-list li.media {
    padding: 15px 0;
}

.commentPage .actualBox .media-list li.media {
    padding: 0;
}

.media-list li.media:last-child {
    border: 0;
}

.media-left .glyphicon {
    font-size: 25px;
    color: #969696;
}

.subNav .row {
    margin: 0 -15px 30px;
}

.onPageNav .topHead {
    margin: 0 0 20px 0;
}


/*Unsichtbares Eingabefeld, fuer SPAM-Check*/

.nd {
    display: none;
}

#password_security.error {
    color: #ff0000;
}

#password_security.schwach {
    color: #d43f3a;
}

#password_security.mittel {
    color: #ff7800;
}

#password_security.stark {
    color: #00994b;
}


/*--------------------------Allgemeine Lightbox Anpassungen----------------------*/

.modal-content {
    border-radius: 0;
}


/*--------------------------Allgemeine Bootstrap Anpassungen----------------------*/

.small {
    line-height: 18px;
}

.btn {
    float: right;
    white-space: initial;
    transition: all 0.3s ease-in-out 0s;
}

.btn-default,
.list-group a.btn-default {
    border-color: #0070ab;
    color: #0070ab;
}

.btn-default:hover,
.btn-default:focus,
.list-group a.btn-default:hover,
.list-group a.btn-default:focus {
    background: #0070ab;
    color: #fff;
    border-color: #0070ab;
}

.btn-primary,
.list-group a.btn-primary {
    background-color: #0070ab;
    color: #fff;
    border-color: #fff
}

.btn-primary:hover,
.btn-primary:focus,
.list-group a.btn-primary:hover,
.list-group a.btn-primary:focus {
    background-color: #fff;
    color: #0070ab;
    border-color: #0070ab;
}

.btn-info,
.list-group a.btn-info {
    border-color: #00bc57;
    color: #242726;
    background-color: #fff;
}

.btn-info:hover,
.btn-info:focus,
.list-group a.btn-info:hover,
.list-group a.btn-info:focus {
    background: #00bc57;
    color: #fff;
    border-color: #00bc57;
}

.btn-success,
.list-group a.btn-success {
    border-color: #00bc57;
    color: #fff;
    background-color: #00bc57;
}

.btn-success:hover,
.btn-success:focus,
.list-group a.btn-success:hover,
.list-group a.btn-success:focus {
    background: #0070ab;
    color: #fff;
    border-color: #0070ab;
}

.label-primary {
    background-color: #0070ab;
    font-size: 1.1em;
    margin-top: 0.2em;
    white-space: normal;
    display: inline-block;
    line-height: 1.4em;
    border: 1px solid #fff;
}

.label-primary[href]:hover,
.label-primary[href]:focus {
    background-color: #fff;
    color: #0070ab;
}

.list-group-item {
    border: 0 none;
    padding: 10px 15px 0;
    margin-bottom: 0;
}

.list-group-item:first-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.list-group-item:last-child {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.list-group-item h4 {
    font-size: 15px;
    margin: 3px 0;
}

.list-group {
    list-style: none;
    margin: 0;
    padding: 0;
}

.list-group a {
    color: #242726;
    line-height: 1.8em;
}

.thumbnail {
    border-radius: 0;
    border-style: solid;
    border-width: 2px;
    margin: 0;
    padding: 15px;
}

.thumbnail .caption {
    background: none;
    display: inline-block;
    width: 100%;
    padding: 15px 0;
}

.nav-pills>li.active>a,
.nav-pills>li.active>a:focus,
.nav-pills>li.active>a:hover,
.nav.nav-pills>li>a:focus,
.nav.nav-pills>li>a:hover {
    background-color: transparent;
    color: #242726;
}

.nav.nav-pills>li>a:hover {
    text-decoration: underline;
}

.nav-pills a {
    color: #242726;
}

.nav-justified {
    background: #fff;
}

.nav-justified>li>a {
    text-align: left;
    padding: 0 0 20px;
}

.nav-justified>li:last-child>a {
    padding: 0;
}

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

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

.pagination>li>a:focus,
.pagination>li>a:hover,
.pagination>li>span:focus,
.pagination>li>span:hover {
    background-color: #efefef;
}

.embed-responsive {
    margin: 20px 0;
}


/*------------------------Breadcrumb-------------------------*/

.breadcrumb {
    font-size: 12px;
    background-color: transparent;
    margin-bottom: 0;
    padding: 0 15px;
}


/*--------------------------NEW STUFF topNews----------------------*/

.topNews img {
    width: auto;
}

.topNews .carousel-caption {
    background-color: rgba(255, 255, 255, 0.7);
    bottom: 0;
    left: 0;
    right: auto;
    position: relative;
    text-shadow: none;
    padding: 20px;
    text-align: left;
    color: #242726;
}

.topNews .carousel-caption h4 {
    margin: 0 0 10px;
}

.topNews .carousel-caption h4 a {
    color: #242726;
    font-size: 20px;
}

.topNews .carousel-caption p {
    margin: 0 0 15px;
}

.topNews .carousel-control {
    width: auto;
    top: auto;
    text-shadow: none;
    color: #000;
    opacity: 1;
}

.topNews .carousel-control.left,
.topNews .carousel-control.right {
    left: auto;
    right: 6%;
    bottom: 9%;
    background-image: none;
}

.topNews .carousel-control.right {
    right: 2%;
}

.topNews .carousel-caption .label {
    font-weight: normal;
}

.topNews .thumbnail {
    padding: 0;
    margin: 30px 0 0;
    border-width: 1px;
    min-height: 280px;
}

.topNews .withImg .thumbnail {
    min-height: 480px;
}

.topNews .thumbnail .caption {
    padding: 15px;
}

.topNews .thumbnail .caption h3 {
    font-size: 17px;
}

.topNews .thumbnail .thumbnailBtn {
    display: inline-block;
    padding: 15px;
    width: 100%;
}

.topNews .carousel {
    margin: 0 0 30px;
    border: 1px solid #ddd;
}

.topNews .carousel-caption {
    background-color: #efefef;
}

.topNews .carousel-control.left,
.topNews .carousel-control.right {
    left: 47%;
    right: 54%;
    bottom: 3.5%;
    background-image: none;
}

.topNews .carousel-control.right {
    right: 35%;
}

.topNews .carousel-control .glyphicon-chevron-left,
.topNews .carousel-control .glyphicon-chevron-right {
    font-size: 20px;
    color: #474747;
    background-color: #fff;
    padding: 3px 5px;
}

.topNews .btn {
    float: none;
}

.subNav.greyBg {
    margin: 0;
    word-wrap: break-word;
}

.greyBg .boxList {
    background: transparent none repeat scroll 0 0;
    font-size: 12px;
    margin: 0 0 10px;
    padding: 15px 0 10px;
}

.greyBg .list-group-item {
    background: transparent none repeat scroll 0 0;
    padding: 10px 15px;
}

.content .container .favCards h3,
.container .favCards h3 {
    margin: 15px 0 0;
}

.container .favCards .topHead h3 {
    margin: 0;
}

#myCarouselSmall p,
.award p {
    display: none;
}

#myCarouselSmall .carousel-inner {
    background: #fff;
}

#myCarouselSmall .carousel-inner .item img {
    width: 100%;
    height: 100%;
    max-width: 250px;
    border-radius: 0.7em;
}

#myCarouselSmall .carouselPic {
    background: #fff none repeat scroll 0 0;
    padding: 35px;
    text-align: center;
}

#myCarouselSmall .carousel-indicators {
    bottom: 15px;
    left: 0;
    width: auto;
    padding: 5px 25px 5px 25px;
    margin-left: 0;
    background: #474747;
}

#myCarouselSmall .carousel-indicators li {
    border-radius: 0;
    width: 8px;
    height: 8px;
    background: #fff;
}

#myCarouselSmall .carousel-indicators .active {
    width: 10px;
    height: 10px;
    background: #0070ab;
    border-color: #0070ab;
}

#myCarouselSmall .carousel-caption {
    background: #474747 none repeat scroll 0 0;
    left: auto;
    min-height: 170px;
    padding: 13px;
    position: relative;
    right: 0;
    text-align: left;
    top: 0;
}

#myCarouselSmall .carousel-caption h3 {
    margin: 3px 0 10px;
    font-size: 18px;
}

#myCarouselSmall .carousel-caption .glyphicon {
    color: #474747;
    font-size: 30px;
    left: -21px;
    position: absolute;
    text-shadow: none;
    top: 10px;
}

#myCarouselSmall .btn {
    margin: 15px 10px 0 0;
}

#myCarouselSmall ul {
    font-size: 12px;
    line-height: 22px;
    padding: 0 0 0 15px;
    margin: 20px 0;
}


/*--------------------------topSubNews----------------------*/

section.topSubNews {
    margin: -30px 0 30px;
}

section.topSubNews small {
    display: block;
    font-size: 12px;
    padding: 0 0 7px;
}

section.topSubNews p a {
    color: #242726;
}


/*--------------------------Favorites----------------------*/

.icons.glyphicon {
    border-color: #00bc57 #999 #999;
    border-image: none;
    border-style: solid;
    border-width: 2px;
    color: #999;
    font-size: 60px;
    margin: 25px 0 10px;
    padding: 20px 40px 15px;
}

.icons.glyphicon:hover {
    border-color: #00bc57 #00bc57 #00bc57 !important;
    color: #00bc57 !important;
}


/*--------------------------Ratings----------------------*/

.stars {
    color: #999;
    font-size: 30px;
    position: absolute;
    top: -45px;
}

.ratingBox {
    background-color: #fff;
    margin: 15px 0;
    padding: 15px;
}

.award {
    background-color: #fff;
    display: inline-block;
    position: relative;
    width: 100%;
    margin: 30px 0 0;
}

.award h4 {
    margin: 5px 0 10px;
    line-height: 24px;
}

.award img {
    max-width: 215px;
    width: 100%;
}

.award.affiliate img {
    max-width: 350px;
    border-left: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
}

.award .col-md-12 {
    text-align: center;
}

.award-caption {
    background: #474747 none repeat scroll 0 0;
    bottom: 0;
    color: #fff;
    display: inline-block;
    text-align: left;
    padding: 13px;
    width: 100%;
}

.award p {
    font-size: 14px;
    margin: 0;
}

.award .btn,
.singlePage .award .btn,
.commentPage .award .btn {
    margin: 15px 0 0;
    color: #fff;
}

.award .btn:hover,
.singlePage .award .btn:hover,
.commentPage .award .btn:hover {
    color: #0070ab;
}


/*--------------------------Vergleichs-Boxen Compare----------------------*/

.compareBox {
    background: #fff;
    display: inline-block;
    margin: 0 0 30px;
    width: 100%;
}

.compareBox .btn {
    float: none;
    margin: 15px 0 30px;
}

.compareBox .checkbox label {
    text-transform: uppercase;
    font-size: 15px;
    padding: 0;
}

.compareBox .checkbox input[type="checkbox"] {
    margin-top: 6px;
}

.compareBox .checkbox {
    margin-bottom: 0;
    margin-top: 0;
}


/*--------------------------Kategorieseiten----------------------*/

.bg-1 {
    background: #fff url("../../img/bg.jpg") no-repeat scroll center top / cover;
    display: inline-block;
}

.head-bg .compare {
    padding: 0;
}

.head-bg .compareBox {
    background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
    margin: 0;
    color: #fff;
}

.categoryBox,
.offerBox {
    margin: 0 0 30px;
}

.categoryBox:last-child,
.offerBox:last-child {
    margin: 0;
}

.categoryBox .list-group a {
    line-height: 1.2em;
}

.categoryBox .list-group-item {
    padding: 15px 15px 8px;
}

.latestNews .list-group-item {
    border-bottom: 1px dotted #666;
}

.latestNews .list-group-item:last-child {
    border-bottom: 0;
}

.boxList {
    background: #fff none repeat scroll 0 0;
    margin: 0 0 15px;
    padding: 5px 0 10px;
}

.latestNews {
    background: #fff;
    padding: 0 0 10px;
}

.latestNews h3 {
    font-size: 19px;
}

.categoryBox .offerBox {
    margin: 15px 0 0;
}

.sitemap .categoryBox {
    margin: 0 0 15px;
}

.categoryBox .first-item .thumbnail {
    padding: 0;
    border-width: 0;
    border-bottom-width: 2px;
    background-color: transparent;
}


/*--------------------------actualInfos----------------------*/

.actualBox {
    background: #fff;
    display: inline-block;
    padding: 10px 0 0;
}

.actualBox .topHead {
    padding: 10px 0;
    margin: 0 0 10px;
}

.favCards {
    margin: 25px 0 0;
    position: sticky;
    top: 15px;
}

.favCards.sponsored {
    position: inherit;
}

.actualInfos .thumbnail {
    border: 0;
}

.favCards .thumbnail {
    border-left: 1px solid #efefef;
    border-right: 1px solid #efefef;
    border-top: 0;
    border-bottom: 0;
}

.favCards .list-group-item {
    border-bottom: 2px solid #666;
    padding: 0;
}

.favCards .thumbnail .caption {
    padding: 0;
}

.favCards .list-group-item img {
    max-width: 350px;
}

.actualInfos .thumbnail img {
    margin: 0;
    padding: 5px 0 15px;
    max-width: 350px;
    width: 100%;
}


/*---------------------topOffers----------------------------*/

section.topOffers {
    margin: 50px 0 30px;
}

.topOffers .thumbnail img {
    margin: 0;
    max-width: 350px;
    width: 100%;
    padding: 0 0 10px;
}

.offerBox {
    background: #fff;
}

.topOffers .giroaccount .thumbnail img {
    padding: 15px 25px;
    margin: 0;
    display: inline-block;
    max-height: 130px;
    width: auto;
}

.topOffers .thumbnail img {
    padding: 25px;
}

.topOffers .tippFlag {
    position: absolute;
    background: #ff8b00;
    padding: 7px 13px;
    color: #fff;
    font-size: 14px;
    top: -32px;
    right: 15px;
}

.topOffers .thumbnail {
    position: relative;
    padding: 0;
    text-align: center;
}

.topOffers .caption {
    background: #efefef;
    padding: 35px 15px 15px;
    text-align: left;
    position: relative;
    margin: 25px 0 0;
    min-height: 150px;
}

.topOffers .caption ul {
    padding: 0;
    margin: 0;
    padding: 0 0 0 15px;
    font-size: 14px;
    line-height: 24px;
}

.topOffers .caption ul li {
    padding: 2px 0;
}

.topOffers .caption ul li.bold {
    font-weight: bold;
}

.topOffers a {
    display: block;
}

.topOffers .imgLink {
    min-height: 130px;
    max-height: 130px;
}

.topOffers .caption .btn {
    position: absolute;
    top: -25px;
    right: 15px;
}


/*---------------------topThumbnails----------------------------*/

section.topOffers.topThumbnails {
    margin: 0 0 30px;
}

.topThumbnails .mainHead {
    margin: 0 0 50px;
}

.topThumbnails .offerBox,
.topThumbnails .offerBox:last-child {
    margin: 0 0 30px;
    background-color: transparent;
    clear: both;
}

.topThumbnails .offerBox h3 {
    font-size: 18px;
}

.topThumbnails.topOffers .caption {
    background-color: #fff;
    margin: 0;
    padding: 15px;
}

.topThumbnails.topOffers .imgLink {
    min-height: 100%;
    max-height: 100%;
}

.topThumbnails.topOffers .thumbnail img {
    max-width: 100%;
    padding: 15px 15px 0;
}

.topThumbnails.topOffers .thumbnail small {
    display: inline-block;
    line-height: 20px;
    margin: 0 0 20px;
}

.topThumbnails.topOffers .caption .btn {
    position: relative;
    top: auto;
    right: auto;
}


/*---------------------Downloads----------------------------*/

.downloads .btn {
    float: none;
}


/*---------------------einzelne (Produkt-)Seiten----------------------------*/

.singlePage .boxLink {
    cursor: pointer;
}

.singlePage .singlePageHead {
    border: 1px solid #ddd;
    border-top: 3px solid #0062ab;
    padding: 15px;
}

.singlePage .mainOffer {
    text-align: left;
    padding: 15px 0 0;
    display: inline-block;
    width: 100%;
}

.singlePage .singlePageHead .special {
    background-color: #ff8b00;
    padding: 2px 0 3px;
    right: 5px;
    top: 55px;
    z-index: 100;
    margin: 0 -15px;
}

.singlePage .singlePageHead .special p {
    font-size: 14px;
    color: #fff;
    margin: 0;
    font-weight: normal;
    line-height: 20px;
}

.singlePage .singlePageHead .special_shadow {
    border-bottom: 10px solid #c67100;
    border-left: 10px solid transparent;
    border-right: 20px solid transparent;
    height: 0;
    position: absolute;
    right: -5px;
    top: 85px;
    transform: rotate(90deg);
    width: 0;
    z-index: 80;
    display: none;
}

.singlePage .rating-container .rating-xs {
    padding: 0;
}

.singlePage .singlePageHead .usp .topHead {
    border-bottom: 0;
    margin: 0;
    padding: 0;
    display: none;
}

.singlePage .singlePageHead .usp {
    text-align: right;
}

.singlePage .singlePageHead .usp p {
    margin: 0;
    font-size: 16px;
}

.singlePage .singlePageHead .usp .mainPrice {
    margin: 0 0 10px 0;
}

.singlePage .singlePageHead .usp .mainPrice p {
    font-size: 26px;
    color: #0062ab;
    font-weight: bold;
}

.singlePage .singlePageHead .usp small {
    display: block;
    font-size: 12px;
    margin: 3px 0 0;
}

.singlePage .rating-container p {
    margin: 5px 0 15px;
    line-height: normal;
}

.singlePage .offer_details[aria-expanded="false"]::after {
    content: "";
    border-style: solid;
    border-width: 7px 5px 0;
    border-color: #005ea8 transparent transparent;
    display: inline-block;
    margin: 0 0 1px 5px;
}

.singlePage .offer_details[aria-expanded="true"]::after {
    content: "";
    border-style: solid;
    border-width: 0px 5px 7px;
    border-color: transparent transparent #005ea8;
    display: inline-block;
    margin: 0 0 1px 5px;
}

.singlePage .well {
    border-radius: 0;
    background-color: #efefef;
    border: 1px solid #ddd;
    box-shadow: none;
    margin-bottom: 0;
    margin-top: 10px;
    padding: 10px;
    font-size: 13px;
}

.singlePage .well .nav-pills {
    margin: 0 0 10px 0;
}

.singlePage .well .nav-pills>li>a {
    padding: 0 12px 0 0;
    color: #337ab7;
    line-height: 22px;
}

.singlePage .well .nav-pills>li.active>a {
    text-decoration: underline;
    color: #242726;
}

.singlePage .well .table {
    margin: 10px 0 0;
}

.singlePage .well .table-responsive>.table>tbody>tr>td {
    white-space: normal;
    display: block;
}

.singlePage .well .table tr th {
    display: block;
    white-space: pre-wrap;
}

.singlePage .well .table>tbody>tr>th,
.singlePage .well .table>tbody>tr>td {
    border-top: 1px solid #ddd !important;
}

.singlePage .well .table small {
    display: block;
    margin: 5px 0;
}

.singlePage .well .table h5 {
    font-size: 13px;
    font-weight: bold;
    margin: 15px 0 5px;
}

.singlePage .well .table h5:nth-child(1) {
    margin: 0 0 5px;
}

.singlePage .btn {
    float: none;
    display: block;
    margin: 0 0 15px;
}

.singlePage .topHead {
    margin: 0 0 15px;
    border-bottom: 1px solid #ddd;
    padding: 0 0 15px;
}

.singlePage .topHead h1 {
    padding: 0 15px;
    color: #0062ab;
    margin: -7px 0;
}

.singlePage .infoInactive,
.content .infoInactive {
    background: #ff8b00 none repeat scroll 0 0;
    color: #fff;
    font-size: 17px;
    margin: 0 0 30px;
    padding: 15px;
}

.singlePage .infoInactive a,
.content .infoInactive a {
    color: #fff;
    text-decoration: underline;
    text-transform: uppercase;
}

.singlePage .infoInactive a:hover,
.content .infoInactive a:hover {
    text-decoration: none;
}

.content .infoInactive {
    margin: 30px 0;
}

.singlePage .mainHead {
    margin: 0;
}

.singlePage .list-group span {
    color: #0070ab;
    padding: 0 10px 0 0;
}

.singlePage .list-group-item {
    padding: 0 15px 20px;
}

.singlePage .list-group {
    padding: 0 10px 0 0;
    line-height: 20px;
    margin: 15px 0;
    list-style-image: none;
}

.singlePage .list-group .list-group-item {
    list-style-type: none;
    padding: 0 0 7px;
    font-size: 14px;
}

.singlePage .list-group .list-group-item::before {
    content: "";
    display: inline-block;
    background-image: url("../../img/check.jpg");
    background-repeat: no-repeat;
    background-size: contain;
    height: 15px;
    width: 15px;
    margin: 0 5px 0 0;
}

.singlePage .singlePageHead img {
    max-width: 120px;
}

.singlePage .rating-xs {
    padding: 0 15px;
}

.commentPage .rating-container .star {
    margin: 0 15px 0 0;
}

.singlePage .rating-container .star {
    margin: 0;
}

.singlePage .special p {
    padding: 0 15px;
}

.singlePage .testSeal img {
    max-width: 150px;
}

.singlePage img.creditcard_badge {
    max-width: 50%;
}

#conditions .table {
    background: #fff;
    margin: 0;
}

#conditions .row {
    padding: 15px 0;
}

#conditions .row:last-child {
    padding: 0;
}

#conditions #notes {
    color: #666;
}

#conditions #notes small {
    display: block;
    padding: 5px 0 0;
    padding: 10px 10px 15px;
    background: #fff none repeat scroll 0 0;
    margin: 10px 0 0;
}

#conditions .table>tbody>tr>td {
    padding: 15px 8px;
}


/*---------------------Kommentarfelder----------------------------*/

#commentOnPage .media-list,
.commentPage .media-list,
.guide.media-list {
    margin: 0;
}

#commentOnPage .media-list.comment-list {
    margin: 0 0 30px;
    padding: 0 15px;
}

.comment-form input.form-control {
    width: auto;
}

#commentOnPage .comment-form .btn,
.commentPage .comment-form .btn {
    float: none;
}

.commentPage .nav-justified {
    margin: 0 0 30px;
    padding: 0 15px 20px;
}

.media .fa {
    font-size: 40px;
    color: #666;
}

.commentPage .thumbnail img {
    max-width: 400px;
    margin-left: 0;
}

.comments {
    display: inline-block;
    background: #fff;
    width: 100%;
}

.comments.noComment {
    padding: 0 20px;
}

.comments .media-list {
    padding: 0 15px;
}

.comments .pagination {
    margin: 0 15px 15px 15px;
}

.writeComment {
    margin: 0 0 30px;
    background-color: #fff;
}

#comments .writeComment .topHead {
    padding: 10px 15px 10px 0;
    margin: 15px 0 0;
}

.commentPage .thumbnail .topHead {
    margin: 0 -15px 15px;
    padding: 10px 15px;
}

.commentPage .rating-xs p {
    margin: 15px 0 0;
}


/*---------------------einzelne Ratgeber-Seite----------------------------*/

.guide .topHead {
    margin: 0;
}

.guide .boxList {
    padding: 15px 0 10px;
    font-size: 12px;
    background: transparent;
    margin: 0 0 10px;
}

.guide .list-group-item {
    padding: 10px 15px;
    background: transparent;
}

.guide .favCards .list-group-item {
    padding: 0;
}

.guide .list-group-item a {
    line-height: 15px;
}

.subNav .grey.light,
.subNav .award {
    margin: 0 0 30px;
}

.subNav p {
    padding: 0 15px;
    display: inline-block;
}

.subNav .award .row {
    margin: 0 -15px;
}

.subNav .award p {
    padding: 0;
}

.subNav .list-group-item a {
    text-decoration: underline;
}

.subNav .list-group-item a:hover {
    text-decoration: none;
}

.guide.media-list .guide-list {
    padding: 0;
}

.guide ol li {
    padding: 5px 0;
}

.guide .socialShare img {
    width: auto;
    max-width: 100%;
}

.guide .socialteil-box {
    position: inherit;
    border: 1px solid #efefef;
    padding: 15px;
}

.guide .socialteil-box li,
.guide .socialteil-box li:hover {
    background: transparent;
    text-align: center;
    padding: 10px 7px;
}

.guide .socialShare img {
    float: none;
}

.guidepage .categoryBox .green.topHead,
.guidepage .categoryBox .grey.topHead,
.guidepage .categoryBox .blue.topHead,
.guidepage .categoryBox .orange.topHead,
#comments .categoryBox .green.topHead,
#comments .categoryBox .grey.topHead,
#comments .categoryBox .blue.topHead,
#comments .categoryBox .orange.topHead {
    cursor: pointer;
}

.guidepage .categoryBox,
#comments .categoryBox {
    margin: 0 0 1px;
}


/*--------------------------Kalenderseite----------------------*/

#calendar {
    background: #fff;
    padding: 20px;
}

.cal-row-head [class*="cal-cell"]:first-child,
.cal-row-head [class*="cal-cell"] {
    font-weight: normal;
    text-transform: uppercase;
}

.fc-event {
    background: #0062ab;
    padding: 5px;
}


/*---------------------Impressum/Datenschutz/usw.----------------------------*/

.impTable {
    margin: 20px 0;
}

.impTable td {
    padding: 10px 20px 10px 0;
}

.impTable img {
    width: auto;
}

.impTable .row {
    margin: 10px -15px;
}

.impTable .row div:nth-child(1) {
    font-weight: bold;
}


/*---------------------Lexika----------------------------*/

.lexika .subNavGuide {
    background: #fff;
}

.guide.lexika .boxList {
    padding: 10px 0 15px;
}

.guide.lexika .list-group-item {
    padding: 5px 15px 5px 15px;
    display: inline-block;
}

.lexika .nav.nav-tabs>li {
    width: 42px;
    float: left;
    margin: 0;
    border: 0;
}

.lexika .nav.nav-tabs>li>a {
    color: #242726;
    border-width: 0 0 2px;
}

.guide.lexika .list-group-item a {
    color: #242726;
}


/* .lexika .nav.nav-tabs>li:hover>a {
    color: #fff;
} */

.guide.lexika .list-group-item:hover a {
    text-decoration: none;
    color: #242726;
}

.guide.lexika .list-group-item.active {
    background: none;
}

.guide.lexika .list-group-item.active a,
.guide.lexika .list-group-item:hover a {
    color: #0070ab;
    margin: 0 0 0 -12px;
    padding: 0 0 0 12px;
}

.lexika .subNavGuide {
    border: 2px solid #ddd;
}

.lexika .nav-tabs>li.active>a,
.lexika .nav-tabs>li.active>a:focus,
.lexika .nav-tabs>li.active>a:hover {
    background-color: #ddd;
    border-color: transparent;
    border-radius: 0;
    border-width: 0 0 2px;
    color: #242726;
    cursor: default;
}

.lexika #myCarousel .carousel-caption h4,
.lexika .list-group-item h4 {
    font-size: 15px;
    line-height: 18px;
}

.lexika .topNews .carousel-inner>.item>a>img,
.lexika .topNews .carousel-inner>.item>img {
    max-width: none;
}

.lexika #myCarousel .list-group-item time {
    display: none;
}

#lexika.nav.nav-tabs>li:hover,
#lexika.nav.nav-tabs>li.active,
#lexika.nav.nav-tabs>li.active:focus,
#lexika.nav.nav-tabs>li.active:hover {
    border-top: none;
    padding: 0;
}

.socialShare {
    margin: 0;
    padding: 0;
}

.socialShare img {
    max-width: 20px;
}


/*---------------------------------Lexikon Ads----------------------------------*/

.lexika .subNav {
    margin: 0;
}

.teaserAd {
    margin: 0 0 20px;
    background-color: #ddd;
    display: inline-block;
    width: 100%;
    border: 2px solid #ddd;
    border-right-width: 0px;
}

.teaserSticky .teaserAd {
    background-color: #0070ab;
    border: 2px solid #0070ab;
    border-right-width: 0px;
}

.affix {
    top: 0;
    z-index: 100;
}

.teaserSticky {
    position: fixed;
    top: 0;
    z-index: 100;
}

.teaserAd p {
    display: inline-block;
    width: 100%;
    margin: 10px 0;
}

.teaserAd a p {
    color: #242726;
}

.teaserSticky .teaserAd .teaserQuest p {
    color: #fff;
}

.teaserAd .teaserText {
    background-color: #fff;
    text-align: center;
}

.teaserAd .teaserQuest,
.teaserAd .teaserLink a {
    text-transform: uppercase;
    font-weight: bold;
    color: #242726;
    font-size: 16px;
    line-height: 18px;
}

.teaserLink {
    background-color: #0070ab;
    margin: -2px 0;
    padding: 2px 0;
}

.teaserLink p {
    margin: 11px 0;
}

.teaserAd .teaserLink a {
    color: #fff;
    display: block;
}

.teaserAd .teaserLink a p {
    color: #fff;
}

.revealImg {
    display: none;
    width: 100%;
    height: auto;
}

.guide .revealImg {
    margin: -25px 0 25px;
}

.guide.lexika .revealImg {
    margin: 0 0 25px;
}

.doRegistration {
    padding: 25px 0 0;
}


/*---------------------Footer----------------------------*/

footer,
footer small,
footer a {
    color: #fff;
}

footer .grey.light a {
    color: #242726;
}

footer a {
    font-size: 12px;
    padding: 0 15px;
}

footer a:hover {
    color: #fff;
}

footer .grey.light a:hover {
    color: #242726;
}

footer .grey,
footer .grey.light {
    padding: 30px 0;
}

footer p a {
    border: 1px solid #fff;
    font-size: 20px;
    padding: 8px;
    margin: 0 20px 0 0;
    display: inline-block;
}

footer p a:hover {
    background: #fff;
    color: #0070ab;
}

footer .text-right {
    text-align: left;
}


/*---------------------Osteraktion----------------------------*/


/* .easteregg {
    width:auto;
    padding: 0 5px;
    margin: 0;
    display: inline;
    border: none;
} */

.easteregg-banner {
    margin: 2em auto;
}

.easteregg-letter {
    display: inline-block;
    height: 40px;
    padding-top: 10px;
    text-align: center;
    width: 32px;
    background-repeat: no-repeat;
}

.easteregg-letter.orange-egg {
    background-image: url(https://cdn2.paysol.de/sonstiges/orange.png);
}

.easteregg-letter.blau-egg {
    background-image: url(https://cdn2.paysol.de/sonstiges/blau.png);
}

.easteregg-letter.gruen-egg {
    background-image: url(https://cdn2.paysol.de/sonstiges/gruen.png);
}

.easteregg-letter a {
    color: #000;
}


/*---------------------News PDF Hinweis----------------------------*/

.notePDF {
    padding: 15px;
    display: inline-block;
    width: 100%;
    margin: 0;
    background-color: #0062ab;
    color: #fff;
}

.guide .container .content .notePDF h4 {
    margin: 0 0 10px;
}

.notePDF small {
    display: block;
    margin: 0 0 15px;
}

.news .media-list {
    margin: 25px 0 0;
}

.news .media-list .btn {
    margin: 0 0 25px;
}

.news .media-list time,
.news .media-list p {
    font-size: 16px;
}

@media (min-width: 460px) {
    .input-group {
        float: none;
        max-width: none;
        padding: 0;
    }
    #search_container .input-group {
        max-width: 400px;
    }
    #myCarouselSmall .carousel-caption {
        min-height: 275px;
    }
    #myCarouselSmall .carousel-caption h3 {
        font-size: 20px;
    }
    #myCarouselSmall p,
    .award p {
        display: block;
    }
    #myCarouselSmall .btn {
        margin: 0 10px 10px 0;
    }
}

@media (min-width: 590px) {
    .compareBox .checkbox label {
        font-size: 18px;
    }
    .img-left {
        float: left;
        margin: 0 25px 10px 0;
    }
    .img-right {
        float: right;
        margin: 0 0 10px 25px;
    }
    /* Bild animiert */
    p.img-right img {
        -webkit-transition: .3s ease-in-out;
        transition: .3s ease-in-out;
    }
    p.img-right:hover img {
        margin-left: 5px;
    }
    /* Bild mit Zoom (animiert) */
    .img-animated-container {
        border-radius: .25rem;
        height: 20rem;
        overflow: hidden;
        width: 80%;
        margin: 0 auto;
        border: 2px solid #ddd;
    }
    .img-animated-container img {
        -webkit-transform: scale(1) rotate(.02deg) translateZ(0);
        transform: scale(1) rotate(.02deg) translateZ(0);
        -webkit-transition: -webkit-transform 1s ease-out;
        transition: -webkit-transform 1s ease-out;
        transition: transform 1s ease-out;
        transition: transform 1s ease-out, -webkit-transform 1s ease-out
    }
    .img-animated-container img:hover {
        -webkit-transform: scale(1.025) rotate(.02deg) translateZ(0);
        transform: scale(1.025) rotate(.02deg) translateZ(0);
        -webkit-transition: -webkit-transform .5s ease-in;
        transition: -webkit-transform .5s ease-in;
        transition: transform .5s ease-in;
        transition: transform .5s ease-in, -webkit-transform .5s ease-in
    }
}

@media (min-width: 768px) {
    #tracking-consent h3 {
        font-weight: normal;
    }
    #tracking-consent .btn {
        margin: 15px 15px 0 0;
        width: auto;
        float: left;
    }
    .topNews .carousel-caption {
        position: absolute;
        background-color: rgba(255, 255, 255, 0.7);
    }
    .topNews .carousel-control.left,
    .topNews .carousel-control.right {
        bottom: 4%;
        background-image: none;
        top: auto;
    }
    .topNews .btn {
        float: right;
    }
    .topNews .thumbnail .caption {
        min-height: 100px;
        max-height: 100px;
    }
    .topNews .withImg .thumbnail .caption {
        min-height: 120px;
        max-height: 120px;
    }
    .favCards.whiteBg .thumbnail h3 {
        font-size: 16px;
    }
    .favCards.whiteBg .thumbnail {
        text-align: left;
    }
    .favCards.whiteBg .btn {
        float: right;
    }
    .teaserAd p {
        display: inline-block;
        width: 100%;
        margin: 20px 0;
    }
    .teaserAd .teaserQuest,
    .teaserAd .teaserLink a {
        font-size: 14px;
        line-height: 16px;
    }
    .teaserLink p {
        margin: 11px 0;
    }
    a.top {
        padding: 11px 14px 9px;
        right: 35px;
        font-size: 30px;
    }
    .bordered.grey.logos,
    .borderd.green.logos,
    .borderd.blue.logos {
        display: block;
    }
    .input-group {
        float: left;
        margin: 10px 0 0;
    }
    .logos {
        display: block;
    }
    .topOffers .blue.border {
        margin: 0;
    }
    #commentOnPage input[type="radio"] {
        margin: 2px 0 0 -20px;
    }
    .giroaccount .thumbnail {
        min-height: 225px;
    }
    .socialShare {
        margin: 25px 0;
    }
    .wrapper.socialShare {
        padding: 30px 0;
    }
    .socialShare img {
        float: right;
    }
    .guide .socialShare img {
        margin: 15px 0 0;
    }
    footer .text-right {
        text-align: right;
    }
    footer p a {
        margin: 0 0 0 20px;
    }
    .favCards .list-group-item img {
        max-width: 250px;
    }
    .topThumbnails .offerBox,
    .topThumbnails .offerBox:last-child {
        clear: none;
    }
    .topThumbnails.topOffers .thumbnail small {
        margin: 0;
        min-height: 260px;
    }
    .singlePage .mainOffer {
        padding: 15px 0;
    }
    .singlePage .list-group {
        margin: 0 0 5px -10px;
        border-right: 1px solid #ddd;
    }
}

@media (min-width: 992px) {
    .topNews .thumbnail {
        margin: 0;
    }
    .topNews .thumbnail .caption {
        min-height: 120px;
        max-height: 120px;
    }
    .topNews .withImg .thumbnail .caption {
        min-height: 160px;
        max-height: 160px;
    }
    .topNews .withImg .thumbnail {
        margin: 0 0 30px;
    }
    .favCards.whiteBg .thumbnail h3 {
        font-size: 24px;
    }
    main {
        margin: 30px 0 0;
    }
    .mainOffer {
        text-align: left;
    }
    .singleOfferContent .btn {
        margin: 8% 0;
    }
    .input-group {
        width: 100%;
    }
    .logos img {
        width: auto;
    }
    .compareBox {
        margin: 0;
    }
    .award {
        margin: 0;
    }
    .award img {
        max-width: 177px;
    }
    .categoryBox,
    .offerBox {
        margin: 0;
    }
    .giroaccount .thumbnail {
        min-height: 270px;
    }
    .topOffers .green.border {
        margin: 0;
    }
    .writeComment {
        margin: 0;
    }
    .commentPage .thumbnail {
        margin: 0;
    }
    .guide.lexika .list-group-item {
        padding: 5px 0 5px 15px;
    }
    .guide.lexika .list-group-item {
        display: block;
    }
    .guide.lexika .list-group-item.active a,
    .guide.lexika .list-group-item:hover a {
        border-left: 3px solid #0070ab;
        margin: 0 0 0 -15px;
    }
    /* .guide .socialteil-box li,
    .guide .socialteil-box li:hover {
        padding: 25px 0 0;
    } */
    .guide .socialShare img {
        margin: 0;
    }
    .lexika .nav.nav-tabs>li {
        width: 41px;
    }
    .lexika .topNews .carousel-inner>.item>a>img,
    .lexika .topNews .carousel-inner>.item>img {
        width: auto;
    }
    .singlePage .btn.mobileOnly {
        display: none;
    }
    footer p a {
        margin: 0 0 0 40px;
    }
    .topThumbnails.topOffers .thumbnail small {
        min-height: 180px;
    }
    .singlePage .mainHead {
        margin: 0 0 15px;
    }
    .singlePage .singlePageHead .special {
        position: absolute;
        padding: 6px 10px;
        margin: 0;
    }
    .singlePage .singlePageHead .special_shadow {
        display: block;
    }
    .singlePage .singlePageHead .special p {
        font-size: 18px;
    }
    .singlePage .topHead h1 {
        font-size: 28px;
        margin: 0;
    }
    .singlePage .singlePageHead img {
        max-width: 220px;
    }
    .singlePage .singlePageHead img.creditcard_badge {
        max-width: 50%;
    }
    .singlePage .singlePageHead .usp {
        text-align: right;
    }
    .singlePage .singlePageHead .usp .topHead {
        display: block;
    }
    .singlePage .singlePageHead .usp .mainPrice {
        margin: 15px 0;
    }
    .singlePage .singlePageHead .usp p {
        float: none;
        font-size: 20px;
    }
    .singlePage .singlePageHead .usp .mainPrice p {
        font-size: 26px;
    }
    .singlePage .list-group .list-group-item::before {
        margin: 0 10px 0 0;
    }
    .singlePage .well .table-responsive>.table>tbody>tr>th {
        display: table-cell;
        width: 30%;
    }
    .singlePage .well .table-responsive>.table>tbody>tr>td {
        display: table-cell;
        white-space: normal;
    }
}

@media (min-width: 1200px) {
    .teaserAd .teaserQuest,
    .teaserAd .teaserText,
    .teaserAd .teaserLink a {
        font-size: 16px;
        line-height: 18px;
    }
    /*--------------------NEW STUFF--------------------------*/
    #myCarouselSmall .carousel-inner>.item>a>img,
    #myCarouselSmall .carousel-inner>.item>img {
        width: 100%;
        max-height: none;
    }
    .award img {
        max-width: 137px;
    }
    .award.affiliate img {
        max-width: 100%;
    }
    .lexika .nav.nav-tabs>li {
        width: 43px;
    }
}


/*-------------------------Banner------------------*/

.programme .head-bg img,
.programme .favCards .thumbnail img {
    max-width: fit-content;
}

.programme .mobile_device,
.programme .full_device {
    border: 1px solid #efefef;
    padding: 15px;
    display: inline-block;
}

.programme .full_device {
    display: none;
}

.programme .favCards .thumbnail {
    border: 1px solid #efefef;
}

.programme .favCards {
    margin: 25px 0;
    position: unset;
}

@media (min-width: 768px) {
    .programme .mobile_device {
        display: none;
    }
    .programme .full_device {
        display: inline-block;
    }
    .programme .favCards {
        margin: 25px 0 0;
        position: sticky;
        top: 15px;
    }
}