/* PARKE b12-parke 1.5.1 — LP-Paket Google Ads (29.09.2026, B12 MEDIA).
   Nur neue Klassen mit Präfix lp-, keine Änderung an bestehenden Regeln außer .wa mobil. */

/* Icons (Masken, Farbe über currentColor) */
.lp-i{display:inline-block;width:18px;height:18px;flex:0 0 18px;background:currentColor;-webkit-mask:var(--lp-ic) center/contain no-repeat;mask:var(--lp-ic) center/contain no-repeat}
.lp-i-ort{--lp-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21s7-6.3 7-11a7 7 0 0 0-14 0c0 4.7 7 11 7 11z'/%3E%3Ccircle cx='12' cy='10' r='2.5'/%3E%3C/svg%3E")}
.lp-i-uhr{--lp-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E")}
.lp-i-ok{--lp-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12 5 5L20 7'/%3E%3C/svg%3E")}
.lp-i-kal{--lp-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='16' rx='2'/%3E%3Cpath d='M16 3v4M8 3v4M3 10h18'/%3E%3C/svg%3E")}
.lp-i-tel{--lp-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3 19.5 19.5 0 0 1-6-6 19.8 19.8 0 0 1-3-8.6A2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1 1 .4 1.9.7 2.8a2 2 0 0 1-.5 2.1L8.1 9.9a16 16 0 0 0 6 6l1.3-1.2a2 2 0 0 1 2.1-.5c.9.3 1.8.6 2.8.7a2 2 0 0 1 1.7 2z'/%3E%3C/svg%3E")}
.lp-i-wa{--lp-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 0 0-8.6 15.1L2 22l5-1.3A10 10 0 1 0 12 2zm5.3 14.1c-.2.6-1.3 1.2-1.8 1.2-.5.1-1 .2-3.3-.7-2.8-1.1-4.6-4-4.7-4.2-.1-.2-1.1-1.5-1.1-2.9s.7-2 1-2.3c.2-.3.5-.3.7-.3h.5c.2 0 .4 0 .6.5l.9 2.1c.1.2.1.3 0 .5l-.3.5-.4.4c-.1.1-.3.3-.1.6.2.3.8 1.3 1.7 2.1 1.2 1 2.1 1.3 2.4 1.5.3.1.5.1.6-.1l.9-1c.2-.3.4-.2.6-.1l2 .9c.3.2.5.2.5.4.1.1.1.7-.2 1.4z' fill='%23000'/%3E%3C/svg%3E")}

/* Hero-Fakten /parkett/ und /tueren/ */
.pagehero .lp-hero-fakten{display:flex;flex-direction:column;gap:10px;margin-top:26px;max-width:60ch;font-size:14px;line-height:1.5;font-weight:400;color:#e6ece8}
.pagehero .lp-hero-fakten .lp-f{display:flex;align-items:flex-start;gap:10px}
.pagehero .lp-hero-fakten .lp-i{color:var(--brass-soft);margin-top:1px}
.pagehero .lp-hero-cta{margin-top:30px}
.pagehero .lp-hero-cta .btn{border-color:var(--brass);background:var(--brass);color:#fff;padding-right:30px}
.pagehero .lp-hero-cta .btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8}
.pagehero .lp-hero-cta .btn:hover{background:var(--brass-dark);border-color:var(--brass-dark)}
@media (max-width:560px){
  .pagehero .lp-hero-fakten{font-size:13.5px;margin-top:20px;gap:8px}
  .pagehero .lp-hero-cta{margin-top:22px}
}

/* Karte /kontakt/: erst nach Klick */
.lp-karte{position:relative;width:100%;height:100%;min-height:430px;display:flex;align-items:center;justify-content:center;text-align:center;background:#232323 radial-gradient(circle at 30% 20%,rgba(166,130,90,.18),transparent 60%);color:#e6ece8;padding:32px}
.lp-karte-inhalt{display:flex;flex-direction:column;align-items:center;gap:14px;max-width:34ch}
.lp-karte-inhalt>.lp-i{width:34px;height:34px;flex-basis:34px;color:var(--brass-soft)}
.lp-karte-adr{font-size:16px;line-height:1.6;margin:0;color:#fff}
.lp-karte-knopf{font:inherit;font-size:12px;letter-spacing:.18em;text-transform:uppercase;font-weight:600;padding:16px 28px;border-radius:999px;border:1.5px solid var(--brass);background:var(--brass);color:#fff;cursor:pointer;min-height:48px}
.lp-karte-knopf:hover,.lp-karte-knopf:focus-visible{background:var(--brass-dark);border-color:var(--brass-dark)}
.lp-karte-hinweis{font-size:12.5px;line-height:1.6;margin:0;color:#b9c2bd}
.lp-karte-hinweis a{color:var(--brass-soft);text-decoration:underline}
.lp-karte iframe{position:absolute;inset:0;width:100%;height:100%;border:0;filter:grayscale(.35) contrast(1.05)}

/* Sticky-Kontaktleiste: nur mobil/Tablet (Burger-Menü-Bereich) */
.lp-sticky{display:none}
@media (max-width:1024px){
  .lp-sticky{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:8px;position:fixed;left:0;right:0;bottom:0;z-index:55;padding:8px 10px calc(8px + env(safe-area-inset-bottom));background:rgba(24,24,24,.97);border-top:1px solid rgba(255,255,255,.1);box-shadow:0 -10px 30px -12px rgba(0,0,0,.5);transition:transform .3s cubic-bezier(.25,.8,.25,1)}
  .lp-sticky .lp-s{display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;border-radius:999px;font-size:12px;letter-spacing:.12em;text-transform:uppercase;font-weight:600;color:#fff;text-decoration:none;border:1.5px solid rgba(255,255,255,.28)}
  .lp-sticky .lp-s-termin{background:var(--brass);border-color:var(--brass)}
  .lp-sticky .lp-s-wa .lp-i{color:#25d366}
  .lp-sticky .lp-s:focus-visible{outline:2px solid var(--brass-soft);outline-offset:2px}
  /* 1.5.1: Bedingung per :has() statt nur JS-Klasse. Die Leiste steht im HTML hinter lp.js, die
     Klasse lp-hat-leiste wurde in 1.5.0 deshalb nie gesetzt -> Kreis sichtbar, kein Abstand unten.
     body.lp-hat-leiste bleibt als Rückfall für Browser ohne :has() (lp.js setzt sie jetzt verzögert). */
  body:has(.lp-sticky),body.lp-hat-leiste{padding-bottom:calc(64px + env(safe-area-inset-bottom))!important}
  /* WhatsApp steckt jetzt in der Leiste -> Kreis (a.wa, direkt im body) ausblenden, nichts doppelt */
  body:has(.lp-sticky) a.wa,body.lp-hat-leiste a.wa{display:none!important}
  /* Solange der Cookie-Banner offen ist: Leiste weg, keine Überlagerung */
  body.lp-banner-offen .lp-sticky{transform:translateY(110%)}
  /* „Einwilligung verwalten" über die Leiste heben */
  body:has(.lp-sticky) .cmplz-manage-consent,body.lp-hat-leiste .cmplz-manage-consent{bottom:calc(72px + env(safe-area-inset-bottom))!important}
}
@media (max-width:440px){.lp-sticky{grid-template-columns:1.15fr 1fr 1fr;gap:6px;padding-left:8px;padding-right:8px}.lp-sticky .lp-s{font-size:11px;letter-spacing:.05em;gap:6px}.lp-sticky .lp-i{width:16px;height:16px;flex-basis:16px}}
@media (max-width:350px){.lp-sticky .lp-s span{font-size:10px;letter-spacing:0}}
@media (prefers-reduced-motion:reduce){.lp-sticky{transition:none}}