/* Pakun AI – Ergänzungen für statische Seiten im Stil von /handwerk
   (Startseite, /preise/, /handwerk/seo-geo/). Basis bleibt handwerk.css. */

.footer-grid--4 { gap: 2rem; }
@media (min-width: 820px) { .footer-grid--4 { grid-template-columns: 1.5fr 1fr 1fr 1fr; } }

.ladder { display: grid; gap: 1.75rem; }
@media (min-width: 880px) { .ladder { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1180px) { .ladder { grid-template-columns: repeat(3, 1fr); } }
.ladder .price strong { font-size: 2.4rem; }
.stufe { font-size: .7rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; color: var(--petrol); margin: 0 0 .35rem; }
.price-card .btn { margin-top: auto; }
.price-card .liefer { font-size: .88rem; color: var(--ink-soft); margin: 0 0 1rem; }
.price-card .grenze { font-size: .86rem; color: var(--ink-soft); border-top: 1px solid var(--line); padding-top: .8rem; margin: 0 0 1rem; }

.kurz { background: var(--petrol-soft); border-left: 3px solid var(--petrol); padding: 1rem 1.25rem; border-radius: var(--radius); margin: 0 0 2rem; max-width: 54rem; }
.kurz p { margin: 0; }
.grenzen { background: var(--apricot-soft); border-left: 3px solid var(--signal); padding: 1rem 1.25rem; border-radius: var(--radius); margin: 1.5rem 0; }
.grenzen p:last-child, .grenzen ul:last-child { margin-bottom: 0; }

.tbl-wrap { overflow-x: auto; -webkit-overflow-scrolling: touch; border: 1px solid var(--line); border-radius: var(--radius); background: #fff; }
.tbl { width: 100%; border-collapse: collapse; font-size: .95rem; min-width: 560px; }
.tbl th, .tbl td { text-align: left; vertical-align: top; padding: .8rem 1rem; border-bottom: 1px solid var(--line); }
.tbl thead th { background: var(--paper-2); font-size: .78rem; letter-spacing: .08em; text-transform: uppercase; color: var(--ink-soft); }
.tbl tbody tr:last-child td { border-bottom: 0; }
.tbl td.preis { white-space: nowrap; font-weight: 700; }

.two-col { display: grid; gap: 2rem; }
@media (min-width: 900px) { .two-col { grid-template-columns: 1fr 1fr; gap: 3rem; } }
.two-col h3 { margin-top: 0; }

.breadcrumb { font-size: .85rem; color: var(--on-night-soft); margin: 0 0 1.25rem; }
.breadcrumb a { color: var(--apricot); text-decoration: none; }
.breadcrumb a:hover { text-decoration: underline; color: #fff; }
.breadcrumb ol { list-style: none; display: flex; flex-wrap: wrap; gap: .35rem; padding: 0; margin: 0; }
.breadcrumb li + li::before { content: "›"; margin-right: .35rem; color: var(--on-night-soft); }

.link-list { list-style: none; padding: 0; margin: 0; display: grid; gap: .6rem; }
.link-list a { font-weight: 600; }
.stand { font-size: .85rem; color: var(--ink-soft); margin-top: 1.5rem; }