/* ============================================================
   DRYMAT DESIGN-FIX v5 — Farbbereinigung + Button-Angleichung
   ============================================================ */

/* --- 1. BUTTONS: Form + Farbe wie Hero-Buttons --- */
.page .button-primary,
.page .button.button-primary,
.page .btn.button-primary,
.button-primary,
a.button-primary {
  background: var(--dm-blue, #0068A3) !important;
  border-color: var(--dm-blue, #0068A3) !important;
  border-bottom: none !important;
  color: #fff !important;
  /* Form wie Hero-Button */
  display: inline-flex !important;
  align-items: center;
  padding: 0.85rem 1.8rem !important;
  border-radius: 6px !important;
  font-family: var(--dm-font-body, 'Figtree', 'Libre Franklin', sans-serif) !important;
  font-weight: 600 !important;
  font-size: 0.92rem !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  text-decoration: none !important;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
  box-shadow: none !important;
}

.page .button-primary:hover,
.page .button.button-primary:hover,
.page .btn.button-primary:hover,
.button-primary:hover,
a.button-primary:hover {
  background: var(--dm-blue-deep, #004B75) !important;
  border-color: var(--dm-blue-deep, #004B75) !important;
  transform: translateY(-2px);
  box-shadow: 0 12px 40px rgba(0,104,163,0.3) !important;
  color: #fff !important;
}

/* Auch button-black angleichen */
.page .button-black,
.button-black {
  display: inline-flex !important;
  align-items: center;
  padding: 0.85rem 1.8rem !important;
  border-radius: 6px !important;
  font-family: var(--dm-font-body, 'Figtree', 'Libre Franklin', sans-serif) !important;
  font-weight: 600 !important;
  font-size: 0.92rem !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.page .button-black:hover,
.button-black:hover {
  background: var(--dm-blue, #0068A3) !important;
  border-color: var(--dm-blue, #0068A3) !important;
  transform: translateY(-2px);
  box-shadow: 0 12px 40px rgba(0,104,163,0.3) !important;
}

/* Outline-Button angleichen */
.page .button-gray-light-outline,
.button-gray-light-outline {
  display: inline-flex !important;
  align-items: center;
  padding: 0.85rem 1.8rem !important;
  border-radius: 6px !important;
  font-family: var(--dm-font-body, 'Figtree', 'Libre Franklin', sans-serif) !important;
  font-weight: 600 !important;
  font-size: 0.92rem !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.page .button-gray-light-outline:hover,
.button-gray-light-outline:hover {
  background: var(--dm-blue, #0068A3) !important;
  border-color: var(--dm-blue, #0068A3) !important;
  color: #fff !important;
  transform: translateY(-2px);
}

.button-primary {
  border-bottom-width: 0 !important;
}

/* --- 2. SEKTIONS-HINTERGRÜNDE --- */
section[style*="background-color:#e2e3e5"],
section[style*="background-color: #e2e3e5"],
.content[style*="#e2e3e5"] {
  background-color: var(--dm-warm-grey, #f5f3f0) !important;
}

section[style*="background-color:#e4dbcc"],
section[style*="background-color: #e4dbcc"],
.content[style*="#e4dbcc"] {
  background-color: var(--dm-warm-grey, #f5f3f0) !important;
}

section[style*="background-color:#191919"],
section[style*="background-color: #191919"],
.content[style*="#191919"] {
  background-color: var(--dm-warm-grey, #f5f3f0) !important;
}

section[style*="background-color:#2c3c4c"],
section[style*="background-color: #2c3c4c"],
.content[style*="#2c3c4c"] {
  background-color: var(--dm-warm-grey, #f5f3f0) !important;
}

section[style*="background-color:#2f2b25"],
section[style*="background-color: #2f2b25"],
.content[style*="#2f2b25"] {
  background-color: var(--dm-warm-grey, #f5f3f0) !important;
}

section[style*="background-color:#524179"],
section[style*="background-color: #524179"] {
  background-color: var(--dm-warm-grey, #f5f3f0) !important;
}

/* --- 3. LINKS: Rot → Blau (nur Content) --- */
.page .content a:not(.button):not(.button-primary):not(.button-black):not(.button-gray-light-outline):not([class*="btn"]),
.page .section-xl a:not(.button):not(.button-primary):not(.button-black):not(.button-gray-light-outline):not([class*="btn"]),
.page .section-lg a:not(.button):not(.button-primary):not(.button-black):not(.button-gray-light-outline):not([class*="btn"]),
.page .section-md a:not(.button):not(.button-primary):not(.button-black):not(.button-gray-light-outline):not([class*="btn"]),
.page article a:not(.button):not(.button-primary):not(.button-black):not(.button-gray-light-outline):not([class*="btn"]),
.page .post-classic-body a,
.page .panel-custom-body a {
  color: var(--dm-blue, #0068A3);
}

.page .content a:not(.button):not(.button-primary):not(.button-black):not(.button-gray-light-outline):not([class*="btn"]):hover,
.page .section-xl a:not(.button):not(.button-primary):not(.button-black):not(.button-gray-light-outline):not([class*="btn"]):hover,
.page .section-lg a:not(.button):not(.button-primary):not(.button-black):not(.button-gray-light-outline):not([class*="btn"]):hover,
.page .section-md a:not(.button):not(.button-primary):not(.button-black):not(.button-gray-light-outline):not([class*="btn"]):hover,
.page article a:not(.button):not(.button-primary):not(.button-black):not(.button-gray-light-outline):not([class*="btn"]):hover,
.page .post-classic-body a:hover,
.page .panel-custom-body a:hover {
  color: var(--dm-blue-deep, #004B75);
}

/* --- 4. FOOTER-LINKS: Rot → Blau --- */
.footer-corporate a,
.footer-corporate a:active,
.footer-corporate a:focus,
.pre-footer a,
.pre-footer a:active,
.pre-footer a:focus {
  color: var(--dm-blue, #0068A3) !important;
}

.footer-corporate a:hover,
.pre-footer a:hover {
  color: var(--dm-blue-deep, #004B75) !important;
}

/* --- 5. SONSTIGES --- */
.ui-to-top,
.ui-to-top:active,
.ui-to-top:focus {
  background: var(--dm-blue, #0068A3) !important;
}
.ui-to-top:hover {
  background: var(--dm-blue-deep, #004B75) !important;
}

.post-minimal-footer a.button-link {
  color: var(--dm-blue, #0068A3) !important;
}

/* --- BREADCRUMB + PRE-FOOTER: Links blau --- */
.breadcrumbs-custom a,
.breadcrumbs-custom a:active,
.breadcrumbs-custom a:focus,
.breadcrumbs-custom__path a {
  color: var(--dm-blue, #0068A3) !important;
}
.breadcrumbs-custom a:hover,
.breadcrumbs-custom__path a:hover {
  color: var(--dm-blue-deep, #004B75) !important;
}

.pre-footer-corporate a,
.pre-footer-corporate a:active,
.pre-footer-corporate a:focus {
  color: var(--dm-blue, #0068A3) !important;
}
.pre-footer-corporate a:hover {
  color: var(--dm-blue-deep, #004B75) !important;
}

/* --- 6. TYPOGRAFIE: Alte Headings → DM26-Stil --- */

/* Alle Headings auf DM26-Font */
h1, h2, h3, h4, h5, h6,
.heading-1, .heading-2, .heading-3, .heading-4, .heading-5, .heading-6 {
  font-family: var(--dm-font-display, 'Urbanist', system-ui, sans-serif) !important;
  text-transform: none !important;
  letter-spacing: -0.02em !important;
}

/* heading-1: Hauptüberschriften */
.heading-1,
h1 {
  font-size: clamp(2rem, 4vw, 3.2rem) !important;
  font-weight: 800 !important;
  line-height: 1.1 !important;
}

/* heading-2: Sektions-Überschriften (am häufigsten) */
.heading-2,
.page .content h2,
.page section h2 {
  font-size: clamp(1.6rem, 3vw, 2.4rem) !important;
  font-weight: 700 !important;
  line-height: 1.15 !important;
}

/* heading-3: Sub-Überschriften */
.heading-3,
.page .content h3,
.page section h3 {
  font-size: clamp(1.2rem, 2.2vw, 1.6rem) !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
}

/* heading-4 bis 6 */
.heading-4, .heading-5, .heading-6,
h4, h5, h6 {
  font-weight: 600 !important;
}

/* Body-Text auf DM26-Font */
.page .content p,
.page .content li,
.page .content div,
.page section p,
.page section li {
  font-family: var(--dm-font-body, 'Figtree', system-ui, sans-serif);
}

/* Weisse Headings nur über spezifische Klassen-Selektoren (Hero, Parallax, Dark) */

/* Breadcrumb-Titel auch DM26, aber Originalgröße beibehalten */
.breadcrumbs-custom__title {
  font-family: var(--dm-font-display, 'Urbanist', system-ui, sans-serif) !important;
  text-transform: none !important;
  font-weight: 600 !important;
  font-size: 20px !important;
  line-height: 1.2 !important;
}
@media (min-width: 768px) {
  .breadcrumbs-custom__title {
    font-size: 24px !important;
  }
}
.breadcrumbs-custom__path > li {
  font-size: 12px !important;
}

/* --- 7. HERO-HEADLINES: Weiß behalten --- */
.dm-hero h1,
.dm-hero h2,
.dm-hero .heading-1,
.dm-hero .heading-2,
.parallax-content h1,
.parallax-content h2,
.parallax-content .heading-1,
.parallax-content .heading-2,
.parallax-content h3,
.bg-gray-dark h1,
.bg-gray-dark h2,
.bg-gray-dark h3,
.bg-gray-dark .heading-1,
.bg-gray-dark .heading-2,
.bg-gray-dark .heading-3 {
  color: #ffffff !important;
}

/* --- 8. PARALLAX/OVERLAY SECTIONS: Headlines + Text weiß --- */
.parallax-container h1,
.parallax-container h2,
.parallax-container h3,
.parallax-container .heading-1,
.parallax-container .heading-2,
.parallax-container .heading-3,
.rd-parallax-light h1,
.rd-parallax-light h2,
.rd-parallax-light h3,
.rd-parallax-light .heading-1,
.rd-parallax-light .heading-2,
.rd-parallax-light .heading-3 {
  color: #ffffff !important;
}

/* --- 9. BODY-TEXT: Einheitliche Schrift überall --- */
body {
  font-family: var(--dm-font-body, 'Figtree', system-ui, sans-serif) !important;
  font-weight: 400 !important;
  line-height: 1.75 !important;
  color: #2d2d2d !important;
}

/* Content-Paragraphen */
.page p,
.page li,
.page td,
.page dd,
.page blockquote {
  font-family: var(--dm-font-body, 'Figtree', system-ui, sans-serif) !important;
  font-weight: 400 !important;
  line-height: 1.75 !important;
}

/* Font-Size konsistent: 16px base, nicht 14px */
@media (max-width: 767px) {
  body, .page p, .page li { font-size: 16px !important; }
}
@media (min-width: 768px) {
  body, .page p, .page li { font-size: 17px !important; }
}
@media (min-width: 1200px) {
  body, .page p, .page li { font-size: 18px !important; }
}

/* DM26-Module Schrift nicht überschreiben (die sind schon korrekt) */
.dm-hero p,
.dm-hero li,
.dm-schaden p,
.dm-feat p,
.dm-cstat p,
.dm-ref p {
  font-weight: inherit !important;
  font-size: inherit !important;
}

/* --- 9. FOOTER: Schrift kleiner --- */
.pre-footer-corporate,
.pre-footer-corporate p,
.pre-footer-corporate li,
.pre-footer-corporate dd,
.pre-footer-corporate dt,
.pre-footer-corporate a,
.footer-corporate,
.footer-corporate p {
  font-size: 14px !important;
  line-height: 1.6 !important;
}

.pre-footer-corporate h6 {
  font-size: 16px !important;
}

/* Footer Badge (Top Innovator) */
.footer-badge {
  display: block;
  max-width: 140px;
  height: auto;
  margin-top: 18px;
  opacity: 0.9;
}
.footer-badge:hover {
  opacity: 1;
}

/* --- 10. ROTER CTA-BUTTON (Conversion-Highlight) --- */
.page .button-cta-red,
a.button-cta-red {
  background: linear-gradient(135deg, #7A0A0E 0%, #5E0007 100%) !important;
  border: none !important;
  border-bottom: none !important;
  color: #fff !important;
  padding: 1rem 2.2rem !important;
  border-radius: 6px !important;
  font-family: var(--dm-font-body, 'Figtree', system-ui, sans-serif) !important;
  font-weight: 700 !important;
  font-size: 1rem !important;
  text-transform: none !important;
  letter-spacing: 0.01em !important;
  display: inline-flex !important;
  align-items: center;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
  box-shadow: 0 4px 15px rgba(94, 0, 7, 0.25) !important;
}

.page .button-cta-red:hover,
a.button-cta-red:hover {
  background: linear-gradient(135deg, #5E0007 0%, #3D0004 100%) !important;
  transform: translateY(-2px);
  box-shadow: 0 8px 30px rgba(94, 0, 7, 0.4) !important;
  color: #fff !important;
}

/* ===========================================================
   Kundenfeedback Lindner 05/2026 – CTA "Unsere Leistungen"
   Der Feature-Section-Button war als transparenter Umriss-Button
   auf hellem (cream) Untergrund zu kontrastarm ("zu hell").
   -> gefuellter blauer CTA fuer klaren Kontrast.
   =========================================================== */
.dm-feat--standard .dm-feat__btn,
.dm-feat--cream .dm-feat__btn {
  background: var(--dm-blue, #0068A3) !important;
  border-color: var(--dm-blue, #0068A3) !important;
  color: #ffffff !important;
}
.dm-feat--standard .dm-feat__btn:hover,
.dm-feat--cream .dm-feat__btn:hover {
  background: var(--dm-blue-deep, #004B75) !important;
  border-color: var(--dm-blue-deep, #004B75) !important;
  color: #ffffff !important;
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(0,104,163,0.30) !important;
}

/* --- 11. Pagination: garantiert keine Listen-Bullets / Pseudo-Punkte (global, robust) --- */
.pagination-classic,
ul.pagination-classic,
.pagination .pagination-classic,
.pagination-classic > li {
  list-style: none !important;
  list-style-type: none !important;
}
.pagination-classic { padding-left: 0 !important; margin-left: 0 !important; }
.pagination-classic > li { display: inline-block !important; }
.pagination-classic > li::marker { content: none !important; }
.pagination-classic > li::before,
.pagination-classic > li::after { content: none !important; display: none !important; }