/** Shopify CDN: Minification failed

Line 18:2 Expected ":"
Line 26:2 Expected ":"
Line 28:2 Expected ":"
Line 34:2 Expected ":"
Line 40:2 Expected ":"
Line 42:2 Expected ":"
Line 48:2 Expected ":"
Line 50:2 Expected ":"
Line 52:2 Expected ":"
Line 54:2 Expected ":"
... and 441 more hidden warnings

**/
.template-index #shopify-section-footer {

    margin-top: 0;

}



.footer-block__newsletter {

     width: 23%;

     margin-left: 20px;

}

 .information {

     padding-left: 0;

}

 .list-payment__item .icon {

     width: 40px;

     height: auto;

}

.footertop {

    float: left;

    width: 100%;

    padding-block: 50px;

    border-bottom: 1px solid #2f2f2f;

    position: relative;

}

.footertop-left {

    float: left;

    width: 78%;

    padding-inline-end: 50px;

    border-right: 1px solid #2f2f2f;

}

.footer .footerlogo {

    float: left;

    width: 256px;

    text-align: left;

    padding-inline-end: 0px;

    border-right: 1px solid #2f2f2f;

}

footer .sub_title {

    float: left;

    width: 72%;

    margin-block: 5px 0;

    font-size: 14px;

    font-weight: 400;

    padding-inline-start: 70px;

    color: var(--color-base-button-text-hover);

}

footer .footer__list-social .list-social__item .icon {

    fill: var(--color-base-text-opacity-55-percent);

}



.footer__list-social .list-social__item .icon {

    fill: var(--color-base-button-text);

}

 .footer-block.grid__item.text {

    width: 30%;

    padding: 0px;

    background-color: transparent;

    border: none;

}

 .footer-block-title {

     letter-spacing: .5px;

     margin: 0 0 25px 0;

     color: #ccc;

}

 .footer-block.grid__item.footer-block--menu.small-hide {

    width: 23.3%;

    padding: 0 0 0 50px;

    background-color: transparent;

    border: none;

}

.newsletter-form__field-wrapper .field__label {

    color: var(--color-base-text);

    top: 1.3rem;

    left: 25px;

}

 #NewsletterForm--footer {

     background: #3d3d3d none repeat scroll 0 0;

     border: 1px solid #3d3d3d;

     color: var(--color-base-background-1);

     border-radius: 5px;

     -webkit-border-radius: 5px;

     -khtml-border-radius: 5px;

     -moz-border-radius: 5px;

     -o-border-radius: 5px;

     box-shadow: none;

}

 .newsletter-form__button {

     font-size: 0;

     position: absolute;

     right: 0;

     top: 0;

     left: auto;

     padding: 0;

     border-radius: 0 5px 5px 0;

     -webkit-border-radius: 0 5px 5px 0;

     -khtml-border-radius: 0 5px 5px 0;

     -moz-border-radius: 0 5px 5px 0;

     -o-border-radius: 0 5px 5px 0;

     height: 41px;

     width: 45px;

     background: url("plane.png") no-repeat 10px;

     background-size: 20px;

     border: 0;

    cursor: pointer;

}

 .information .list-menu__item--link {

    overflow: hidden;

    width: 100%;

    padding-left: 35px;

    background: url(footer-icon.png) no-repeat;

}

.information .list-menu__item--link.address {

    background-position: left 7px;

}

.information .contact.list-menu__item--link {

    background-position: left -123px;

}

.information .list-menu__item--link.email {background-position: left -63px;}



.information .list-menu__item--link.email a.email {background: none;padding: 0;}



.footer li {

    padding-block-end: 5px;

}

.footer .footer__list-social li {

    padding: 0;

    margin-inline-end: 7px;

    background-color: var(--color-base-accent-2);

}

.footer .footer__list-social li:hover {

    background-color: var(--color-base-button-background);

}

.footer__content-top .grid {

    float: left;

    width: 100%;

}

.footer-block__details-content li a {

    cursor: pointer;

    font-size: 14px;

    line-height: 30px;

    padding: 0;

}



.footer-block__details-content .contact.list-menu__item--link {

    display: inline-block;

    padding-top: 3px;

    padding-bottom: 10px;

}

.footer-block__details-content li.email.list-menu__item--link {

    font-size: 14px;

    letter-spacing: .4px;

    padding-block: 0px;

}

.footer-block__details-content .address.list-menu__item--link {

    width: 80%;

    font-size: 14px;

    display: inline-block;

    margin-block-end: 5px;

    padding-block: 0;

}

.footer-block__details-content .list-menu__item--link i {

    margin-inline-end: 5px;

}

localization-form:last-child {

    padding-inline-end: 0;

    border-inline-end: 0;

}

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



     .footer-block.grid__item {

         padding: 0;

         margin: 4rem 0;

         width: 100%;

    }

     .footer-block.grid__item:first-child {

         margin-top: 0;

    }



}



 @media screen and (min-width: 750px) {

     .footer__content-top .grid {

        row-gap: 6rem;

        margin-bottom: 0;

        margin: 0;

        float: left;

        width: 100%;

}

}

.footer__content-top .grid {

    padding-block: 90px;

    position: relative;

}

 .footer__content-bottom {

    padding-top: 0;

    padding-bottom: 0;

    float: left;

}

 .footer__content-bottom:only-child {

     border-top: 0;

}

 .footer__content-bottom-wrapper {

     display: flex;

     width: 100%;

     padding: 0;

}

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

     .footer__content-bottom {

         flex-wrap: wrap;

         padding-top: 0;

         padding-left: 0;

         padding-right: 0;

         row-gap: 1.5rem;

    }

     .footer__content-bottom-wrapper {

         flex-wrap: wrap;

         row-gap: 1.5rem;

    }

}

 .footer__localization:empty + .footer__column--info {

     align-items: center;

}

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

     .footer__localization:empty + .footer__column {

         padding-top: 1.5rem;

    }

}

 .footer__column {

     width: 100%;

     align-items: flex-end;

}

footer .grid__item.footer-box.link-list {

    float: left;

    width: 100%;

    padding-block: 25px 30px;

    position: relative;

}

footer .grid__item.footer-box.link-list .box-heading {

    float: left;

    font-size: 16px;

    font-weight: 500;

    text-transform: uppercase;

    margin-inline-end: 10px;

    color: var(--color-base-button-text-hover);

    margin-block: 12px;

}

footer .grid__item.footer-box.link-list ul li {

    float: left;

    padding: 0 10px;

    border-right: 1px solid var(--color-base-border);

    line-height: 16px;

}

footer .grid__item.footer-box.link-list ul li:last-child {

    border: none;

}

footer .grid__item.footer-box.link-list ul li a {

    font-size: 14px;

}

footer .grid__item.footer-box.link-list ul li a:hover {

    color: var(--color-base-accent-2);

}

 .footer__column--info {

     display: flex;

     flex-direction: column;

     justify-content: center;

     align-items: center;

     padding-left: 2rem;

     padding-right: 2rem;

     float: left;

     padding-block: 15px;

     border-top: 1px solid var(--color-base-border);

}

 @media screen and (min-width: 750px) {

     .footer__column--info {

    padding-left: 0;

    padding-right: 0;

    align-items: flex-end;

    display: block;

}

     .footer__copyright {

         float: left;

    }

    .footer__payment {

    float: right;

    display: flex;

    justify-content: right;

    width: auto;

}

}

 .footer-block:only-child:last-child, .accordion:first-child + .footer-block:last-child {

     text-align: center;

     max-width: 76rem;

     margin: 0 auto;

}

 .accordion:empty + .footer-block {

     margin-top: 0;

}

 .footer .accordion {

     margin-top: 0;

}

 .footer .small-hide + .accordion {

     border-top: none;

}

 @media screen and (min-width: 750px) {

     .footer-block {

         display: block;

         margin-top: 0;

    }

}

 .footer-block:empty {

     display: none;

}

 .footer-block--newsletter {

     display: flex;

     flex-wrap: wrap;

     justify-content: center;

     align-items: flex-end;

     margin-top: 5rem;

}

 .footer-block--newsletter:only-child {

     margin-top: 0;

}

 .footer-block--newsletter > \* {

     flex: 1 1 100%;

}

 @media screen and (min-width: 750px) {

     .footer-block--newsletter {

         flex-wrap: nowrap;

         justify-content: space-between;

    }

}

.footer-block__heading {

    margin-top: 0;

    font-size: 16px;

    font-weight: 500;

    letter-spacing: .5px;

    line-height: 20px;

    text-transform: capitalize;

    margin-block-end: 25px;

    font-family: var(--font-heading-family);

}

 .footer__list-social:empty, .footer-block--newsletter:empty {

     display: none;

}

 .footer__list-social.list-social:only-child {

     justify-content: center;

}

 .footer__list-social .list-social__item--placeholder:not(:only-child) {

     display: none;

}

 .footer-block__newsletter {

     text-align: center;

}

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

     .footer-block__newsletter .newsletter-form__field-wrapper {

         width: 30rem;

    }

}

 .footer-block__newsletter .newsletter-form__button.button {

     width: fit-content;

}

 @media screen and (min-width: 990px) {

     .footer-block__newsletter:not(:only-child) {

         text-align: left;

    }

     .footer-block__newsletter .newsletter-form__button.button {

         margin-top: 0;

         margin-left: 1.4rem;

    }

     .footer-block__newsletter:not(:only-child) .footer__newsletter {

         justify-content: flex-start;

         margin: 0;

    }

}

 .footer-block__newsletter + .footer__list-social {

     margin-top: 5rem;

}

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

     .footer__list-social.list-social {

         justify-content: center;

    }

}

 @media screen and (min-width: 750px) {

     .footer-block__newsletter + .footer__list-social {

         margin-top: 0;

    }

}

.footer__localization {

    float: left;

    display: flex;

    flex-direction: row;

    justify-content: center;

    align-content: center;

    flex-wrap: wrap;

    line-height: 0;

    padding: 2px 0;

    position: relative;

}

 .footer__localization:empty {

     display: none;

}

 .localization-form {

     display: flex;

     flex-direction: column;

     flex: auto 1 0;

     margin: 0 auto;

}

 .localization-form:only-child {

     display: inline-flex;

     flex-wrap: wrap;

     flex: initial;

}

 .localization-form:only-child .button, .localization-form:only-child .localization-form__select {

     flex-grow: 1;

     width: auto;

}

 .footer__localization h2 {

     margin: 1rem 1rem 0.5rem;

     display: none;

}

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

     noscript .localization-form:only-child, .footer__localization noscript {

         width: 100%;

    }

}

 .localization-form .button {

     padding: 1rem;

}

 .localization-form__currency {

     display: inline-block;

}

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

     .localization-form .button {

         word-break: break-all;

    }

}

localization-form {

    position: relative;

    padding-inline: 15px;

  border-inline-end: 1px solid var(--color-base-border);

}

 .localization-form__select {

     position: relative;

     border: 0;

     text-align: left;

}

 noscript .localization-form__select {

     padding-left: 0rem;

}

 @media screen and (min-width: 750px) {

     noscript .localization-form__select {

         min-width: 20rem;

    }

}

 .localization-form__select .icon-caret {

     position: absolute;

     content: '';

     height: 0.6rem;

     right: 1.5rem;

     fill: var(--color-base-background-1);

     top: calc(50% - 0.35rem);

}

.header-right .icon.icon-lag {

    fill: var(--color-base-text);

    width: 16px;

    height: 21px;

    position: relative;

}



.account.header__icon:hover .icon.icon-lag {

    fill: var(--color-base-accent-2);

}



.disclosure__button.localization-form__select:hover .icon.icon-lag {

    fill: var(--color-base-accent-1);

}

 .localization-selector.link {

    text-decoration: none;

    appearance: none;

    -webkit-appearance: none;

    -moz-appearance: none;

    width: 100%;

    padding: 0;

    background-color: transparent;

    color: var(--color-base-text);

    border: none;

}

 noscript .localization-selector.link {

     padding-top: 1.5rem;

     padding-left: 1.5rem;

}

.disclosure .localization-form__select {

    text-transform: capitalize;

    font-size: 14px;

    line-height: 20px;

    letter-spacing: .5px;

    font-weight: 400;

}

.disclosure__button.localization-form__select:hover {

    color: var(--color-base-accent-1);

}

 .localization-selector option {

     color: #000000;

}

 .localization-selector + .disclosure__list {

    opacity: 1;

    background-color: #fff;

    min-width: 18rem;

}

 .footer__copyright {

    margin: 0;

    float: left;

    width: auto;

    margin-block-start: 5px;

    font-size: 14px;

    text-transform: capitalize;

}

 @media screen and (min-width: 750px) {

     .footer__copyright {

        text-align: left;

    }

}

 @media screen and (min-width: 990px) {

     footer .accordion {

         display: none;

    }

}

 @keyframes appear-down {

     0% {

         opacity: 0;

         margin-top: -1rem;

    }

     100% {

         opacity: 1;

         margin-top: 0;

    }

}

 footer details[open] summary \~ \* {

     animation: appear-down var(--duration-default) ease;

}

 .footer .accordion .list-menu__item--link {

    justify-content: left;

    text-align: left;

    background: url(footer-arrow\.png) no-repeat scroll 0px 7px;

    padding-inline-start: 20px;

}

.footer .accordion .list-menu__item--link:hover {

    color: var(--color-base-accent-1);

    background-position: 0px -63px;

}

.footer .accordion .information .list-menu__item--link {

    background: url(footer-icon.png) no-repeat;

    padding-inline-start: 35px;

    line-height: 30px;

    padding-block-end: 5px;

    margin-block-end: 0px;

}

.footer .accordion .information .list-menu__item--link.address {

    background-position: left 7px;

}

.footer .accordion .information .contact.list-menu__item--link {

    background-position: left -123px;

}

.footer .accordion .information .list-menu__item--link.email {

    background-position: left -65px;

}

 .footer-block__details-content {

     margin-bottom: 4rem;

}

 .footer-block__details-content li:first-child .link {

     padding-top: 0;

}

.footer-block.grid__item.footer-block--menu.small-hide .list-menu__item--link {

    background: url(footer-arrow\.png) no-repeat scroll 0px 8px !important;

    padding-inline-start: 20px;

}

.footer-block.grid__item.footer-block--menu.small-hide .list-menu__item--link:hover {

    background-position: 0px -63px !important;

}

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

  .footertop-left {

    width: 71%;

    padding-inline-end: 0;

}

  footer .sub_title {

    width: 56%;

    margin-block: 0;

}



}

 @media screen and (min-width: 750px) {

     .footer-block__details-content {

         margin: 0;

         padding-left:0;

    }

     .footer-block__details-content li:first-child .link {

         padding-top: 0;

    }

     .accordion:first-child + .footer-block:last-child li, .footer-block:only-child li {

         display: inline;

    }

}

 .footer-block__details-content .list-menu__item--active {

     transition: text-decoration-thickness var(--duration-short) ease;

     color: var(--color-base-background-1);

}

.copyright__content a:hover, .footer-block__details-content a.list-menu__item--link:hover {

    color: var(--color-base-accent-1);

}

 @media screen and (min-width: 750px) {



     .footer-block__details-content .list-menu__item--active:hover {

         text-decoration-thickness: 0.2rem;

    }

}

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

   .footer .footerlogo {

      float: left;

      text-align: center;

      padding: 0;

}

   footer .sub_title {

    width: 64%;

    text-align: left;

    margin: 0;

}

      .footer .grid {

    display: block;

    margin: 0;

    padding: 25px 0 20px;

}



}

 @media screen and (min-width: 750px) {     

     .footer-block__details-content > :first-child .list-menu__item--link {

         padding-top: 0;

         margin-top: 0;

    }

}

 .copyright__content a {

     color: currentColor;

     text-decoration: none;

}

 @keyframes animateLocalization {

     0% {

         opacity: 0;

         transform: translateY(0);

    }

     100% {

         opacity: 1;

         transform: translateY(-1rem);

    }

}

 .footer .disclosure__link {

     padding: 0.95rem 3.5rem 0.95rem 2rem;

}

 .footer .disclosure__link:hover {

     color: var(--color-base-accent-1);

}

 .footer .disclosure__link--active {

     text-decoration: underline;

}





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

    .footer-block.grid__item.footer-block--menu.small-hide {

        padding-left: 30px;

    }

}

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

   .footertop-left {

      width: 100%;

      text-align: center;

      padding: 0;

      border: none;

}

     .footer-block.grid__item.text {

         padding-left: 0;

         border-left: 0;

          width: 40%;

    }



     .footer__copyright {

    width: 100%;

    text-align: center;

    margin-block: 10px;

    display: block;

}

     .footer__payment {

    width: 100%;

    float: none;

    justify-content: center;

    display: inline-block;

}

     .list-payment {

         justify-content: center;

    }

     .footer-block.grid__item.footer-block--menu.small-hide {

         width: 30%;

    }



     .footer-block__newsletter {

         width: 100%;

         margin-left: 0;

    }

}

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

   footer .grid__item.footer-box.link-list .box-heading {

    width: 100%;

    margin-block-start: 0;

}

   footer .grid__item.footer-box.link-list ul li:first-child {

    padding-inline-start: 0;

}

   footer .grid__item.footer-box.link-list ul li{

     margin-block-end: 10px;

   }

  .footer .footerlogo {

    float: none;

    text-align: center;

    display: inline-block;

    border: none;

}

   footer .sub_title {

    width: 100%;

    padding-inline: 45px;

    float: left;

    text-align: center;

}



   .footer__content-bottom {

    display: inline-block;

    width: auto;

    float: none;

    vertical-align: middle;

}

   .account.header__icon {

    float: none;

    width: auto;

    padding: 0;

    display: inline-block;

    vertical-align: middle;

}

   #FooterCountryForm::after {

    display: none;

}

     .footer-block__newsletter {

         margin-top: 30px;

    }



   .address {

    margin-top: 0 !important;

}

   .footer-block__details-content.information {

    margin: 0;

}

     .footer-block__details-content {

         margin-bottom: 0;

    }



}

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

   footer .grid__item.footer-box.link-list .box-heading {

    width: 100%;

}

   footer .grid__item.footer-box.link-list ul li:first-child {

    padding-inline-start: 0;

}

   .footer__list-social.list-social {

    width: 100%;

}  







 }

/* ============================================================
   FELLSOCKE – Mobile Footer FINAL
   Mobile Struktur: Vorteile / Service & Rechtliches / Widerruf
   Desktop bleibt unveraendert.
   ============================================================ */
@media screen and (max-width: 749px) {

  /* Grundlayout mobil */
  .footer__content-top {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .footer__content-top .grid,
  .footer__blocks-wrapper {
    margin: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .footer__blocks-wrapper .footer-block {
    width: 100% !important;
    margin: 0 !important;
    box-sizing: border-box;
  }

  .footer__blocks-wrapper .footer-block__heading {
    color: #fff !important;
    text-transform: none !important;
    font-weight: 600 !important;
  }

  /* ----------------------------------------------------------
     1. Deine Vorteile bei FELLSOCKE
     ---------------------------------------------------------- */
  .footer__blocks-wrapper .footer-block:nth-child(1) {
    padding: 22px 0 20px !important;
  }

  .footer__blocks-wrapper .footer-block:nth-child(1) .footer-block__heading {
    margin: 0 0 15px !important;
    font-size: 22px !important;
    line-height: 1.25 !important;
  }

  .footer__blocks-wrapper .footer-block:nth-child(1) ul {
    margin: 0 !important;
    padding: 0 !important;
  }

  .footer__blocks-wrapper .footer-block:nth-child(1) li {
    margin: 0 0 8px !important;
    padding: 0 !important;
    line-height: 1.42 !important;
  }

  .footer__blocks-wrapper .footer-block:nth-child(1) li:last-child {
    margin-bottom: 0 !important;
  }

  /* ----------------------------------------------------------
     2. Service & Rechtliches
     ---------------------------------------------------------- */
  .footer__blocks-wrapper .footer-block:nth-child(2) {
    position: relative;
    padding: 18px 0 17px !important;
    background: #765737 !important;
    box-shadow: 0 0 0 100vmax #765737;
    clip-path: inset(0 -100vmax);
  }

  .footer__blocks-wrapper .footer-block:nth-child(2) .footer-block__heading {
    margin: 0 0 12px !important;
    font-size: 21px !important;
    line-height: 1.2 !important;
  }

  .footer__blocks-wrapper .footer-block:nth-child(2) a,
  .footer__blocks-wrapper .footer-block:nth-child(2) p,
  .footer__blocks-wrapper .footer-block:nth-child(2) li {
    color: #fff !important;
  }

  .footer__blocks-wrapper .footer-block:nth-child(2) a {
    display: block;
    margin: 0 0 8px !important;
    padding: 0 !important;
    line-height: 1.3 !important;
    text-decoration: none !important;
  }

  .footer__blocks-wrapper .footer-block:nth-child(2) a:last-child {
    margin-bottom: 0 !important;
  }

  .footer__blocks-wrapper .footer-block:nth-child(2) p,
  .footer__blocks-wrapper .footer-block:nth-child(2) li {
    margin-top: 0 !important;
    margin-bottom: 8px !important;
    padding-bottom: 0 !important;
    line-height: 1.3 !important;
  }

  /* ----------------------------------------------------------
     3. Vertrag widerrufen
     ---------------------------------------------------------- */
  .footer__blocks-wrapper .footer-block:nth-child(3) {
    padding: 17px 0 19px !important;
    margin: 0 !important;
  }

  .footer__blocks-wrapper .footer-block:nth-child(3) .footer-block__heading {
    margin: 0 0 10px !important;
    font-size: 21px !important;
    line-height: 1.2 !important;
  }

  .footer__blocks-wrapper .footer-block:nth-child(3) p {
    margin: 0 0 10px !important;
    line-height: 1.35 !important;
  }

  .footer__blocks-wrapper .footer-block:nth-child(3) .fs-widerruf-btn {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-height: 40px !important;
    padding: 9px 15px !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 6px !important;
    background: #6f8a70 !important;
    color: #fff !important;
    font-size: 14px !important;
    line-height: 1.2 !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    box-sizing: border-box;
  }

  .footer__blocks-wrapper .footer-block:nth-child(3) .fs-widerruf-btn:hover,
  .footer__blocks-wrapper .footer-block:nth-child(3) .fs-widerruf-btn:focus {
    background: #5f7860 !important;
    color: #fff !important;
  }

  /* ----------------------------------------------------------
     4. Footer-Abschluss: Copyright + Zahlungsarten
     ---------------------------------------------------------- */
  .footer__content-bottom,
  .footer__column--info {
    background: #6b5035 !important;
  }

  .footer__content-bottom {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border-top: 1px solid rgba(255,255,255,.28) !important;
  }

  .footer__content-bottom-wrapper {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .footer__column--info {
    width: 100% !important;
    padding: 15px 18px 17px !important;
    border-top: 0 !important;
    box-sizing: border-box;
  }

  .footer__copyright {
    width: 100% !important;
    margin: 0 0 11px !important;
    text-align: center !important;
    color: #fff !important;
    font-size: 13px !important;
    line-height: 1.35 !important;
  }

  .footer__copyright a,
  .footer__copyright span {
    color: #fff !important;
  }

  .footer__payment {
    width: 100% !important;
    margin: 0 !important;
    float: none !important;
    text-align: center !important;
  }

  .list-payment {
    justify-content: center !important;
    gap: 6px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .list-payment__item {
    margin: 0 !important;
    padding: 0 !important;
  }

  .list-payment__item .icon {
    width: 34px !important;
    height: auto !important;
  }
}


/* ============================================================
   FELLSOCKE - Desktop Footer v8: footer-only selectors
   Desktop: Copyright und Zahlungsarten gemeinsam mittig, Layout unveraendert.
   Mobile Footer FINAL oberhalb bleibt unveraendert.
   ============================================================ */
@media screen and (min-width: 990px) {

  footer.footer .footer__content-top {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  footer.footer .footer__content-top.page-width {
    max-width: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  footer.footer .footer__content-top .grid,
  footer.footer .footer__blocks-wrapper {
    display: grid !important;
    grid-template-columns: minmax(0, 1.2fr) minmax(0, 1.15fr) minmax(240px, .8fr) !important;
    column-gap: 72px !important;
    row-gap: 0 !important;
    align-items: start !important;
    width: 100% !important;
    max-width: 1280px !important;
    margin: 0 auto !important;
    padding: 52px 32px 48px !important;
    float: none !important;
    box-sizing: border-box !important;
  }

  footer.footer .footer__blocks-wrapper .footer-block,
  footer.footer .footer-block.grid__item,
  footer.footer .footer-block.grid__item.text,
  footer.footer .footer-block.grid__item.footer-block--menu.small-hide {
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    background: transparent !important;
    border: 0 !important;
    box-sizing: border-box !important;
  }

  footer.footer .footer__blocks-wrapper .footer-block:nth-child(2),
  footer.footer .footer__blocks-wrapper .footer-block:nth-child(3) {
    border-left: 1px solid rgba(255,255,255,.18) !important;
    padding-left: 52px !important;
  }

  footer.footer .footer__blocks-wrapper .footer-block__heading,
  footer.footer .footer-block__heading {
    margin: 0 0 17px !important;
    color: #fff !important;
    font-size: 20px !important;
    line-height: 1.22 !important;
    font-weight: 600 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
  }

  footer.footer .footer__blocks-wrapper .footer-block p,
  footer.footer .footer__blocks-wrapper .footer-block li,
  footer.footer .footer__blocks-wrapper .footer-block a,
  footer.footer .footer-block__details-content li a {
    color: #fff !important;
    font-size: 15px !important;
    line-height: 1.48 !important;
  }

  footer.footer .footer__blocks-wrapper .footer-block ul {
    margin: 0 !important;
    padding: 0 !important;
  }

  footer.footer .footer__blocks-wrapper .footer-block li {
    margin: 0 0 8px !important;
    padding: 0 !important;
  }

  footer.footer .footer__blocks-wrapper .footer-block a {
    padding: 0 !important;
    text-decoration: none !important;
  }

  footer.footer .footer__blocks-wrapper .footer-block a:hover,
  footer.footer .footer__blocks-wrapper .footer-block a:focus {
    color: #e8f0e9 !important;
    text-decoration: underline !important;
    text-underline-offset: 3px;
  }

  footer.footer .footer__blocks-wrapper .footer-block:nth-child(1) li {
    line-height: 1.45 !important;
    margin-bottom: 7px !important;
  }

  footer.footer .footer__blocks-wrapper .footer-block:nth-child(3) p {
    margin: 0 0 16px !important;
  }

  footer.footer .footer__blocks-wrapper .footer-block:nth-child(3) .fs-widerruf-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 44px !important;
    margin: 0 !important;
    padding: 11px 20px !important;
    border: 0 !important;
    border-radius: 6px !important;
    background: #6f8a70 !important;
    color: #fff !important;
    font-size: 15px !important;
    line-height: 1.2 !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    box-sizing: border-box !important;
  }

  footer.footer .footer__blocks-wrapper .footer-block:nth-child(3) .fs-widerruf-btn:hover,
  footer.footer .footer__blocks-wrapper .footer-block:nth-child(3) .fs-widerruf-btn:focus {
    background: #5f7860 !important;
    color: #fff !important;
    text-decoration: none !important;
  }

  footer.footer .footer__content-bottom {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    border-top: 1px solid rgba(255,255,255,.24) !important;
  }

  footer.footer .footer__content-bottom-wrapper {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    max-width: 1280px !important;
    min-height: 92px !important;
    margin: 0 auto !important;
    padding: 16px 32px 24px !important;
    box-sizing: border-box !important;
  }

  footer.footer .footer__column--info {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 16px !important;
    width: 100% !important;
    margin: 0 auto !important;
    padding: 0 !important;
    text-align: center !important;
  }

  footer.footer .footer__copyright {
    display: block !important;
    width: 100% !important;
    margin: 0 auto !important;
    padding: 0 !important;
    color: #fff !important;
    text-align: center !important;
    font-size: 14px !important;
    line-height: 1.35 !important;
    white-space: nowrap !important;
  }

  footer.footer .footer__copyright a,
  footer.footer .footer__copyright span {
    color: #fff !important;
  }

  footer.footer .footer__payment {
    display: block !important;
    width: 100% !important;
    margin: 0 auto !important;
    padding: 0 !important;
    float: none !important;
    text-align: center !important;
  }

  footer.footer .list-payment {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 8px !important;
    width: 100% !important;
    margin: 0 auto !important;
    padding: 0 !important;
  }

  footer.footer .list-payment__item {
    margin: 0 !important;
    padding: 0 !important;
  }

  footer.footer .list-payment__item .icon {
    width: 48px !important;
    height: auto !important;
  }
}

/* Tablet-Zwischenstufe */
@media screen and (min-width: 750px) and (max-width: 989px) {
  footer.footer .footer__content-top .grid,
  footer.footer .footer__blocks-wrapper {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    column-gap: 36px !important;
    row-gap: 34px !important;
    width: 100% !important;
    max-width: 920px !important;
    margin: 0 auto !important;
    padding: 42px 28px 38px !important;
    box-sizing: border-box !important;
  }

  footer.footer .footer__blocks-wrapper .footer-block:nth-child(2) {
    border-left: 1px solid rgba(255,255,255,.18) !important;
    padding-left: 36px !important;
  }

  footer.footer .footer__blocks-wrapper .footer-block:nth-child(3) {
    grid-column: 1 / -1;
    border-left: 0 !important;
    border-top: 1px solid rgba(255,255,255,.18) !important;
    padding-left: 0 !important;
    padding-top: 26px !important;
  }

  footer.footer .footer__blocks-wrapper .footer-block__heading,
  footer.footer .footer-block__heading {
    font-size: 18px !important;
  }

  footer.footer .footer__blocks-wrapper .footer-block p,
  footer.footer .footer__blocks-wrapper .footer-block li,
  footer.footer .footer__blocks-wrapper .footer-block a,
  footer.footer .footer-block__details-content li a {
    font-size: 14px !important;
  }

  footer.footer .footer__content-bottom-wrapper {
    max-width: 920px !important;
    padding-left: 28px !important;
    padding-right: 28px !important;
  }
}

/* ============================================================
   FELLSOCKE - Desktop Footer Bottom Spacing (scoped)
   Nur Desktop: Copyright / Zahlungsarten / Abstand zum unteren Rand
   ============================================================ */
@media screen and (min-width: 990px) {

  footer.footer .footer__content-bottom {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 0 30px !important;
    float: none !important;
    box-sizing: border-box !important;
  }

  footer.footer .footer__content-bottom-wrapper {
    display: block !important;
    width: 100% !important;
    max-width: 1280px !important;
    min-height: 0 !important;
    margin: 0 auto !important;
    padding: 22px 32px 0 !important;
    box-sizing: border-box !important;
  }

  footer.footer .footer__column--info {
    display: block !important;
    width: 100% !important;
    margin: 0 auto !important;
    padding: 0 !important;
    float: none !important;
    text-align: center !important;
  }

  footer.footer .footer__copyright {
    display: block !important;
    width: 100% !important;
    margin: 0 0 20px !important;
    padding: 0 !important;
    float: none !important;
    clear: both !important;
    text-align: center !important;
  }

  footer.footer .footer__payment {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    clear: both !important;
    text-align: center !important;
  }

  footer.footer .list-payment {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    margin: 0 auto !important;
    padding: 0 !important;
  }
}

/* ============================================================
   FELLSOCKE v8 - Desktop service bar isolation
   The announcement section reuses footer__content-bottom and
   footer__content-bottom-wrapper. Footer layout rules above now
   require footer.footer; the header is normalized separately here.
   Both desktop bars: 40 px minimum height, content vertically centered.
   No changes below 990 px. No changes to logo, hero or menu drawer.
   ============================================================ */
@media screen and (min-width: 990px) {
  #FellsockeTopBanner,
  #FellsockeDesktopServiceBar {
    --fs-desktop-bar-height: 40px;
    display: block !important;
    height: auto !important;
    min-height: var(--fs-desktop-bar-height) !important;
    margin-block: 0 !important;
    padding-block: 0 !important;
    border-block: 0 !important;
    box-sizing: border-box !important;
  }

  #FellsockeTopBanner > .page-width,
  #FellsockeDesktopServiceBar > .page-width {
    display: flex !important;
    flex-flow: row nowrap !important;
    align-items: center !important;
    height: auto !important;
    min-height: var(--fs-desktop-bar-height) !important;
    margin-block: 0 !important;
    padding-block: 0 !important;
    box-sizing: border-box !important;
  }

  #FellsockeTopBanner > .page-width {
    justify-content: center !important;
  }

  #FellsockeDesktopServiceBar > .page-width {
    justify-content: space-between !important;
    column-gap: 24px !important;
  }

  #FellsockeTopBanner .announcement-bar__message,
  #FellsockeDesktopServiceBar .announcement-bar__message {
    display: block !important;
    float: none !important;
    width: auto !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 20px !important;
    white-space: nowrap !important;
  }

  #FellsockeDesktopServiceBar > .page-width > .announcement-bar__link {
    display: block !important;
    flex: 0 0 auto !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  #FellsockeDesktopServiceBar .header-right {
    display: flex !important;
    flex: 0 0 auto !important;
    align-items: center !important;
    justify-content: flex-end !important;
    position: static !important;
    float: none !important;
    width: auto !important;
    margin: 0 0 0 auto !important;
    padding: 0 !important;
  }

  #FellsockeDesktopServiceBar .footer__content-bottom,
  #FellsockeDesktopServiceBar .footer__content-bottom-wrapper,
  #FellsockeDesktopServiceBar .footer__localization {
    display: flex !important;
    flex-flow: row nowrap !important;
    align-items: center !important;
    justify-content: flex-end !important;
    column-gap: 20px !important;
    float: none !important;
    clear: none !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-sizing: border-box !important;
  }

  #FellsockeDesktopServiceBar .menu-bar,
  #FellsockeDesktopServiceBar .menubar_linklist-item {
    display: block !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
  }

  #FellsockeDesktopServiceBar .announcement__linklist {
    display: flex !important;
    flex-flow: row nowrap !important;
    align-items: center !important;
    column-gap: 26px !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
  }

  #FellsockeDesktopServiceBar .menubar_linklist-item a {
    display: block !important;
    margin: 0 !important;
    padding-block: 0 !important;
    border: 0 !important;
    line-height: 20px !important;
    white-space: nowrap !important;
  }
}