.ddgl-header-notice,
.ddgl-category-notice,
.ddgl-product-notice,
.ddgl-checkout-notice {
    margin: 8px 0;
}

.ddgl-header-notice {
    display: flex;
    justify-content: flex-end;
    padding: 0 15px;
}

.ddgl-notice-trigger {
    display: block;
    width: 100%;
    padding: 8px 16px;
    border: 0;
    background: #003399;
    color: #fff;
    font: inherit;
    text-align: center;
    cursor: pointer;
}

.ddgl-notice-trigger:hover,
.ddgl-notice-trigger:focus {
    color: #fff;
    opacity: .9;
}

.ddgl-notice-trigger--header {
    width: auto;
    padding: 3px 8px;
    font-size: 12px;
}

.ddgl-notice-trigger--category {
    width: auto;
}

.ddgl-guarantee {
    margin: 8px 0;
}

/* Product page: notice and GARAN are rows of the "Fragen und Antworten" block,
   spaced exactly like .dd-detail--rating and .dd-detail--question. */
.dd-detail--QuestionRatingWrapper .ddgl-product-notice,
.dd-detail--QuestionRatingWrapper .ddgl-garan-product {
    display: flex;
    align-items: center;
    width: 100%;
    margin: 0 0 10px;
    padding: 10px 0 0;
}

.ddgl-notice-trigger--inline {
    display: inline-flex;
    align-items: center;
    width: auto;
    padding: 0;
    background: none;
    color: #737373;
    text-align: left;
}

.ddgl-notice-trigger--inline:hover,
.ddgl-notice-trigger--inline:focus {
    color: #ffb770;
    opacity: 1;
}

/* The EU flag marks the harmonised EU legal-guarantee notice. */
.checkout .ddgl-notice-trigger--inline::before {
    display: none;
}
.ddgl-notice-trigger--inline::before {
    content: "";
    flex: 0 0 auto;
    width: 27px;
    height: 18px;
    margin-right: 10px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 20'%3E%3Crect width='30' height='20' fill='%23039'/%3E%3Cg fill='%23fc0'%3E%3Cpolygon points='15.00,2.65 15.32,3.56 16.28,3.58 15.51,4.17 15.79,5.09 15.00,4.54 14.21,5.09 14.49,4.17 13.72,3.58 14.68,3.56'/%3E%3Cpolygon points='18.00,3.45 18.32,4.37 19.28,4.39 18.51,4.97 18.79,5.90 18.00,5.34 17.21,5.90 17.49,4.97 16.72,4.39 17.68,4.37'/%3E%3Cpolygon points='20.20,5.65 20.51,6.56 21.48,6.58 20.71,7.17 20.99,8.09 20.20,7.54 19.40,8.09 19.68,7.17 18.91,6.58 19.88,6.56'/%3E%3Cpolygon points='21.00,8.65 21.32,9.56 22.28,9.58 21.51,10.17 21.79,11.09 21.00,10.54 20.21,11.09 20.49,10.17 19.72,9.58 20.68,9.56'/%3E%3Cpolygon points='20.20,11.65 20.51,12.56 21.48,12.58 20.71,13.17 20.99,14.09 20.20,13.54 19.40,14.09 19.68,13.17 18.91,12.58 19.88,12.56'/%3E%3Cpolygon points='18.00,13.85 18.32,14.76 19.28,14.78 18.51,15.36 18.79,16.29 18.00,15.74 17.21,16.29 17.49,15.36 16.72,14.78 17.68,14.76'/%3E%3Cpolygon points='15.00,14.65 15.32,15.56 16.28,15.58 15.51,16.17 15.79,17.09 15.00,16.54 14.21,17.09 14.49,16.17 13.72,15.58 14.68,15.56'/%3E%3Cpolygon points='12.00,13.85 12.32,14.76 13.28,14.78 12.51,15.36 12.79,16.29 12.00,15.74 11.21,16.29 11.49,15.36 10.72,14.78 11.68,14.76'/%3E%3Cpolygon points='9.80,11.65 10.12,12.56 11.09,12.58 10.32,13.17 10.60,14.09 9.80,13.54 9.01,14.09 9.29,13.17 8.52,12.58 9.49,12.56'/%3E%3Cpolygon points='9.00,8.65 9.32,9.56 10.28,9.58 9.51,10.17 9.79,11.09 9.00,10.54 8.21,11.09 8.49,10.17 7.72,9.58 8.68,9.56'/%3E%3Cpolygon points='9.80,5.65 10.12,6.56 11.09,6.58 10.32,7.17 10.60,8.09 9.80,7.54 9.01,8.09 9.29,7.17 8.52,6.58 9.49,6.56'/%3E%3Cpolygon points='12.00,3.45 12.32,4.37 13.28,4.39 12.51,4.97 12.79,5.90 12.00,5.34 11.21,5.90 11.49,4.97 10.72,4.39 11.68,4.37'/%3E%3C/g%3E%3C/svg%3E") center / contain no-repeat;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .08);
}

.ddgl-notice-trigger--inline .ddgl-notice-icon {
    display: none;
}

/* Checkout: a line of the terms paragraph, styled like its links. */
.ddgl-checkout-notice {
    display: block;
    margin-top: 4px;
}

/* Styled like the gb2018 links in the checkout terms sentence (.agbConfirmation a). */
.ddgl-notice-trigger--text {
    font-size: inherit;
    font-weight: normal;
    line-height: inherit;
    color: #82823c;
    text-decoration: none;
}

.ddgl-notice-trigger--text:hover,
.ddgl-notice-trigger--text:focus {
    color: #a53d48;
    text-decoration: underline;
}

.ddgl-notice-trigger--text::before {
    width: 18px;
    height: 12px;
    margin-right: 6px;
}

.dd-detail--QuestionRatingWrapper .ddgl-garan-trigger {
    max-width: 240px;
}

.ddgl-garan-trigger,
.ddgl-garan-badge {
    display: block;
    width: 100%;
    max-width: 400px;
    padding: 4px;
    border: 1px solid #ced4da;
    border-radius: 4px;
    background: #fff;
    line-height: 0;
    text-align: left;
}

.ddgl-garan-trigger {
    cursor: pointer;
}

.ddgl-garan-trigger:hover,
.ddgl-garan-trigger:focus {
    opacity: .9;
}

.ddgl-garan-trigger-svg,
.ddgl-garan-trigger-svg svg,
.ddgl-garan-inline svg,
.ddgl-modal-body svg {
    display: block;
    width: 100%;
    height: auto;
}

.ddgl-garan-listing .ddgl-garan-trigger {
    max-width: 170px;
}

/* Basket, checkout, mini-basket: a small framed badge with the Your Europe link beside it. */
.ddgl-garan-line {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px 10px;
    margin: 8px 0 0;
}

.ddgl-garan-line .ddgl-garan-badge {
    flex: 0 0 auto;
    width: 110px;
    padding: 2px;
    border-color: #c0c1bc;
    border-radius: 0;
}

.ddgl-garan-line .ddgl-more-info {
    margin-top: 0;
    font-size: 12px;
    line-height: 16px;
}

.ddgl-garan-line--mini .ddgl-garan-badge {
    width: 90px;
}

.ddgl-garan-inline {
    display: none;
}

.ddgl-modal .modal-dialog {
    max-width: 700px;
}

.ddgl-modal .modal-header {
    min-height: 42px;
    border-bottom: 0;
}

.ddgl-modal-image {
    width: 100%;
    height: auto;
    margin: 0 auto;
}

.ddgl-garan-label-link {
    display: block;
}

.ddgl-more-info {
    display: inline-block;
    margin-top: 10px;
    text-decoration: underline;
}

/* Product page: a quiet row at the end of the description, above the buy box.
   Colours and type follow the gb2018 theme (Georgia, #4a4a4a text, #82823c accent, #c0c1bc rules). */
.ddgl-product-info {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 12px 24px;
    margin: 20px 0 0;
    padding: 12px 0;
}

.ddgl-product-info .ddgl-product-notice,
.ddgl-product-info .ddgl-guarantee {
    margin: 0;
}

.ddgl-product-info .ddgl-notice-trigger--inline {
    font-family: Georgia, serif;
    font-size: 13px;
    line-height: 16px;
    color: #4a4a4a;
    text-decoration: underline;
    text-underline-offset: 2px;
}

.ddgl-product-info .ddgl-notice-trigger--inline:hover,
.ddgl-product-info .ddgl-notice-trigger--inline:focus {
    color: #82823c;
}

.ddgl-product-info .ddgl-notice-trigger--inline::before {
    width: 24px;
    height: 16px;
    margin-right: 8px;
}

.ddgl-product-info .ddgl-garan-trigger {
    width: 190px;
    max-width: 100%;
    padding: 3px;
    border-color: #c0c1bc;
    border-radius: 0;
    transition: border-color .15s ease-in-out;
}

.ddgl-product-info .ddgl-garan-trigger:hover,
.ddgl-product-info .ddgl-garan-trigger:focus {
    border-color: #82823c;
    opacity: 1;
}

.ddgl-product-info .ddgl-garan-trigger:focus-visible {
    outline: 2px solid #82823c;
    outline-offset: 2px;
}

/* gb2018 list cards (.listproduct): a small badge beside the title, clear of the price/stamp row
   that the theme pins to the bottom of the card. */
.listproduct_text_head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 8px;
}

.listproduct_text_head .ddgl-garan-listing {
    flex: 0 0 auto;
    margin: 1px 0 0;
}

.listproduct_text_head .ddgl-garan-listing .ddgl-garan-trigger {
    width: 96px;
    padding: 2px;
    border-color: #c0c1bc;
    border-radius: 0;
    transition: border-color .15s ease-in-out;
}

.listproduct_text_head .ddgl-garan-listing .ddgl-garan-trigger:hover,
.listproduct_text_head .ddgl-garan-listing .ddgl-garan-trigger:focus {
    border-color: #82823c;
    opacity: 1;
}


.warranty-notice {
    display: flex;
    gap: 16px;
    padding: 18px;
    margin: 24px 0;

    border: 1px solid #9bbcff;
    border-radius: 6px;
    background: #f3f7ff;

    font-family: Arial, sans-serif;
}

.warranty-notice__icon {
    /*display: flex;
    align-items: center;
    justify-content: center;

    width: 64px;
    min-width: 64px;
    min-height: 64px;

    background: #0646b4;
    font-size: 28px;*/

    width: 100%;
    max-width: 50px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 20'%3E%3Crect width='30' height='20' fill='%23039'/%3E%3Cg fill='%23fc0'%3E%3Cpolygon points='15.00,2.65 15.32,3.56 16.28,3.58 15.51,4.17 15.79,5.09 15.00,4.54 14.21,5.09 14.49,4.17 13.72,3.58 14.68,3.56'/%3E%3Cpolygon points='18.00,3.45 18.32,4.37 19.28,4.39 18.51,4.97 18.79,5.90 18.00,5.34 17.21,5.90 17.49,4.97 16.72,4.39 17.68,4.37'/%3E%3Cpolygon points='20.20,5.65 20.51,6.56 21.48,6.58 20.71,7.17 20.99,8.09 20.20,7.54 19.40,8.09 19.68,7.17 18.91,6.58 19.88,6.56'/%3E%3Cpolygon points='21.00,8.65 21.32,9.56 22.28,9.58 21.51,10.17 21.79,11.09 21.00,10.54 20.21,11.09 20.49,10.17 19.72,9.58 20.68,9.56'/%3E%3Cpolygon points='20.20,11.65 20.51,12.56 21.48,12.58 20.71,13.17 20.99,14.09 20.20,13.54 19.40,14.09 19.68,13.17 18.91,12.58 19.88,12.56'/%3E%3Cpolygon points='18.00,13.85 18.32,14.76 19.28,14.78 18.51,15.36 18.79,16.29 18.00,15.74 17.21,16.29 17.49,15.36 16.72,14.78 17.68,14.76'/%3E%3Cpolygon points='15.00,14.65 15.32,15.56 16.28,15.58 15.51,16.17 15.79,17.09 15.00,16.54 14.21,17.09 14.49,16.17 13.72,15.58 14.68,15.56'/%3E%3Cpolygon points='12.00,13.85 12.32,14.76 13.28,14.78 12.51,15.36 12.79,16.29 12.00,15.74 11.21,16.29 11.49,15.36 10.72,14.78 11.68,14.76'/%3E%3Cpolygon points='9.80,11.65 10.12,12.56 11.09,12.58 10.32,13.17 10.60,14.09 9.80,13.54 9.01,14.09 9.29,13.17 8.52,12.58 9.49,12.56'/%3E%3Cpolygon points='9.00,8.65 9.32,9.56 10.28,9.58 9.51,10.17 9.79,11.09 9.00,10.54 8.21,11.09 8.49,10.17 7.72,9.58 8.68,9.56'/%3E%3Cpolygon points='9.80,5.65 10.12,6.56 11.09,6.58 10.32,7.17 10.60,8.09 9.80,7.54 9.01,8.09 9.29,7.17 8.52,6.58 9.49,6.56'/%3E%3Cpolygon points='12.00,3.45 12.32,4.37 13.28,4.39 12.51,4.97 12.79,5.90 12.00,5.34 11.21,5.90 11.49,4.97 10.72,4.39 11.68,4.37'/%3E%3C/g%3E%3C/svg%3E") center / contain no-repeat;

}

.warranty-notice__content h3 {
    margin: 0 0 6px;
    font-size: 18px;
}

.warranty-notice__content p {
    margin: 0 0 8px;
    line-height: 1.45;
}

.warranty-notice__link {
    padding: 0;
    border: 0;
    background: none;

    color: #0646b4;
    font: inherit;
    font-weight: 600;
    text-decoration: underline;
    cursor: pointer;
}