.product-card-small {
    margin-top    : -165px;
    background    : transparent;
    margin-bottom : 20px
}

@media screen and (max-width : 767px) {
    .product-card-small {
        margin-top : -70px;
    }
}

#Article .rechtstexte .dataPrivacy {
    background-color: var(--lightgray);
    box-sizing: border-box;
    padding: 10px 0px;
    padding-top: 14px;
}

#Article .rechtstexte .itrk-tooltip {
    display : block;
}

#Article {
    display : block;
    float   : none !important;
    width   : 100% !important;
}

#Article .bestellungCard {
    margin         : 0 0 40px;
    padding-bottom : 27px;
    padding-top    : 22px;
}

#Article .bestellungCard > h3 {
    font           : normal normal normal 22px/27px Bitter;
    border-bottom  : 1px solid var(--lightgray-border);
    padding-bottom : 11px;
    padding-left   : 35px;
    margin-top     : unset;
    margin-bottom  : 30px;
    margin-left    : -20px;
    margin-right   : -20px;
    text-align     : left;
}

#Article .bestellungCard > div {
    margin-left  : 35px;
    margin-right : 35px;
}

/* Schutzpaket konfigurieren */
#Article div.schutzpaketConfig {
    display               : grid;
    grid-template-columns : 330px auto;
    grid-column-gap       : 50px;
}

div.captchaAnnotationContainer {
    font : var(--font-normal);
}

@media screen and (max-width : 1023px) {
    #Article div.schutzpaketConfig {
        grid-template-columns : auto;
    }
}


#Article div.schutzpaketConfig .anzahlAuswahlContainer {
    max-width : 700px;
}

#Article div.schutzpaketConfig div.mindestlaufzeit {
    font                  : var(--font-small);
    color                 : var(--lightgray-4);
    display               : inline-grid;
    grid-template-columns : auto 58px;
    max-width             : 265px;

}

#Article div.schutzpaketConfig div.mindestlaufzeit {
    grid-row-gap : 10px;
}

#Article div.schutzpaketConfig div.mindestlaufzeit .sliderContainer {
    display : contents;
}

#Article div.schutzpaketConfig div.mindestlaufzeit .sliderOff label:first-child {
    color       : var(--lightgray-4);
    font-weight : normal;
}

#Article div.schutzpaketConfig div.mindestlaufzeit * {
    margin-top    : auto;
    margin-bottom : auto;
}

#Article div.schutzpaketConfig > div:nth-of-type(2n+1) h4 {
    font       : normal normal normal 18px/22px Fira Sans;
    color      : #ef7d00;
    margin-top : 0;
    min-width  : max-content;
}

#Article div.schutzpaketConfig > div {
    margin-top : 15px;
    margin-bottom : 15px;
}

#Article div.schutzpaketConfig > hr {
    grid-column   : span 2;
    border-bottom : 1px solid var(--lightgray-4);
}

@media screen and (max-width : 767px) {
    #Article div.schutzpaketConfig > hr {
        grid-column : span 1;
    }
}

div.schutzpaketConfig .sliderContainer {
    display      : inline-flex;
    margin-right : 14px;
}

#Article div.schutzpaketConfig .sliderContainer label {
    font : var(--font-normal);
}

#Article div.schutzpaketConfig .sliderContainer label:first-child {
    margin-right : 12px;
    width        : max-content;
    font-weight  : 600;
    color        : var(--darkgray);
}

#Article div.schutzpaketConfig .sliderContainer label:last-child {
    margin-right : 0;
}

#Article div.schutzpaketConfig div.zusatzleistung {
    display               : grid;
    grid-template-columns : 25px auto 40px;
    padding-top           : 4px;
    padding-bottom        : 4px;
    border-top            : 0.5px solid var(--lightgray-4);
}

#Article div.schutzpaketConfig div.zusatzleistung:first-child {
    border-top : none;
}

#Article div.schutzpaketConfig div.zusatzleistung input {
    margin-right : 3px;
}

#Article div.schutzpaketConfig div.zusatzleistung > div:last-child {
    text-align    : right;
    padding-right : 10px;
}


#Article div.schutzpaketConfig div.zusatzleistung div.beschreibungPreisContainer {
    display         : flex;
    justify-content : space-between;
    flex-wrap       : wrap;
    max-width       : 600px;
}

#Article div.schutzpaketConfig div.zusatzleistung div.beschreibung {
    display    : inline-block;
    flex-basis : 310px;
}

#Article div.schutzpaketConfig div.zusatzleistung div.preis {
    display    : inline-block;
    flex-basis : 195px;
}

#Article div.schutzpaketConfig div.zusatzleistung div.preis span {
    font : var(--font-xs);
}


#Article div.schutzpaketConfig div.zusatzleistung img.plus {
    cursor : pointer;
}

#Article div.schutzpaketConfig div.zusatzleistungDescription {
    display    : none;
    margin-top : 1em;
    grid-column: 1/-1;
}
#Article div.schutzpaketConfig div.zusatzleistungDescription p {
    text-align: left;
}

#Article div.schutzpaketConfig div.rechtstexte h4 {
    text-transform : uppercase;
    margin-top     : 0;
}


#Article div.schutzpaketConfig div.rechtstexte div.rechtstexteBeliebt > div {
    display   : flex;
    flex-wrap : wrap;
}

#Article div.schutzpaketConfig div.rechtstexte div.rechtstexteBeliebt > div > div {
    flex-grow     : 0;
    align-self    : flex-start;
    border        : 1px solid var(--lightgray-4);
    border-radius : 5px;
    padding       : 3px 10px;
    margin-bottom : 10px;
    margin-right  : 10px;
    line-height   : 24px !important;
    display       : block;
    align-items   : center;
}
#Article div.schutzpaketConfig div.rechtstexte div.rechtstexteBeliebt > div > div > div.countryGroupHeader {
    min-width: 160px;
    max-width: 100%;
    font: var(--font-normal);
    line-height: inherit !important;
}


#Article div.schutzpaketConfig div.rechtstexte div.rechtstexteBeliebt > div > div label {
    display: flex;
    margin-right : 0px;
    align-items: center;
    line-height   : inherit !important;
}
#Article div.schutzpaketConfig div.rechtstexte div.rechtstexteBeliebt > div > div label > span > span {
    display: flex;
    align-items: center;
}
#Article div.schutzpaketConfig div.rechtstexte div.rechtstexteBeliebt > div > div input {
    margin-top     : unset;
    margin-bottom  : unset;
    margin-right   : 5px;
}

#Article div.schutzpaketConfig div.rechtstexte div.rechtstexteBeliebt div.platformGroup,
#Article div.schutzpaketConfig div.rechtstexte div.rechtstexteBeliebt div.countryGroup {
    padding-left : 20px;
}


#Article div.schutzpaketConfig div.rechtstexte div.rechtstextePlattformen:before,
#Article div.schutzpaketConfig div.rechtstexte div.rechtstextePlattformen:after {
    max-width        : 600px;
    height           : 2px;
    background-color : #ef7d00;
    content          : '';
    top              : 0;
    display          : block;
    margin           : 35px auto 35px auto;
}

#Article div.schutzpaketConfig div.rechtstexte .plattformTypeContainer {
    background-color       : var(--lightgray);
    border-top-left-radius : 10px;
    padding-top            : 9px;
    padding-left           : 12px;
    padding-bottom         : 8px;
    color                  : var(--darkgray);
    cursor                 : pointer;
    margin-top             : 10px;
}

#Article div.schutzpaketConfig div.rechtstexte .plattformTypeContainer {
}

#Article div.schutzpaketConfig div.rechtstexte .plattformTypeContainer img.plus {
    float        : right;
    margin-right : 10px;
    color        : red;
}


#Article div.schutzpaketConfig div.rechtstexte div.rechtstextePlattformenContainer {
    display          : none;
    flex-wrap        : wrap;
    justify-content  : space-between;
    background-color : var(--lightgray);
    border-radius    : 0 0 10px 0;
    padding-left     : 31px;
    padding-right    : 10px;
    padding-top      : 0px;
}

#Article div.schutzpaketConfig div.rechtstexte div.rechtstextePlattformenContainer img.plus {
    margin-right : 7px;
}

#Article div.schutzpaketConfig div.rechtstexte div.rechtstextePlattformenContainer input[type=checkbox] {
    margin-bottom : unset;
    margin-left   : 1px;
    margin-right  : 9px;
}

#Article div.schutzpaketConfig div.rechtstexte div.rechtstextePlattformenContainer > div {
    flex-basis : 354px;
}

#Article div.schutzpaketConfig div.rechtstexte div.rechtstextePlattformenContainer > div > div {
    margin-bottom : 6px;
    line-height   : 16px;
}

#Article div.schutzpaketConfig div.rechtstexte div.platformGroupHeader {
    color  : var(--darkgray);
    cursor : pointer;
}

#Article div.schutzpaketConfig div.countryGroupHeader {
    font        : var(--font-small);
    cursor      : pointer;
    display     : flex;
    gap         : 0px;
    align-items : center;
}
#Article div.schutzpaketConfig div.rechtstexte div.countryGroupHeader .fa.fa-chevron-up,
#Article div.schutzpaketConfig div.rechtstexte div.countryGroupHeader .fa.fa-chevron-down {
    margin-right : 8px;
}

#Article div.schutzpaketConfig div.rechtstexte div.platformGroup,
#Article div.schutzpaketConfig div.rechtstexte div.countryGroup {
    display       : none;
    margin-top    : 4px !important;
    margin-bottom : 10px !important;
    margin-left   : 24px;
}

#Article div.schutzpaketConfig div.rechtstexte div.defaultShopSystem {
    margin-top : 20px;
}

#Article div.schutzpaketConfig div.rechtstexte div.platformGroup > div,
#Article div.schutzpaketConfig div.rechtstexte div.countryGroup > div {
    margin-bottom : 1px;
    line-height   : 24px;
}

#Article div.schutzpaketConfig div.rechtstexte div.rechtstexteBeliebt div.countryGroup {
    margin: 0px !important;
}
#Article div.schutzpaketConfig div.rechtstexte div.rechtstexteBeliebt div.countryGroup > div {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}
#Article div.schutzpaketConfig div.rechtstexte div.rechtstexteBeliebt div.countryGroupHeader .fa.fa-chevron-up,
#Article div.schutzpaketConfig div.rechtstexte div.rechtstexteBeliebt div.countryGroupHeader .fa.fa-chevron-down {
    margin-right : 4px;
}


#Article div.schutzpaketConfig div.rechtstexte img.land,
#Article div.schutzpaketConfig div.auswahlContainer img.land {
    width          : 16px;
    height         : 16px;
    vertical-align : middle;
    margin-right   : 3px;
}

#Article div.schutzpaketConfig div.rechtstexteSuche {
    position   : relative;
    margin-top : 10px;
}

#Article div.schutzpaketConfig div.rechtstexteSuchergebnis {
    position         : absolute;
    z-index          : 50;
    width            : 100%;
    top              : 38px;
    background-color : var(--lightgray);
}

#Article div.schutzpaketConfig div.rechtstexteSuche input[type=search] {
    border : none;
}

#Article div.schutzpaketConfig div.rechtstexteSuche itrk-search button {
    background-color : unset;
    color            : #9e9e9e;
}

#Article div.schutzpaketConfig div.rechtstexteSuche itrk-search:focus,
#Article div.schutzpaketConfig div.rechtstexteSuche itrk-search:hover {
    border-color : unset;
}


#Article div.schutzpaketConfig div.rechtstexteSuchergebnis > div {
    padding       : 10px;
    border-bottom : solid 1px #ffffff;
    cursor        : pointer;
}

#Article div.schutzpaketConfig div.rechtstexteSuchergebnis > div:last-child {
    border-bottom : none;
}

#Article div.schutzpaketConfig div.rechtstexteSuchergebnis span.ausgewaehlt {
    color       : #ef7d00;
    margin-left : 10px;
    font-size   : 10px;
}

#Article div.schutzpaketConfig div.rechtstexteSuchergebnis > div > p {
    margin-bottom : 0;
}


/* Kontaktdaten */
#Article div.kontaktdatenContainer {
    flex-wrap : wrap;
}

#Article div.kontaktdatenContainer input[type=text],
#Article div.kontaktdatenContainer textarea,
#Article div.zahlweiseContainer input[type=text] {
    border : none;
    width  : 100%;
}

#Article div.kontaktdatenContainer > div {
    flex-basis  : 30%;
    flex-shrink : 1;
}

#Article div.kontaktdatenContainer itrk-input[name='plz'] {
    width   : 30%;
    display : inline-block;
}

#Article div.kontaktdatenContainer itrk-input[name='ort'] {
    width : 60%;
    float : right;
}

#Article div.kontaktdatenContainer itrk-textarea itrk-input-wrapper {
    margin-bottom : 10px;
}

#Article div.kontaktdatenContainer span {
    margin-top : 20px;

}

/* Zahlungsweise */
#Article div.zahlweiseContainer > div > div {
    display : inline-block;
    width   : 85%;
}

#Article div.zahlweiseContainer input[type=radio] {
    margin-top   : 10px;
    margin-right : 15px;
}

#Article div.zahlweiseContainer img.zahlweiseLogo {
    margin-bottom : 14px;
}

#Article div.zahlweiseContainer ul {
    list-style-image    : url('/gfx/check_orange.png');
    list-style-position : inside;
    margin-left         : 0;
}

#Article div.zahlweiseContainer li {
    margin-left : 0;
}

@media screen and (max-width : 767px) {
    #Article div.mindestlaufzeit,
    #Article div.zusatzleistungenContainer {
        padding-top : 5px !important;
    }

    #Article div.zahlweiseContainer {
        white-space : normal;
    }

    #Article div.zahlweiseContainer > *:last-child {
        padding-left : 0;
    }


    #Article div.zahlweiseContainer > div {
        width : 100%;
    }
}

#Article div.zahlweiseContainer div.sepaEinwilligung {
    margin-top : 20px;
}
#Article div.zahlweiseContainer div.sepaEinwilligung input {
    margin-right : 4px;
}

@media screen and (max-width : 767px) {
    div.captchaAnnotationContainer {
        text-align : center;
    }
}

#Content form div.captchaAnnotationContainer > div {
    margin-bottom : 40px;
    text-align    : left;
}


div.annotation {
    border      : none;
    display     : inline-block;
    padding-top : 0;
}

/*plus / minus => Pfeilchen icons */
#Article div.schutzpaketConfig div.rechtstexte .plattformTypeContainer span.fa {
    float        : left;
    margin-right : 6px;
    line-height: inherit;
}

#Article div.schutzpaketConfig div.rechtstexte div.rechtstextePlattformenContainer span.fa {
    margin-right : 5px;
}

#Article div.schutzpaketConfig div.rechtstexte div.platformGroupHeader {
    font    : var(--font-small);
    color   : var(--darkgray);
    cursor  : pointer;
    display : flex;
}

#Article div.schutzpaketConfig div.rechtstexte div.platformGroup label {
    font : var(--font-small);
}

#Article div.schutzpaketConfig div.rechtstexte div.countryGroup label span,
#Article div.schutzpaketConfig div.rechtstexte div.countryGroup label,
#Article div.schutzpaketConfig div.rechtstexte div.platformGroup label span,
#Article div.schutzpaketConfig div.rechtstexte div.platformGroup label {
    display     : flex;
    align-items : center;
    margin      : 0px;
    font        : var(--font-small);
}

itrk-input-content itrk-input-wrapper .tooltip-wrapper div.itrk-tooltip {
    min-width : 300px !important;
}

@media screen and (max-width : 767px) {
    itrk-input-content itrk-input-wrapper .tooltip-wrapper div.itrk-tooltip {
        min-width : 200px !important;
    }
}