/* @section 1. Global Styles */

body {
    background: #fff;
}

.layoutModal .brandingHeader {
    display: block;
    background: #155bb0;
    background: -webkit-linear-gradient(top, #155bb0, #5399d4 600px, #71b0e4 1200px, #71b0e4);
    background: linear-gradient(top, #155bb0, #5399d4 600px, #71b0e4 1200px, #71b0e4);
}

body:not(.indexCompare) .main {
    border-radius: 0 0 4px 4px;
    box-shadow: 0 1px 2px 2px rgb(45 80 150 / 20%);
}

.navigationWrapper {
    box-shadow: 0 -4px 2px 2px rgba(45, 80, 150, 0.2);
}

/* @section 2.1 Text */
.noWrap {white-space: nowrap;}
.textOneFreeSpace {margin-bottom:0.8em;}

/* @section 2.4 Badges */

.badgeTeaser, .badgeMicroTeaser {
    border: solid #294d8d;
    border-width: 1px 1px 0 0
}

/* @section 2.4.1 Badge Teaser */

.badgeTeaser, .badgeTeaserInner, .badgeHotlineInfo {
    background: url('../img/dsl_sprite_badgets.png') no-repeat;
    width: 131px;
    height: 131px;
    text-indent: -999em;
    direction: ltr;
    position: absolute;
    right: -1px;
    top: -1px;
    -z-index: 1
}

.badgeTeaser {
    background-position: -261px 0
}

.badgeTeaser .badgeHotlineInfo {
    background-position: -262px -376px
}

.mobilTeaser .badgeTeaserInner {
    background-position: -265px -260px;
    height: 115px
}

/* @section 2.4.1 Badge Medium Teaser */
.badgeMediumTeaser, .badgeMediumTeaserInner, .badgeMediumAvailability {
    background: url('../img/dsl_sprite_badgets.png') no-repeat;
    width: 91px;
    height: 91px;
    text-indent: -999em;
    direction: ltr;
    position: absolute;
    right: -1px;
    top: -1px
}

.badgeMediumTeaser {
    background-position: -402px 0
}

.badgeMediumTeaserInner {
    background-position: -404px -94px
}

.badgeMediumAvailability {
    background-position: -404px -274px
}

/* @section 2.4.3 Badges Small Teaser */

.badgeSmallTeaser, .badgeSmallTeaserInner {
    background: url('../img/dsl_sprite_badgets.png') no-repeat;
    width: 72px;
    height: 72px;
    text-indent: -999em;
    direction: ltr;
    position: absolute;
    right: -1px;
    top: -1px
}

.badgeSmallTeaser {
    background-position: -177px 0
}

.badgeSmallTeaserInner720 {
    background-position: -177px -72px
}

.badgeSmallTeaserInner500 {
    background-position: -177px -144px
}

.badgeSmallTeaserInner950 {
    background-position: -177px -216px
}

.badgeSmallTeaserInner245 {
    background-position: -177px -288px
}


/* Hotline Info Layer */

.boxHotlineInfoLayer {
    display: none;
    position: fixed;
    z-index: 200;
    width: 550px;
    height: 280px;
    left: -200px;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto
}

.seocontent .boxHotlineInfoLayer {
    margin: auto
}

/* um ".unitSpace > div" zu überschreiben */

.boxHotlineInfo {
    background: url("../img/testimonial/dsl_testimonial.png") no-repeat scroll 295px bottom #fff;
    border: 6px solid #dddfd2;
    border-radius: 3px;
    padding: 1.5em;
    position: relative;
}

.boxHotlineInfoText {
    width: 65%
}

.boxHotlineInfoText p {
    margin-bottom: 1.2em
}

.boxHotlineInfo .hotline {
    color: #2a4d8f;
    margin: 0;
    font: bold 2.8em/1.25em 'Archivo Narrow', arial
}

.boxHotlineInfo .hotline .hotlineNumber{
    font: bold 1.9rem/1.25em 'Archivo Narrow', arial
}

.icoHotlineInfo {
    display: none;
    margin: 5px auto 0;
    height: 16px;
    width: 16px;
    background: url('../img/dsl_sprite_icon.png') -7px -458px;
    cursor: default;
}

.boxTeaser .dataHint {
    font-size: 9px;
    display: block;
    text-align: right;
}

/* @section 2.3.3 Mobil Teaser */

.boxTeaser .slogan {
    color: #2a4d8f;
    font: 700 24px/1.62 'Archivo', Arial
}

.mobilTeaser .boxTeaser {
    min-height: 270px;
}

.teaserTestimonial {
    background: url('../img/teaser/mobil_teaser.png');
    position: absolute;
    top: 0;
    left: 0;
    height: 300px;
    width: 290px
}

.listTeaserOffers {
    position: absolute;
    right: 20px;
    left: auto;
    bottom: 10px;
    width: 72%;
    margin-left: -10px;
    clear: left
}

.listTeaserOffers li {
    width: 25%;
    float: left;
}

.listTeaserOffers a {
    position: relative;
    display: block;
    margin-left: 10px;
    background: #fff;
    padding: 10px;
    text-align: center;
    text-decoration: none;
    border: 1px solid #d6d6d6;
    border-radius: 5px;
    box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2)
}

.listTeaserOffers a:hover {
    background: #ecf5ff
}

.listTeaserOffers .topOfferName {
    display: block;
    color: #888;
    min-height: 40px
}

.listTeaserOffers .linkTopOffer {
    font-weight: bold
}

.boxTeaserHeader {
    position: absolute;
    right: 80px;
    width: 55%;
}

.subSlogan {
    color: #2a4d8f;
    font: 1.3em Arial;
    margin-bottom: 8px;
}

.offerImg {
    background: url('../img/teaser/mobil_teaser.png');
    display: inline-block
}

.imgSmartphone {
    background-position: -500px -55px;
    width: 65px;
    height: 66px;
    margin: 2px 0
}

.imgSimkarte {
    background-position: -300px 0;
    width: 80px;
    height: 56px;
    margin: 7px 0
}

.imgTabletpc {
    background-position: -300px -55px;
    width: 70px;
    height: 70px
}

.imgSurfstick {
    background-position: -380px 0;
    width: 95px;
    height: 50px;
    margin: 10px 0
}

/* @section 2.13 Breadcrumb */

.breadcrumb {
    margin-left: 10px;
    color: #767676;
}

.breadcrumb h1 {
    font-size: 1em
}

.breadcrumb div {
    margin-right: 3px;
    display: inline-block;
    vertical-align: middle
}

.breadcrumb a {
    text-decoration: none
}

.breadcrumb a:hover {
    color: #72ac0c;
    text-decoration: underline
}

.breadcrumb .current {
    font-weight: bold
}

.breadcrumb a {
    color: #767676;
}

.noBreadcrumb .breadcrumb {
    display: none
}

.noBreadcrumb .content {
    padding-top: 5px
}

/* @section 3. Layout */

.wrapper {
    max-width: 84em;
    width: auto;
}

.brandingFooter {
    max-width: none;
    padding: 1em 0;
    width: auto;
}

.layoutLighboxt .wrapper {
    margin: 20px;
    width: auto
}

/* Service Angebote */

.boxService {
    background: #f8fbff;
    border: 1px solid #bccee2
}

.boxService, .boxService a {
    color: #2a4d8f
}

.boxService h2 {
    padding: 0.5em 0 0.5em 0.75em
}

.boxService .fakeHeadline {
    display: block;
    font: bold 16px arial;
}

.boxService .linkFakeItem {
    display: block;
    border-top: 1px dotted #bccee2;
    text-decoration: none;
    clear: left;
    padding: 1em
}

.boxService .linkFakeItem:first-child {
    border-top: 0
}

.boxService .linkFakeItem:hover {
    cursor: pointer;
    background: #ecf5ff
}

.icoService {
    background: url('../img/dsl_sprite_icon_service.png') no-repeat;
    width: 3.75em;
    height: 3.75em;
    margin-right: 1em;
    float: left;
}

.description {
    display: block;
    font-size: 16px;
}

.icoConsultation {
    background-position: -9px -10px
}

.linkFakeItem:hover .icoConsultation {
    background-position: -9px -70px
}

.icoSpeedtest {
    background-position: -9px -130px
}

.linkFakeItem:hover .icoSpeedtest {
    background-position: -9px -190px
}

.icoAvailability {
    background-position: -9px -730px
}

.linkFakeItem:hover .icoAvailability {
    background-position: -9px -790px
}

.icoCallback {
    background-position: -9px -490px
}

.linkFakeItem:hover .icoCallback {
    background-position: -9px -550px
}

.icoAlarmClock {
    background-position: -9px -610px
}

.linkFakeItem:hover .icoAlarmClock {
    background-position: -9px -670px
}

.icoChange {
    background-position: -9px -250px
}

.linkFakeItem:hover .icoChange {
    background-position: -9px -310px
}

/* Informationen und News */

.titleInformation {
    font-size: 18px;
}

.boxNews, .boxInformation {
    padding: 0
}

.boxNewsItem, .boxInformationItem {
    padding: 20px;
    border-top: 1px dotted #d2cdd2
}

.boxNewsItem:first-child, .boxInformationItem:first-child {
    border-top: 0
}

.boxNewsLast {
    margin-bottom: 0
}

.boxAlternative .boxInformationItem {
    font-size: 16px;
    line-height: 1.62;
}

/* Regionale Anbieter */

.regionalProvider .map, .regionalProvider .providerLogo {
    background: url('../img/dsl_sprite_regional_provider.png') no-repeat 0 0;
}

.regionalProvider .map {
    background-position: -13px 0
}

.regionalProviderList .boxCompareCriteria {
    padding: 10px 0 10px 20px
}

.regionalProvider .providerLogo {
    background-size: 300% auto;
    display: block;
    float: left;
    margin-right: 1em;
    text-indent: -999em;
    direction: ltr;
    width: 75px;
}

.regionalProvider .logo-swb {
    background-position: right 5px;
    height: 40px;
}

.regionalProvider .logo-telecolumbus {
    background-position: right -35px;
    height: 30px;
}

.regionalProvider .logo-unitymedia {
    background-position: right -65px;
    height: 60px
}

.regionalProvider .logo-ewe {
    background-position: right -125px;
    height: 35px;
}

.regionalProvider .logo-m-net {
    background-position: right -170px;
    height: 35px;
}

.regionalProviderList {
    font-size: 16px;
    line-height: 1.62;
}

/* Mehr Nachrichten Link */

.linkMoreNews {
    background: #f8f8f8;
    border: 1px solid #d2cdd2;
    border-top: 0;
    display: block;
    font-size: 16px;
    padding: 5px 10px;
    text-align: right;
}

.linkMoreNews, .boxMoreNews span {
    color: #666
}

.linkMoreNews:hover {
    background: #f2f2f2;
}

.linkMoreNews:hover, .linkMoreNews:hover span {
    color: #333;
    cursor: pointer;
}

.titleNews,
.titleSEO {
    font-size: 18px;
    line-height: 1.62;
}

.titleSubNews, .titleSubInformation {
    font: bold 18px/1.62 arial;
}

.titleSubNews, .titleSubNews a, .titleSubInformation, .titleSubInformation a {
    color: #2a4d8f;
}

.titleSubNews a {
    text-decoration: none;
}

.titleSubNews .date {
    color: #888;
    font: normal 16px arial;
}

.descriptionNews p {
    font-size: 16px;
    line-height: 1.62;
}

.descriptionNews .linkReadMore {
    font-size: 16px;
    line-height: 1.62;
}

/* Bilder */

.imageNews, .imageInformation {
    border: 2px solid #fff;
    box-shadow: 0 0 4px #ababab;
}

.imageNews {
    float: left;
    margin: 0 15px 5px 0;
    height: 75px;
    width: 75px
}

.imageInformation {
    background: url('../img/dsl_information_sprite.jpg');
    float: right;
    margin-left: 20px;
    height: 130px;
    width: 90px
}

.imageInformationDSL {
    background-position: 0 0
}

.imageInformationDslWhatIs {
    background-position: 90px 0
}

.imageInformationTariff {
    background-position: -90px 0
}

.imageInformationCompare {
    background-position: -180px 0
}

.imageInformationOffers {
    background-position: -270px 0
}

.noImageNews {
    float: left;
    margin-right: 20px;
    height: 75px;
    width: 75px
}

/* @section 4.2.1 Newsletter Layer */

.testimonialLeadFixed {
    background: url("../img/testimonial/dsl_testimonial.png") no-repeat scroll right top rgba(0, 0, 0, 0);
    bottom: 0;
    height: 95px;
    width: 95px;
    position: absolute;
    right: 0;
}

.formLeadLP {
    color: #2A4D8F;
    margin: 1em 0;
    width: 91%;
    padding: 0 1%;
    float: left
}

.formLeadLP .itemDesc {
    font-size: 1.125em;
    margin: 0 1em 0 0.5em
}

.formLeadLP input[type="text"] {
    vertical-align: middle;
    height: 24px;
    padding: 2px 4px;
    width: 28%
}

.formLeadLP .buttonDefaultSmall,
.formLeadLP .labelError.error {
    display: inline-block;
    vertical-align: middle
}

.formLeadLP .labelError .icoError {
    height: 24px
}

/* z-index von 1000 auf 300 gesetzt, da DatePicker sonst überlagert wird */
.leadIndex {
    right: 1em;
    background: #fff;
    border: 5px solid #dcdcdc;
    padding: 0.75em 1em;
    bottom: 1em;
    position: fixed;
    opacity: 0;
    z-index: 300;
    box-shadow: 0 0 0.5em rgba(0, 0, 0, 0.3);
    border-radius: 0.325em;
    -webkit-transform: translateX(-1800px);
    transform: translateX(-1800px);
    -webkit-transition: -webkit-transform 0.5s ease, opacity 0.4s ease 0.1s;
    transition: transform 0.5s ease, opacity 0.4s ease 0.1s
}

.leadIndex.itemActive {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1
}

.leadIndex .icoClose {
    position: absolute;
    right: 0.5em;
    top: 0.5em
}

.leadIndex .titleLeadMain {
    color: #2a4d8f;
    font: bold 1.25em 'archivo narrow';
    margin-right: 3em
}

.leadIndex p {
    color: #2a4d8f;
    font: 1.25em 'archivo narrow';
    margin: 2em 0;
    max-width: 8em;
    padding-left: 3em
}

.leadIndex p:before {
    color: #0b64bd;
    content: 'k';
    font: 1.75em/1em 'icon pvg';
    left: 0.45em;
    margin-top: -0.5em;
    position: absolute;
    top: 50%;
}

/* Mini Teaser (Anbieterseiten) */

.boxMiniTeaser {
    clear: both;
    font-size: 16px;
    margin: 20px 0;
    min-height: 150px;
    position: relative;
}

.boxMiniTeaser .titleThirdLevel {
    font-size: 18px;
    margin-top: 0;
}

.formTeaserProvider {
    width: 50%;
    margin: 0;
    padding: 0
}

.formTeaserProvider input {
    vertical-align: middle
}

.formTeaserProvider .number {
    width: 120px
}

.formTeaserProvider .label {
    font-weight: bold;
    vertical-align: middle
}

.formTeaserProvider hr {
    border: 1px dotted #dbecff
}

.teaserProviderGirl {
    background: url('../img/teaser/provider_girl.png') no-repeat;
    position: absolute;
    bottom: 0;
    right: 1%;
    width: 228px;
    height: 150px
}

.teaserImageAvailability {
    background: url('../img/teaser/network_cable.png') no-repeat;
    position: absolute;
    bottom: 5px;
    right: 0;
    width: 221px;
    height: 133px
}

.formTeaserProvider .buttonAlternative {
    margin-top: 5px
}

.boxMiniTeaser .formAvailability {
    min-height: 60px;
    padding: 0;
    margin: 0
}

.boxMiniTeaser .listFormAvailability {
    width: 65%
}

.boxMiniTeaser .listFormAvailability li {
    float: left
}

.boxMiniTeaser .listFormAvailability .item {
    padding: 2% 2% 3% 0
}

.boxMiniTeaser .listFormAvailability .label {
    display: block;
    font-weight: bold
}

.boxMiniTeaser .listFormAvailability input[type=text] {
    width: 100%
}

.boxMiniTeaser .listFormAvailability .error {
    margin-right: -3px
}

.boxMiniTeaser .listFormAvailability .warning {
    margin-right: -6px
}

.boxMiniTeaser .listFormAvailability .first {
    width: 67px
}

.boxMiniTeaser .listFormAvailability .second {
    width: 74px
}

.boxMiniTeaser .listFormAvailability .third {
    width: 156px
}

.boxMiniTeaser .listFormAvailability .fourth {
    width: 149px
}

.boxMiniTeaser .listFormAvailability .fourth input.error {
    width: 120px
}

.boxMiniTeaser .listFormAvailability .fifth {
    width: 44px
}

.boxMiniTeaser .listFormAvailability .buttonAlternative {
    margin-top: 20px
}

.boxMiniTeaser .listFormAvailability .first,
.boxMiniTeaser .listFormAvailability .second,
.boxMiniTeaser .listFormAvailability .third {
    border-bottom: 1px dotted #ccc
}

/* Vodafone-Speedtest */
.titleSpeedtest {
    float: right;
    font: 0.8em/2.25em arial;
    color: #888
}

.logoVodafone {
    display: inline-block;
    width: 100px;
    height: 25px;
    background: url('../img/dsl_sprite_logos_provider.png') 0 -353px;
    text-indent: -999em;
    direction: ltr;
}

/* @section 2.12 Logos */

.logo-1und1 {
    background-position: center 0
}

.logo-congstar {
    background-position: center -35px
}

.logo-ewe {
    background-position: center -70px
}

.logo-unitymedia {
    background-position: center -105px
}

.logo-kabel-d {
    background-position: center -140px
}

.logo-m-net {
    background-position: center -175px
}

.logo-o2 {
    background-position: center -210px
}

.logo-tele2 {
    background-position: center -245px
}

.logo-telecolumbus {
    background-position: center -280px
}

.logo-telekom {
    background-position: center -315px
}

.logo-vodafone {
    background-position: center -350px
}

.logo-osnatel {
    background-position: center -385px
}

.logo-primacall {
    background-position: center -420px
}

.logo-net-cologne {
    background-position: center -455px
}

.logo-primacom {
    background-position: center -490px
}

/* @section 2.17 Stickem - mitscrollende Elemente */

.placeholderCompare {
    min-height: 132px
}

.placeholderCompareMax .formCompare {
    z-index: 200
}

.stickem-container {
    position: relative
}

.stickit {
    width: 998px;
    position: fixed;
    top: -1px;
    z-index: 1001;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
    background: #dbecff;
    background: -webkit-linear-gradient(top, #fafcff, #dbecff);
    background: linear-gradient(top, #fafcff, #dbecff);
}

.stickit .boxAlternative {
    background: transparent
}

.stickit-end {
    position: absolute;
    right: 0;
    bottom: 40px
}

/* @section 3.2 Sidebar */

/* Titel Sidebar */

.titleSidebar {
    position: relative;
    display: block;
    margin-right: -17px;
    margin-left: -5px;
    margin-bottom: 10px
}

/* Ecken */

.cornerSidebar {
    background: url('../img/pvg_sprite_3.6.2.png') -41px 0;
    position: absolute;
    bottom: -8px;
    right: -1px;
    height: 7px;
    width: 7px
}

/* Box Sidebar */

.boxSidebar {
    color: #888;
    clear: left;
    padding: 0 5px;
    position: relative;
}

.boxSidebar .hotline {
    color: #2a4d8f;
    font: bold 1.25em/1.25em arial;
    margin: 5px 0
}

.boxSidebar .hotline .icoTel {
    margin-right: 5px
}

.boxSidebar .buttonLight {
    margin: 10px 0
}

.boxSidebar .listCollocateSmall > dd {
    margin-bottom: 10px;
    width: 90%;
}

.boxSidebar + .boxSidebar {
    margin-top: 20px
}

.boxSeal .seal {
    margin: 10px auto
}

.seal.sealInRightSidebar {
    margin-top: 20px;
}

/* shopauskunft */
.shopauskunft {
    text-align: center
}
.shopauskunft {
    color: #888;
    font-size: 0.875em;
    line-height: 1.5em
}

.shopauskunft,
.shopauskunft a,
.shopauskunft .ratingValue {
    display: block
}

/* FAQ Liste */

.boxSidebar .listSidebarFAQ li {
    margin-bottom: 10px
}

.boxSidebar .faqLink {
    display: block;
    color: #888;
    text-decoration: none
}

.boxSidebar .faqLink:hover {
    color: #50930e
}

.tooltipFAQ {
    left: -330px;
    width: 300px
}

/* EM Layer */

.emLayer {
    padding: 2.5em 0 0 12em;
}
.emLayer .emHeadline {
    font-weight: bold;
    line-height: 1em;
}
.emLayer .headlineFirst {
    font-size: 3em;
}
.emLayer .headlineSecond {
    font-size: 1.75em;
}

.emLayer .emList {
    clear: left;
    margin: 1.5em 0;
}
.emLayer .emList .listNumber {
    background: url('../img/landing4.png') 0 0 no-repeat;
    width: 5em;
    height: 15.5em;
    float: left;
}
.emLayer .emList li {
    font-size: 1.25em;
    font-weight: bold;
    list-style: none;
    height: 3em;
    width: 22em;
    margin-left: 5em;
    padding-top: 0.85em;
}
.emLayer .uppercase {
    text-transform: uppercase;
}

.emLayer .buttonAlternative {
    margin-bottom: 0.5em;
}

.emLayer .badgetRound {
    background-color: #e60000;
    border-radius: 2em;
    color: #fff;
    font-size: 2em;
    font-weight: bold;
    line-height: 1em;
    text-align: center;
    text-shadow: -1px -1px #730000;
    text-transform: uppercase;
    vertical-align: middle;
    width: 4em;
    height: 3.25em;
    padding-top: 0.75em;
    position: absolute;
    top: 1em;
    right: 1em;
}
.emLayer .testimonial {
    background: url('../img/landing4.png') top right no-repeat;
    bottom: 0;
    right: 0;
    height: 26em;
    width: 25em;
    position: absolute;
}
.emLayer .vodafone {
    background: url('../img/landing4.png') -60px 0 no-repeat;
    top: 0;
    left: 0;
    height: 16em;
    width: 10em;
    position: absolute;
}

/* Urlaubsgeld */

.cashback {
    font: 1em/1.5em "Archivo Narrow",Arial;
}
.cashback.background {
    background: transparent url('../img/dsl_sprite_urlaubsgeld.png') no-repeat center -33em;
    height: 26em;
    margin-top: 1em;
    overflow: hidden;
    position: relative;
}

.cashback .testimonial {
    background: transparent url("../img/dsl_sprite_urlaubsgeld.png") no-repeat right top;
    position: absolute;
    bottom: 0;
    left: 4em;
    width: 18.25em;
    height: 27.5em;
}

.cashback .badge {
    background: transparent url("../img/dsl_sprite_urlaubsgeld.png") no-repeat center top;
    height: 4.75em;
    width: 46em;
    text-align: center;
    padding: 0.75em;
    margin-bottom: 1.5em;
}
.cashback .badge p {
    color: #fff;
    text-shadow: 1px 1px #c04102;
}
.cashback .badge p:first-child {
    font-size: 1.5em;
    margin-bottom: 0.25em;
}
.cashback .badge p:last-child {
    font-size: 2.5em;
    position: relative;
}
.cashback .badge .superscript {
    font-size: 0.5em;
    position: absolute;
    top: -0.5em;
}

.cashback .head {
    background-color: #285aa3;
    color: #fff;
    font-weight: bold;
}
.cashback .head > span {
    margin: 0.5%;
    display: inline-block;
}
.cashback .head > span:first-child,
.cashback .head > span:last-child {
    background-color: #fff;
    color: #285aa3;
    padding: 1%;
    width: 23%;
    font-size: 1.3em;
    position: relative;
}
.cashback .head > span:last-child {
    text-align: right;
}
.cashback .head .claim {
    font-size: 1.9em;
    text-align: center;
    width: 45.75%;
}

.cashback .arrow-right {
    border-bottom: 1em solid transparent;
    border-left: 1em solid #fff;
    border-top: 1em solid transparent;
    display: inline-block;
    height: 0;
    position: absolute;
    right: -0.95em;
    top: 0;
}
.cashback .arrow-left {
    border-bottom: 1em solid transparent;
    border-right: 1em solid #fff;
    border-top: 1em solid transparent;
    display: inline-block;
    height: 0;
    left: -0.95em;
    position: absolute;
    top: 0;
}

.cashback .formBox {
    background-color: #fff;
    position: relative;
    padding: 2%;
    margin-top: 0.5em;
    color: #285aa3;
}
.cashback .formBox .badgeProvider {
    background: transparent url("../img/dsl_sprite_urlaubsgeld.png") no-repeat left top;
    height: 95px;
    width: 63px;
    position: absolute;
    left: 25px;
    top: -3px;
}
.cashback .formBox .tarifInfo {
    font-size: 1.25em;
    margin-left: 7em;
    display: inline-block;
}
.cashback .formBox .tarifInfo strong {
    font-size: 1.3em;
}
.cashback .tarifInfo dl {
    background-color: #bdcee7;
    width: 15em;
    margin-top: 3px;
    padding: 2% 3%;
}
.cashback .tarifInfo > p:nth-child(2) {
    margin-bottom: 0.5em;
}
.cashback .tarifInfo dl > * {
    display: inline-block;
}
.cashback .tarifInfo dt {
    width: 65%;
}
.cashback .tarifInfo dl.cashbackList dt {
    width: 32%
}
.cashback .tarifInfo dd {
    width: 32%;
}
.cashback .tarifInfo .price {
    font-size: 1.2em;
    font-weight: bold;
}
.cashback .tarifInfo .orange {
    color: #fa7000;
}
.cashback .tarifInfo .cross {
    position: relative;
}
.cashback .tarifInfo .cross div {
    background: transparent url("../img/dsl_sprite_urlaubsgeld.png") no-repeat -129px -1px;
    width: 57px;
    height: 18px;
    position: absolute;
    top: 0;
}
.cashback .formBox .slidingButton {
    position: absolute;
    bottom: 1em;
    right: 2em;
}
.teaserFooter {
    text-align: left;
    line-height: 1.2em;
}

.boxTeaserCompare .seals {
    bottom: 28px;
    position: absolute;
    right: 17%;
}

.boxSidebarRight .seals {
    left: 20px;
    height: 67px;
    position: relative;
}

.seals .seal-widget {
    float: left;
    height: 67px;
    transform: scale(.55);
    transform-origin: 0 0;
    width: 167px;
}

.boxTeaserCompare .seals .seal {
    bottom: 3px;
    height: 68px;
    left: 156px;
    right: unset;
    width: 71px;
}

.seocontent .boxTeaserCompare .seals .seal {
    display: none;
}

.seocontent .ekomi-widget-wrapper {
    margin: 0;
}

/* min 720px */
@media screen and (min-width: 45em) {
    .cashback .teaser{
        position: absolute;
        right: 10%;
        top: 0;
        width: 47.5em;
    }
}
/* min 720px */
@media screen and (max-width: 45em) {
    .cashback .teaser {
        margin: 0 auto;
        width: 47.5em;
    }
    .cashback .testimonial {
        display: none;
    }
    .head {
        font-size: 0.85em;
    }
    .head > span {
        width: auto;
    }
    .head > span:last-child {
        float: right;
    }
    .arrow-right, .arrow-left {
        display: none;
    }
    .boxTeaser .dataHint {
        text-align: left;
    }
}

@media (max-width:550px) {
    .cashback .teaser {
        width: auto;
    }
    .cashback .badge {
        width: 100%;
    }
    .cashback .teaser .badge p {
        font-size: 1.25em;
    }
    .cashback .teaser .head {
        height: 8.5em;
    }
    .cashback .teaser .head > span {
        text-align: center;
        width: 97%;
        position: inherit;
    }
    .cashback .formBox .slidingButton {
        bottom: 0;
        position: relative;
        right: 0;
        top: 1em;
    }
    .cashback.background {
        height: auto;
    }
}

@media (max-width:450px) {
    .badgeProvider {
        display: none;
    }
    .cashback .formBox .tarifInfo {
        margin: 0;
    }
    .cashback .tarifInfo dl {
        width: auto;
    }
}

@media (max-width: 400px) {
    .ekomi-container #hslider {
        height: 65px;
    }
}