/* Navbar groß am Anfang */
.large-nav {
  padding: 1.5rem 0;
  transition: all 0.3s ease;
}

/* Navbar schrumpft */
.large-nav.shrink {
  padding: 0.75rem 0;
}

/* Logo mit anpassen */
.large-nav img {
  height: 60px;
  transition: height 0.3s ease;
}
.large-nav.shrink img {
  height: 40px;
}

/* Systemtypografie */
body {
  font-family: 'Inter', system-ui, -apple-system, Segoe UI, Roboto, "Helvetica Neue", Arial, sans-serif;
}

/* Navbar: groß am Start, kleiner beim Scroll */
.large-nav {
  padding: 1.5rem 0;
  transition: padding .25s ease, box-shadow .25s ease, background-color .25s ease;
}
.large-nav.shrink {
  padding: 0.75rem 0;
}

/* Logo mitschrumpfen */
.large-nav .navbar-brand img { height: 60px; transition: height .25s ease; }
.large-nav.shrink .navbar-brand img { height: 40px; }

/* Sicherer Abstand für Anker-Sprünge; Wert wird per JS überschrieben */
:root { --scroll-offset: 120px; }
section { scroll-margin-top: calc(var(--scroll-offset) + 12px); }

/* Optional: sanfter Schatten beim Scroll (passt zum bereits genutzten .scrolled) */
.navbar.scrolled { background: rgba(255,255,255,.95)!important; backdrop-filter: blur(6px); box-shadow: 0 2px 10px rgba(0,0,0,.08); }

/* Footer Links */
.footer-modern .footer-link {
  color: #000 !important;       /* schwarz als Standard */
  text-decoration: none;        /* keine Unterstreichung */
  transition: color 0.2s ease;
}

.footer-modern .footer-link:hover {
  color: #444 !important;       /* etwas dunkler beim Hover */
  text-decoration: underline;   /* dezente Unterstreichung */
}

/* Chips allgemein */
.footer-modern .chip {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  border-radius: 20px;
  background-color: #f8f9fa;    /* hellgrau/weiß */
  color: #000;
  font-size: 0.9rem;
  border: 1px solid #e0e0e0;
  transition: background 0.2s ease, transform 0.2s ease;
}

.footer-modern .chip:hover {
  background-color: #f0f0f0;    /* leicht dunkler bei hover */
  transform: translateY(-2px);  /* kleiner Hover-Effekt */
}

/* Chips ohne Hintergrund (Adresse) */
.footer-modern .chip-plain {
  background: transparent;
  border: none;
  padding-left: 0;
  color: #000;
}

.footer-modern .chip-ico {
  display: flex;
  align-items: center;
  color: #000;
}

/* Footer Tel & Mailto fix */
.footer-modern .chip[href^="tel"],
.footer-modern .chip[href^="mailto"],
.footer-modern .chip[href^="tel"]:visited,
.footer-modern .chip[href^="mailto"]:visited {
  color: #000 !important;        /* schwarz */
  text-decoration: none !important;
}

.footer-modern .chip[href^="tel"]:hover,
.footer-modern .chip[href^="mailto"]:hover {
  color: #444 !important;        /* dunkler beim Hover */
  text-decoration: underline !important;
}


:root{
  --brand:#b80000;
  --ink:#111;
  --muted:#6b7280;
}

/* Fix für Anker mit fixer Navbar */
[id] { scroll-margin-top: 90px; }

/* Header (Pill-Nav) */
.header-nav a{
  padding:.6rem 1rem; border-radius:999px; color:var(--ink); text-decoration:none;
  transition:background .2s ease, color .2s ease, transform .15s ease;
}
.header-nav a:hover{ background:#fff0f0; color:var(--brand); transform:translateY(-1px); }
.header-nav a.active{ background:var(--brand); color:#fff; }

/* Buttons: primär = Rot */
.btn-primary{ background:var(--brand); border-color:var(--brand); }
.btn-primary:hover{ background:#900000; border-color:#900000; }

/* Hero – hell, klar, mit Wasserzeichen-Logo */
.hero-minimal{
  position:relative; min-height:78vh; display:grid; place-items:center; text-align:center;
  background:linear-gradient(180deg,#fff, #fafafa);
}
.hero-minimal .hero-watermark{
  position:absolute; inset:0; pointer-events:none; opacity:.06;
  background:url('logo-neu-transparent.png') center/420px no-repeat;
}
.hero-minimal .lead{ color:#374151; }

/* Sektionstitel */
.section-head{ margin-bottom:1.5rem; }
.section-head .kicker{
  font-weight:700; color:var(--brand); letter-spacing:.08em; text-transform:uppercase; font-size:.8rem;
}
.section-head h2{ font-weight:800; color:var(--ink); }
.section-underline{
  width:72px; height:4px; background:var(--brand); border-radius:2px; margin:.6rem auto 0;
}

/* Feature/Leistung-Karten */
.feat-card{
  border:1px solid #eee; border-radius:16px; background:#fff;
  transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.feat-card:hover{ transform:translateY(-4px); box-shadow:0 10px 28px rgba(0,0,0,.08); border-color:#f1f1f1; }
.feat-icon{
  width:52px; height:52px; border-radius:14px; display:grid; place-items:center;
  background:#fff1f1; color:var(--brand);
}

/* Produkte – Kacheln mit Zoom */
.product-tile{
  overflow:hidden; border-radius:18px; border:1px solid #eee; background:#fff;
  transition:transform .25s ease, box-shadow .25s ease;
}
.product-tile img{ width:100%; height:240px; object-fit:cover; transition:transform .4s ease; }
.product-tile:hover{ transform:translateY(-4px); box-shadow:0 14px 30px rgba(0,0,0,.10); }
.product-tile:hover img{ transform:scale(1.06); }

/* Kontakt – klickbare Karten */
.click-card{
  position:relative; border:1px solid #eee; border-radius:14px; background:#fff; padding:1.1rem;
  display:flex; gap:.9rem; align-items:flex-start; transition:box-shadow .25s ease, transform .2s ease, border-color .25s ease;
  text-decoration:none; color:var(--ink);
}
.click-card:hover{ box-shadow:0 10px 24px rgba(0,0,0,.08); transform:translateY(-2px); border-color:#f0f0f0; }
.click-ico{
  width:42px; height:42px; border-radius:10px; display:grid; place-items:center; flex:0 0 auto;
  background:#fff1f1; color:var(--brand);
}
.click-card .title{ font-weight:700; margin-bottom:.1rem; }
.click-card .sub{ color:#6b7280; font-size:.9rem; }

/* Erzwinge schwarze Linkfarbe für tel/mail im Kontaktbereich + Footer */
#kontakt a.click-card, 
footer.footer-modern a[href^="tel"], 
footer.footer-modern a[href^="mailto"],
footer.footer-modern .footer-link,
footer.footer-modern .chip{
  color:#ffff !important;
  text-decoration:none !important;
}
#kontakt a.click-card:hover .title{ color:var(--brand); }

/* Kleine runde Step-Bullets rechts */
.step-dot{
  width:28px; height:28px; border-radius:50%; display:grid; place-items:center;
  background:var(--brand); color:#fff; font-weight:700; font-size:.9rem; flex:0 0 auto;
}

/* Footer modern */
.footer-modern{
  background:#0f0f10; color:#c9c9c9; position:relative;
}
.footer-modern .accent-line{
  height:3px; width:100%; background:linear-gradient(90deg, var(--brand), #ff6b6b);
}
.footer-modern .text-secondary-600{ color:#9aa0a6 !important; }
.footer-modern .text-secondary-500{ color:#aeb4ba !important; }

/* Footer Links & Chips schwarz (wie gewünscht) */
.footer-modern .footer-link{ color:#000 !important; text-decoration:none !important; }
.footer-modern .footer-link:hover{ color:#444 !important; text-decoration:underline !important; }
.footer-modern .chip{
  display:inline-flex; align-items:center; gap:.5rem; padding:.5rem .75rem; border-radius:20px;
  background-color:#f8f9fa; color:#000; font-size:.9rem; border:1px solid #e0e0e0;
  transition:background .2s ease, transform .2s ease;
}
.footer-modern .chip:hover{ background:#f0f0f0; transform:translateY(-2px); }
.footer-modern .chip-plain{ background:transparent; border:none; padding-left:0; color:#000; }
.footer-modern .chip-ico{ display:flex; align-items:center; color:#000; }

/* Copyright-Bar (falls du sie separat nutzt) */
.copyright-bar{
  width:100%; background:#111; color:#fff; text-align:center; padding:.7rem 1rem;
}
.copyright-bar a{ color:#fff !important; text-decoration:none; margin:0 .4rem; }
.copyright-bar a:hover{ text-decoration:underline; }


.footer-modern {
  background-color: #000;
  color: #fff !important;
}



.footer-link-white,
.footer-link-white:visited,
.footer-link-white:hover,
.footer-link-white:active {
  color: white !important;
  text-decoration: none !important;
}

.footer-link-white:hover {
  text-decoration: underline !important;
}