/** Shopify CDN: Minification failed

Line 834:0 Unexpected "}"

**/
/* ================================================
   DTF TURBO — CUSTOM CSS
   Dawn Theme | Stand: Mai 2026 (konsolidiert)
   ================================================ */

/* ------------------------------------------------
   1. BRAND TOKENS
   ------------------------------------------------ */
:root {
  --dtf-red: #E8291A;
  --dtf-orange: #F96E28;
  --dtf-yellow: #FCC20F;
  --dtf-green: #1BAB51;
  --dtf-cyan: #2DA7E2;
  --dtf-darkblue: #1A3D7C;
  --dtf-dark: #1A1A1A;
  --dtf-mid: #444444;
  --dtf-soft: #F7F7F5;
  --dtf-white: #FFFFFF;
  --dtf-border: #E8E8E4;
  --dtf-radius-sm: 6px;
  --dtf-radius-md: 12px;
  --dtf-radius-lg: 20px;
  --dtf-radius-pill: 100px;
  --dtf-shadow-sm: 0 2px 8px rgba(0,0,0,0.07);
  --dtf-shadow-md: 0 6px 24px rgba(0,0,0,0.10);
  --dtf-shadow-lg: 0 16px 48px rgba(0,0,0,0.12);
  --dtf-transition: 0.22s cubic-bezier(0.4,0,0.2,1);
}

/* ------------------------------------------------
   2. TYPOGRAFIE
   ------------------------------------------------ */
body {
  font-family: 'Barlow', sans-serif;
  font-size: 16px;
  line-height: 1.65;
  color: var(--dtf-dark);
  background: var(--dtf-white);
  -webkit-font-smoothing: antialiased;
}

h1, h2, h3, .h1, .h2, .h3,
.heading, .banner__heading,
.multicolumn-card__info h3 {
  font-family: 'Barlow Condensed', 'Barlow', sans-serif;
  font-weight: 700;
  letter-spacing: -0.01em;
  line-height: 1.15;
  color: var(--dtf-dark);
}

h1, .h1 { font-size: clamp(2.2rem, 5vw, 3.8rem); }
h2, .h2 { font-size: clamp(1.7rem, 3.5vw, 2.8rem); }
h3, .h3 { font-size: clamp(1.2rem, 2.5vw, 1.6rem); }

/* ------------------------------------------------
   3. HEADING-UNTERSTREICHUNG
   ------------------------------------------------ */
.title-wrapper-with-link .title {
  position: relative;
  display: inline-block;
  padding-bottom: 0.4em;
}
.title-wrapper-with-link .title::after,
.image-with-text__content .title::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 56px;
  height: 4px;
  border-radius: 2px;
  background: var(--dtf-red);
}
.shopify-section:nth-child(even) .title-wrapper-with-link .title::after,
.shopify-section:nth-child(even) .image-with-text__content .title::after { background: var(--dtf-orange); }
.shopify-section:nth-child(3n) .title-wrapper-with-link .title::after,
.shopify-section:nth-child(3n) .image-with-text__content .title::after { background: var(--dtf-green); }
.shopify-section:nth-child(4n) .title-wrapper-with-link .title::after,
.shopify-section:nth-child(4n) .image-with-text__content .title::after { background: var(--dtf-cyan); }

.image-with-text__content .title {
  position: relative;
  padding-bottom: 0.5em;
  margin-bottom: 1.5rem;
}

/* ------------------------------------------------
   4. ANNOUNCEMENT BAR
   ------------------------------------------------ */
.utility-bar,
body .utility-bar {
  background: #1A3D7C !important;
  background-image: none !important;
  border-bottom: none !important;
}
.announcement-bar {
  background: transparent !important;
  color: #ffffff !important;
  font-weight: 600;
  font-size: 0.85rem;
  letter-spacing: 0.04em;
}
.announcement-bar__message,
.announcement-bar__message *,
.announcement-bar p,
.announcement-bar span,
.announcement-bar a { color: #ffffff !important; }
.announcement-bar__message strong { color: #ffffff !important; font-weight: 700; }
.utility-bar .link,
.utility-bar a { color: #ffffff !important; }
.utility-bar svg,
.utility-bar .svg-wrapper svg { fill: #ffffff !important; }
.announcement-bar-section + * { margin-top: 0 !important; }

/* ------------------------------------------------
   5. EXPRESS COUNTDOWN BAR
   ------------------------------------------------ */
#dtf-countdown-bar {
  padding: 8px 16px !important;
  font-size: 0.88rem !important;
}
#dtf-countdown-timer {
  font-size: 1rem !important;
  padding: 3px 12px !important;
  min-width: 80px !important;
}
#dtf-countdown-bar a {
  font-size: 0.82rem !important;
  padding: 3px 14px !important;
}

/* ------------------------------------------------
   6. HEADER & NAVIGATION
   ------------------------------------------------ */
.section-header {
  background: var(--dtf-white) !important;
  border-bottom: 1.5px solid var(--dtf-border);
  box-shadow: var(--dtf-shadow-sm);
  margin-top: 0 !important;
  top: 0 !important;
}
.shopify-section-group-header-group {
  display: flex !important;
  flex-direction: column !important;
}
.header {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}
.header__heading {
  margin-inline-start: 0 !important;
  padding-inline-start: 0 !important;
}
.header__heading-logo {
  max-width: 52px !important;
  width: 52px !important;
}

/* Nav-Items */
.header__menu-item {
  padding: 0 1.1rem !important;
}
.header__menu-item .link {
  font-family: 'Barlow', sans-serif;
  font-weight: 600;
  font-size: 1rem !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase;
  color: var(--dtf-dark) !important;
  transition: color var(--dtf-transition);
  border-bottom: 2px solid transparent;
  padding: 0.5rem 0 !important;
  white-space: nowrap !important;
}
.header__menu-item .link:hover {
  color: var(--dtf-red) !important;
  border-bottom-color: var(--dtf-red);
}
.header__menu-item > details > summary,
.header__menu-item > a {
  display: flex !important;
  align-items: center !important;
  gap: 3px !important;
  padding-right: 0 !important;
}
.header__menu-item > details > summary {
  padding-right: 0 !important;
  position: relative !important;
}

/* Caret */
.header__menu-item > details > summary .icon-caret,
.header__menu-item .icon-caret {
  position: static !important;
  display: inline-flex !important;
  align-items: center !important;
  width: 12px !important;
  height: 12px !important;
  min-width: 12px !important;
  flex-shrink: 0 !important;
  margin-left: 2px !important;
  vertical-align: middle !important;
  opacity: 1 !important;
}
.header__menu-item > details > summary .icon-caret svg,
.header__menu-item .icon-caret svg {
  width: 12px !important;
  height: 12px !important;
}

/* Dropdown-Unterstriche entfernen */
.header__menu-item:hover span,
.header__menu-item > details > summary:hover span,
.header__active-menu-item,
.header__submenu .header__menu-item:hover { text-decoration: none !important; }

/* Dropdown-Panel */
.header__submenu.global-settings-popup,
.global-settings-popup {
  border-radius: var(--dtf-radius-md) !important;
  overflow: hidden;
  border: 1.5px solid var(--dtf-border) !important;
  box-shadow: var(--dtf-shadow-md) !important;
}
.header__submenu.list-menu {
  padding: 0.8rem 0 !important;
  min-width: 240px !important;
}
.header__submenu .header__menu-item {
  padding: 1.1rem 2.4rem !important;
  font-size: 1.05rem !important;
  font-weight: 500 !important;
  letter-spacing: 0.01em !important;
  text-transform: none !important;
  white-space: nowrap !important;
}
.header__submenu .header__menu-item:hover .link { color: var(--dtf-red) !important; }

/* Header Icons */
.header__icon,
.header__icon--account,
.header__icon--cart,
a.header__icon {
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.header__icon svg,
.header__icon .svg-wrapper svg,
.header__icon--account svg,
.header__icon--summary svg,
.modal__toggle svg,
.header__search .header__icon svg {
  width: 20px !important;
  height: 20px !important;
  min-width: 20px !important;
  min-height: 20px !important;
}
.header__icon .svg-wrapper,
.header__icon--account .svg-wrapper {
  width: 20px !important;
  height: 20px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
}
.header__icons {
  gap: 0 !important;
  align-items: center !important;
}

/* Cart Icon etwas größer */
.header__icon--cart svg,
.header__icon--cart .svg-wrapper svg,
#cart-icon-bubble svg {
  width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;
  min-height: 28px !important;
}
.header__icon--cart .svg-wrapper {
  width: 28px !important;
  height: 28px !important;
  overflow: visible !important;
}

/* Cart Bubble */
.cart-count-bubble {
  width: 1.3rem !important;
  height: 1.3rem !important;
  font-size: 0.65rem !important;
}

/* Search X-Icon: nur bei offenem Modal */
.header__icon-close { display: none !important; }
details[open] .header__icon-close {
  display: inline-flex !important;
  width: 20px !important;
  height: 20px !important;
}

/* ------------------------------------------------
   7. BUTTONS (Global)
   ------------------------------------------------ */
.button:not(.button--secondary):not(.button--tertiary),
.shopify-payment-button__button {
  background: var(--dtf-red) !important;
  color: var(--dtf-white) !important;
  border: 2px solid var(--dtf-red) !important;
  border-radius: var(--dtf-radius-pill) !important;
  font-family: 'Barlow', sans-serif !important;
  font-weight: 700 !important;
  font-size: 0.9rem !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
  padding: 0.85em 2em !important;
  box-shadow: 0 4px 16px rgba(232,41,26,0.25) !important;
  transition: all var(--dtf-transition) !important;
  outline: none !important;
}
.button:not(.button--secondary):not(.button--tertiary):hover,
.shopify-payment-button__button:hover {
  background: #C41F10 !important;
  border-color: #C41F10 !important;
  box-shadow: 0 6px 24px rgba(232,41,26,0.40) !important;
  transform: translateY(-2px);
}
.button:not(.button--secondary):not(.button--tertiary):focus,
.shopify-payment-button__button:focus {
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(232,41,26,0.40) !important;
}

.button--secondary {
  background: transparent !important;
  color: var(--dtf-dark) !important;
  border: 2px solid var(--dtf-dark) !important;
  border-radius: var(--dtf-radius-pill) !important;
  font-family: 'Barlow', sans-serif !important;
  font-weight: 700 !important;
  font-size: 0.9rem !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
  padding: 0.85em 2em !important;
  transition: all var(--dtf-transition) !important;
  outline: none !important;
}
.button--secondary:hover {
  background: var(--dtf-dark) !important;
  color: var(--dtf-white) !important;
  transform: translateY(-2px);
}
.button--secondary:focus {
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(26,26,26,0.20) !important;
}

/* ------------------------------------------------
   8. HERO / BANNER
   ------------------------------------------------ */

/* Volle Viewport-Höhe */
.template-index .shopify-section:first-of-type,
.template-index .shopify-section:first-of-type .banner,
.template-index .shopify-section:first-of-type .banner__media {
  height: calc(100dvh - 115px) !important;
  min-height: unset !important;
  max-height: unset !important;
}
.template-index .shopify-section:first-of-type .banner__media img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center bottom !important;
}

/* Headline: Gradient Weiß → Gelb */
.banner__heading {
  font-size: clamp(2.8rem, 7vw, 5.5rem) !important;
  font-weight: 700 !important;
  background: linear-gradient(135deg, #FFFFFF 0%, #FCC20F 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
  text-shadow: none !important;
  color: transparent !important;
}
.banner__box .subtitle {
  font-size: clamp(1rem, 2vw, 1.3rem) !important;
  color: rgba(255,255,255,0.88) !important;
  font-weight: 400 !important;
  text-shadow: 0 1px 8px rgba(0,0,0,0.3);
}

/* Hero Buttons */
.banner__box .button {
  padding: 2rem 4rem !important;
  font-size: 1.1rem !important;
  letter-spacing: 0.06em !important;
}
.banner__box .button:not(.button--secondary),
.banner__box .button:first-of-type {
  background: var(--dtf-red) !important;
  border-color: var(--dtf-red) !important;
  color: #ffffff !important;
  box-shadow: 0 4px 20px rgba(232,41,26,0.40) !important;
}
.banner__box .button:not(.button--secondary):hover,
.banner__box .button:first-of-type:hover {
  background: #C41F10 !important;
  border-color: #C41F10 !important;
  transform: translateY(-2px);
}
.banner__box .button--secondary,
.banner__box .button:last-of-type {
  background: var(--dtf-green) !important;
  border-color: var(--dtf-green) !important;
  color: #ffffff !important;
  box-shadow: 0 4px 20px rgba(27,171,81,0.40) !important;
}
.banner__box .button--secondary:hover,
.banner__box .button:last-of-type:hover {
  background: #158f42 !important;
  border-color: #158f42 !important;
  color: #ffffff !important;
  transform: translateY(-2px);
}

/* ------------------------------------------------
   9. PRODUKTSEITE – Buttons
   ------------------------------------------------ */

/* FIX 1: Warenkorb Button → Orange mit schwarzer Schrift */
.product-form__submit,
form[action="/cart/add"] .button,
.product-form .button--full-width {
  background: var(--dtf-orange) !important;
  background-color: var(--dtf-orange) !important;
  border-color: var(--dtf-orange) !important;
  color: #000000 !important;
  -webkit-text-fill-color: #000000 !important;
  box-shadow: 0 4px 16px rgba(249,110,40,0.25) !important;
}
.product-form__submit:hover,
form[action="/cart/add"] .button:hover {
  background: #e05e1f !important;
  border-color: #e05e1f !important;
  color: #000000 !important;
  -webkit-text-fill-color: #000000 !important;
  box-shadow: 0 6px 24px rgba(249,110,40,0.40) !important;
}

/* Upload Button: Cyan */
.product-form__upload-button,
input[type="file"] + label,
.shopify-file-input-label,
label[for*="upload"],
label[for*="file"],
.file-upload-label,
a[href*="upload"].button,
.product-form .button[name*="upload"] {
  background: #2DA7E2 !important;
  background-color: #2DA7E2 !important;
  border-color: #2DA7E2 !important;
  color: #ffffff !important;
  box-shadow: 0 4px 16px rgba(45,167,226,0.25) !important;
}
.product-form__upload-button:hover,
input[type="file"] + label:hover,
label[for*="upload"]:hover {
  background: #1a8fc4 !important;
  border-color: #1a8fc4 !important;
  box-shadow: 0 6px 24px rgba(45,167,226,0.40) !important;
}

/* Produkt-Layout */
@media screen and (min-width: 750px) {
  .product__media-wrapper { max-width: 42% !important; flex: 0 0 42% !important; }
  .product__info-wrapper { max-width: 58% !important; flex: 0 0 58% !important; }
}

/* ------------------------------------------------
   10. MULTICOLUMN-KARTEN
   ------------------------------------------------ */
.multicolumn:not(.background-none) .multicolumn-card {
  border-radius: var(--dtf-radius-md);
  border: 1.5px solid var(--dtf-border);
  box-shadow: var(--dtf-shadow-sm);
  transition: transform var(--dtf-transition), box-shadow var(--dtf-transition);
  overflow: hidden;
}
.multicolumn:not(.background-none) .multicolumn-card:hover {
  transform: translateY(-5px);
  box-shadow: var(--dtf-shadow-md);
}

/* Farbige Karten-Hintergründe */
.multicolumn:not(.background-none) .multicolumn-list__item:nth-child(4n+1) .multicolumn-card { background: #FFD6B0 !important; }
.multicolumn:not(.background-none) .multicolumn-list__item:nth-child(4n+2) .multicolumn-card { background: #B8EAFF !important; }
.multicolumn:not(.background-none) .multicolumn-list__item:nth-child(4n+3) .multicolumn-card { background: #B2EDCC !important; }
.multicolumn:not(.background-none) .multicolumn-list__item:nth-child(4n+4) .multicolumn-card { background: #FFBDBD !important; }

/* Farbige Top-Border (3-spaltig) */
.grid--3-col-desktop .multicolumn-list__item:nth-child(6n+1) .multicolumn-card { border-top: 3px solid var(--dtf-red); }
.grid--3-col-desktop .multicolumn-list__item:nth-child(6n+2) .multicolumn-card { border-top: 3px solid var(--dtf-cyan); }
.grid--3-col-desktop .multicolumn-list__item:nth-child(6n+3) .multicolumn-card { border-top: 3px solid var(--dtf-green); }
.grid--3-col-desktop .multicolumn-list__item:nth-child(6n+4) .multicolumn-card { border-top: 3px solid var(--dtf-orange); }
.grid--3-col-desktop .multicolumn-list__item:nth-child(6n+5) .multicolumn-card { border-top: 3px solid var(--dtf-red); }
.grid--3-col-desktop .multicolumn-list__item:nth-child(6n+6) .multicolumn-card { border-top: 3px solid var(--dtf-cyan); }

/* Bild Hover */
.multicolumn-card__image-wrapper { overflow: hidden; }
.multicolumn-card__image-wrapper img { transition: transform 0.5s cubic-bezier(0.4,0,0.2,1); }
.multicolumn-card:hover .multicolumn-card__image-wrapper img { transform: scale(1.05); }

/* Card Info */
.multicolumn-card__info { padding: 2rem 2rem 2.2rem; }
.multicolumn-card__info h3 { font-size: 1.25rem; color: var(--dtf-dark); margin-bottom: 0.6rem; }
.multicolumn-card__info p { color: var(--dtf-mid); font-size: 0.95rem; line-height: 1.6; margin: 0; }
.multicolumn-card__info .link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #C44A00 !important;
  font-weight: 700;
  font-size: 0.9rem;
  text-decoration: none;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  margin-top: 1.2rem !important;
  transition: gap var(--dtf-transition);
}

/* ------------------------------------------------
   FIX 2: ALLE PFEILE ENTFERNEN
   Entfernt CSS-Pseudo-Pfeile UND SVG icon-wrap Pfeile
   ------------------------------------------------ */
.multicolumn-card__info .link::after,
.collage-card .card__content .link::after,
.card__information .link::after {
  content: '' !important;
  display: none !important;
}
.multicolumn-card__info .link .icon-wrap,
.multicolumn-card .icon-wrap,
.multicolumn-list__item .icon-wrap,
.card__information .icon-wrap,
.link--text .icon-wrap,
span.icon-wrap,
.multicolumn-card__info .link .icon-arrow,
.icon-wrap[class*="icon-arrow"] {
  display: none !important;
}

.multicolumn-card__info .link:hover { color: var(--dtf-red) !important; gap: 10px; }

/* ------------------------------------------------
   11. IMAGE WITH TEXT
   ------------------------------------------------ */
.image-with-text__content { padding: 3rem; }
.image-with-text__text { font-size: 1.05rem; color: var(--dtf-mid); line-height: 1.7; }
.image-with-text .image-with-text__media {
  border-radius: var(--dtf-radius-md);
  overflow: hidden;
  box-shadow: var(--dtf-shadow-md);
}

/* ------------------------------------------------
   12. PRODUKT-KARTEN
   ------------------------------------------------ */
.product-card-wrapper { transition: transform var(--dtf-transition); }
.product-card-wrapper:hover { transform: translateY(-4px); }

.card--product {
  border-radius: var(--dtf-radius-md) !important;
  border: 1.5px solid var(--dtf-border) !important;
  box-shadow: var(--dtf-shadow-sm) !important;
  transition: box-shadow var(--dtf-transition) !important;
  overflow: hidden;
}
.product-card-wrapper:hover .card--product { box-shadow: var(--dtf-shadow-md) !important; }

.product-card-wrapper:nth-child(4n+1) .card--product,
.product-card-wrapper:nth-child(4n+1) .card--product .card__inner { background: #FFD6B0 !important; }
.product-card-wrapper:nth-child(4n+2) .card--product,
.product-card-wrapper:nth-child(4n+2) .card--product .card__inner { background: #B8EAFF !important; }
.product-card-wrapper:nth-child(4n+3) .card--product,
.product-card-wrapper:nth-child(4n+3) .card--product .card__inner { background: #B2EDCC !important; }
.product-card-wrapper:nth-child(4n+4) .card--product,
.product-card-wrapper:nth-child(4n+4) .card--product .card__inner { background: #FFBDBD !important; }

.card__heading a {
  color: var(--dtf-dark) !important;
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 1.15rem;
  font-weight: 700;
}
.price { color: var(--dtf-dark); font-weight: 700; font-size: 1.1rem; }
.badge--sale {
  background: var(--dtf-red) !important;
  color: var(--dtf-white) !important;
  border-radius: var(--dtf-radius-pill) !important;
  font-weight: 700 !important;
  font-size: 0.8rem !important;
  padding: 4px 12px !important;
}

/* ------------------------------------------------
   13. COLLAGE
   ------------------------------------------------ */
.collage .collage__item { border-radius: var(--dtf-radius-md); overflow: hidden; }
.collage .collage__item img { transition: transform 0.5s cubic-bezier(0.4,0,0.2,1); }
.collage .collage__item:hover img { transform: scale(1.04); }

@media screen and (min-width: 750px) {
  .collage {
    display: grid !important;
    grid-template-columns: 2fr 1fr !important;
    grid-template-rows: 1fr 1fr !important;
    gap: var(--grid-desktop-horizontal-spacing) !important;
    grid-auto-flow: unset !important;
  }
  .collage__item:first-child { grid-column: 1 !important; grid-row: 1 / span 2 !important; }
  .collage__item:nth-child(2) { grid-column: 2 !important; grid-row: 1 !important; }
  .collage__item:nth-child(3) { grid-column: 2 !important; grid-row: 2 !important; }
  .collage__item { min-height: 250px; }
  .collage-card { height: 100% !important; }
  .collage-card .media { height: 100% !important; }
}

/* ------------------------------------------------
   14. RICH TEXT
   ------------------------------------------------ */
.rich-text { padding-top: 5rem; padding-bottom: 5rem; }
.rich-text__heading { margin-bottom: 1rem; font-size: clamp(2rem, 4vw, 3rem) !important; }
.rich-text__text { font-size: 1.1rem; color: var(--dtf-mid); max-width: 600px; margin: 0 auto 2rem; }

/* ------------------------------------------------
   15. FORMULARE
   ------------------------------------------------ */
.field__input,
.select__select,
textarea.field__input {
  border: 1.5px solid var(--dtf-border) !important;
  border-radius: var(--dtf-radius-sm) !important;
  font-family: 'Barlow', sans-serif !important;
  font-size: 1rem !important;
  padding: 0.75em 1em !important;
  transition: border-color var(--dtf-transition), box-shadow var(--dtf-transition) !important;
  background: var(--dtf-white) !important;
  color: var(--dtf-dark) !important;
}
.field__input:focus,
.select__select:focus,
textarea.field__input:focus {
  border-color: var(--dtf-red) !important;
  box-shadow: 0 0 0 3px rgba(232,41,26,0.18) !important;
  outline: none !important;
}
.field__label {
  font-family: 'Barlow', sans-serif !important;
  font-size: 0.85rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  color: var(--dtf-mid) !important;
}

/* ------------------------------------------------
   16. PAGINATION
   ------------------------------------------------ */
.pagination__item { border-radius: var(--dtf-radius-sm) !important; font-weight: 600; transition: all var(--dtf-transition); }
.pagination__item--current {
  background: var(--dtf-red) !important;
  border-color: var(--dtf-red) !important;
  color: var(--dtf-white) !important;
}

/* ------------------------------------------------
   17. FOOTER
   ------------------------------------------------ */
.footer,
.section-footer {
  background: #ffffff !important;
  background-image: none !important;
  border-top: 1.5px solid var(--dtf-border) !important;
}
.footer__column-header {
  font-size: 0.8rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--dtf-dark) !important;
  margin-bottom: 1.2rem;
}
.footer__column-block a,
.footer a,
.footer__column-block span,
.footer p,
.footer li,
.footer__list-item a {
  color: var(--dtf-mid) !important;
  text-decoration: none;
  transition: color var(--dtf-transition);
  font-size: 0.95rem;
}
.footer__column-block a:hover,
.footer a:hover { color: var(--dtf-red) !important; }
.footer__content-bottom { border-top: 1px solid var(--dtf-border); padding: 1.5rem 0; }
.footer__copyright-content,
.footer__copyright-content a { color: var(--dtf-mid) !important; font-size: 0.85rem; }
.footer-block__heading { color: var(--dtf-dark) !important; }

/* ------------------------------------------------
   18. BUSINESS / USECASE SEITEN
   ------------------------------------------------ */
.background-primary,
.color-scheme-target-groups,
.color-scheme-use-case,
.color-scheme-trust-section,
.color-scheme-usp {
  background-color: #ffffff !important;
  background-image: none !important;
}
.gradient { background-image: none !important; }
.template-page .shopify-section {
  background: #ffffff !important;
  background-image: none !important;
}
.template-page .multirow__inner,
.template-page .image-with-text,
.template-page .multicolumn { background: #ffffff !important; }

/* ------------------------------------------------
   19. MOBILE
   ------------------------------------------------ */
@media screen and (max-width: 749px) {
  .banner__heading { font-size: clamp(2rem, 10vw, 3rem) !important; }
  .multicolumn-card__info { padding: 1.5rem; }
  .image-with-text__content { padding: 2rem 1.5rem; }
  .rich-text { padding-top: 3rem; padding-bottom: 3rem; }
  .banner__box .button { width: 100%; text-align: center; justify-content: center; }
  .header__heading-logo { max-width: 46px !important; width: 46px !important; }
}

/* ------------------------------------------------
   20. DIGITALDRUCK-SEITE – Headline kleiner
   ------------------------------------------------ */
.template-page-digitaldruck-sticker-aufkleber .banner__heading,
.template-page-digitaldruck-sticker-aufkleber h1 {
  font-size: clamp(1.6rem, 3vw, 2.4rem) !important;
}

/* ------------------------------------------------
   21. FORMS APP – Anfrage Button rot
   ------------------------------------------------ */
.shopify-forms__button,
[data-shopify-forms] button[type="submit"] {
  background: var(--dtf-red) !important;
  border-color: var(--dtf-red) !important;
  color: #ffffff !important;
  border-radius: var(--dtf-radius-pill) !important;
}
[data-shopify-forms] button[type="submit"]:hover {
  background: #C41F10 !important;
  border-color: #C41F10 !important;
}

/* ------------------------------------------------
   22. HEADER – Suche ausblenden
   ------------------------------------------------ */
.header__icon--search,
.header__search {
  display: none !important;
}/* ============================================
   FIX: Anmerkungen-Textarea – Border + Textfarbe
   Produktseite – Anmerkungen & Sonderwünsche
   ============================================ */

.product-form textarea,
.product-form .field textarea,
form[action*="/cart/add"] textarea {
  border: 1px solid #cacaca !important;
  border-radius: 4px;
  padding: 12px;
  min-height: 100px;
  background-color: #fff !important;
  color: #1a1a1a !important;
  font-size: 14px;
  line-height: 1.5;
  transition: border-color 0.2s ease;
}

.product-form textarea::placeholder,
.product-form .field textarea::placeholder,
form[action*="/cart/add"] textarea::placeholder {
  color: #767676 !important;
  opacity: 1;
}

.product-form textarea:focus,
.product-form .field textarea:focus,
form[action*="/cart/add"] textarea:focus {
  border-color: #000 !important;
  outline: none;
  box-shadow: 0 0 0 1px #000;
}
/* Blog-Artikel Hero-Bild begrenzen */
.article-template__hero-adapt.media {
  padding-bottom: 0 !important;
  height: 480px !important;
  max-height: 480px !important;
}

.article-template__hero-adapt.media img {
  position: relative !important;
  height: 100% !important;
  width: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
}
}