/*--------------------------------------------------------------
# ARKANT – CI-Override (lädt als letztes Stylesheet)
# Template (NEXIN) bleibt unangetastet; alle CI-Anpassungen hier.
# CI: Urbanist · Schwarz #000000 · Grau #9d9d9c · Beige #e0d6c4 · Weiß
--------------------------------------------------------------*/

/* Urbanist (Variable Font, lokal — kein Google-CDN, DSGVO) */
@font-face {
  font-family: "Urbanist";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(../fonts/urbanist/urbanist-latin.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Urbanist";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(../fonts/urbanist/urbanist-latin-ext.woff2) format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

:root {
  --nexin-font: "Urbanist", sans-serif;
  --nexin-font-two: "Urbanist", sans-serif;
  --nexin-gray: #9d9d9c;
  --nexin-gray-rgb: 157, 157, 156;
  --nexin-base: #e0d6c4;
  --nexin-base-rgb: 224, 214, 196;
  --nexin-black: #000000;
  --nexin-black-rgb: 0, 0, 0;
}

/* CI-Typo: SemiBold für Headlines, Regular für Text (Light 300 verfügbar) */
h1, h2, h3, h4, h5, h6 {
  font-weight: 600;
}

/* Text-Wortmarke, bis [LOGO-DATEI] geliefert ist (A7) */
.arkant-logo {
  display: inline-flex;
  flex-direction: column;
  line-height: 1.05;
  text-decoration: none;
}
.arkant-logo__mark {
  font-family: var(--nexin-font);
  font-weight: 600;
  font-size: 28px;
  letter-spacing: 0.08em;
  color: var(--nexin-black);
}
.arkant-logo__sub {
  font-weight: 300;
  font-size: 11px;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--nexin-gray);
}
.arkant-logo--light .arkant-logo__mark {
  color: var(--nexin-white);
}

/* Banner-Shape-PNGs haben einen eingebackenen Grünstich → neutralisieren (A2) */
.banner-one__one-shape-bg,
.banner-one__shape-one {
  filter: grayscale(1);
  opacity: 0.18;
}

/* Antwort-Chip: kompakt halten, kein harter Umbruch */
.banner-one__review-text p,
.banner-one__review-text .banner-one__review-text-count-box {
  white-space: nowrap;
}

/* Badge-Zeile ersetzt die Kundenlogo-Leiste (keine Fake-Logos, A4) */
.arkant-badge {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  min-height: 60px;
  font-weight: 600;
  font-size: 18px;
  letter-spacing: 0.04em;
  color: var(--nexin-white);
  white-space: nowrap;
}

/* video-one → Aktions-Banner (ruhige Fläche statt Video) */
.video-one__aktion {
  text-align: center;
  position: relative;
  z-index: 2;
}
.video-one__aktion h2 {
  color: var(--nexin-white);
  font-size: clamp(32px, 5vw, 56px);
  margin-bottom: 18px;
}
.video-one__aktion p {
  color: var(--nexin-white);
  font-weight: 300;
  font-size: 18px;
  max-width: 640px;
  margin: 0 auto 32px;
}
.video-one__aktion .thm-btn {
  background-color: var(--nexin-base);
  color: var(--nexin-black);
}

/* NEU: Preis-Sektion (im Template-Look, Sektion nach why-choose-one) */
.preis-one {
  padding: 120px 0;
  background-color: var(--nexin-primary);
}
.preis-one__table {
  width: 100%;
  margin-top: 50px;
  border-collapse: collapse;
  background-color: var(--nexin-white);
}
.preis-one__table th,
.preis-one__table td {
  border: 1px solid var(--nexin-bdr-color);
  padding: 22px 28px;
  text-align: left;
  font-size: 17px;
  vertical-align: top;
}
.preis-one__table th {
  font-weight: 600;
  font-size: 19px;
  color: var(--nexin-black);
}
.preis-one__table .preis-one__price {
  font-weight: 600;
  font-size: 22px;
  color: var(--nexin-black);
  white-space: nowrap;
}
.preis-one__note {
  margin-top: 28px;
  font-size: 16px;
  color: var(--nexin-gray);
}
.preis-one__table a {
  color: var(--nexin-black);
  font-weight: 600;
  text-decoration: underline;
}
@media (max-width: 767px) {
  .preis-one { padding: 80px 0; }
  .preis-one__table th, .preis-one__table td { padding: 14px 14px; font-size: 15px; }
}

/* NEU: Garantien-Block (gestalterisch an counter-one angelehnt) */
.garantien-one {
  padding: 100px 0;
  background-color: var(--nexin-black);
}
.garantien-one__list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 40px;
  margin: 0;
  padding: 0;
}
.garantien-one__single {
  border-left: 2px solid var(--nexin-base);
  padding-left: 24px;
}
.garantien-one__paragraf {
  display: block;
  font-weight: 600;
  font-size: 15px;
  letter-spacing: 0.1em;
  color: var(--nexin-base);
  margin-bottom: 12px;
}
.garantien-one__single h3 {
  color: var(--nexin-white);
  font-size: 22px;
  margin-bottom: 10px;
}
.garantien-one__single p {
  color: var(--nexin-gray);
  font-weight: 300;
  font-size: 16px;
  margin: 0;
}
@media (max-width: 991px) {
  .garantien-one__list { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 575px) {
  .garantien-one__list { grid-template-columns: 1fr; }
}

/* Innenseiten-Kopf (Template hat keine Innenseiten → eigener Kopf im Template-Look) */
.arkant-page-header {
  padding: 100px 0 70px;
  background-color: var(--nexin-primary);
}
.arkant-page-header__intro {
  max-width: 760px;
  margin-top: 26px;
  font-size: 18px;
  font-weight: 300;
  color: var(--nexin-black);
  line-height: 1.7;
}
.arkant-page-header .thm-btn { margin-top: 30px; }
.arkant-frist-badge {
  display: inline-block;
  background-color: var(--nexin-base);
  color: var(--nexin-black);
  font-weight: 600;
  font-size: 15px;
  letter-spacing: 0.04em;
  padding: 8px 18px;
  border-radius: 30px;
  margin-bottom: 22px;
}

/* Fließtext-Sektionen der Unterseiten */
.arkant-prose {
  padding: 90px 0;
}
.arkant-prose--grau { background-color: var(--nexin-primary); }
.arkant-prose h2 { font-size: clamp(26px, 3.5vw, 40px); margin-bottom: 24px; }
.arkant-prose h3 { font-size: 24px; margin: 36px 0 12px; }
.arkant-prose p { font-size: 17px; font-weight: 300; line-height: 1.75; color: var(--nexin-black); max-width: 820px; }
.arkant-prose ul { max-width: 820px; padding-left: 20px; }
.arkant-prose li { font-size: 17px; font-weight: 300; line-height: 1.75; margin-bottom: 8px; }
.arkant-pflichtsatz {
  border-left: 3px solid var(--nexin-base);
  background-color: var(--nexin-white);
  padding: 18px 24px;
  font-weight: 600 !important;
  margin-top: 28px;
}
.arkant-platzhalter {
  border: 2px dashed var(--nexin-gray);
  padding: 24px 28px;
  color: var(--nexin-gray);
  font-weight: 600;
  margin: 24px 0;
  max-width: 820px;
}

/* Formular-Feedback (Projekt-Check + Aktion) */
.arkant-form-result {
  margin-top: 18px;
  font-size: 16px;
}
.arkant-form-result--ok { color: var(--nexin-base); font-weight: 600; }
.arkant-form-result--error { color: #c0392b; font-weight: 600; }