/* mobile-fix-seiten.css — nur Mobile (max-width:1024px), Desktop unverändert
   Seiten: Kontakt, Über uns, Impressum, Datenschutz, geschafft (Danke), 404.
   Gescoped über die eindeutigen section[data-id] der jeweiligen Seite, damit
   nichts auf anderen Seiten/Sektionen durchschlägt. Markenorange: #f27e00. */

@media (max-width: 1024px) {

  /* ================================================================
     KONTAKT
     ================================================================ */

  /* --- Standorte (Verkauf / Vermietung) – Zeilen enger, als Block lesbar --- */
  section[data-id="d40bbcb6-3265-475d-9018-c960459ea727"] .con-kit-frame {
    padding-top: 32px !important;
  }
  section[data-id="d40bbcb6-3265-475d-9018-c960459ea727"] .con-kit-col--first {
    padding-bottom: 16px !important;
  }
  section[data-id="d40bbcb6-3265-475d-9018-c960459ea727"] .con-kit-quark-paragraph {
    margin: 0 0 2px !important;
    font-size: 16px !important;
    line-height: 1.5 !important;
  }
  section[data-id="d40bbcb6-3265-475d-9018-c960459ea727"] .con-kit-quark-paragraph:first-child {
    margin-bottom: 6px !important;
  }

  /* --- Karte + Formular-Karte --- */
  section[data-id="dc088567-ded3-40e7-844f-3c195cec72d8"] .con-kit-frame {
    padding-top: 24px !important;
    padding-bottom: 40px !important;
  }
  section[data-id="dc088567-ded3-40e7-844f-3c195cec72d8"] .con-kit-container--style-solid {
    padding: 16px !important;
    border-radius: 8px;
  }
  /* Google-Maps-iframe: volle Kartenbreite statt fixer 300px, nicht höher als nötig */
  section[data-id="dc088567-ded3-40e7-844f-3c195cec72d8"] iframe,
  section[data-id="47f11102-b151-4ede-8b0b-a0897428a349"] iframe {
    display: block;
    width: 100% !important;
    max-width: 100%;
    height: 300px !important;
    border: 0;
    border-radius: 6px;
    background: #f2f2f2;
  }

  /* --- Kontaktdaten (Telefon / Adresse / E-Mail) als ruhige, große Zeilen --- */
  section[data-id="dc088567-ded3-40e7-844f-3c195cec72d8"] nav.con-kit-atom-menu-v2 {
    margin: 8px 0 0 !important;
    width: 100% !important;
  }
  section[data-id="dc088567-ded3-40e7-844f-3c195cec72d8"] nav.con-kit-atom-menu-v2 ul {
    flex-direction: column !important;
    width: 100% !important;
  }
  section[data-id="dc088567-ded3-40e7-844f-3c195cec72d8"] .con-kit-atom-menu-v2-item {
    width: 100% !important;
    border-bottom: 1px solid #ececec;
  }
  section[data-id="dc088567-ded3-40e7-844f-3c195cec72d8"] .con-kit-atom-menu-v2-item:last-child {
    border-bottom: 0;
  }
  section[data-id="dc088567-ded3-40e7-844f-3c195cec72d8"] .con-kit-atom-menu-v2-item-inside {
    width: 100% !important;
    min-height: 52px !important;
    padding: 12px 0 !important;
    align-items: center !important;
    justify-content: flex-start !important;
    text-align: left !important;
  }
  section[data-id="dc088567-ded3-40e7-844f-3c195cec72d8"] .con-kit-atom-menu-v2-item-inside__wrapp {
    align-items: center !important;
    gap: 12px;
    width: 100%;
  }
  section[data-id="dc088567-ded3-40e7-844f-3c195cec72d8"] .con-kit-atom-menu-v2-item-inside__media {
    margin: 0 !important;
    flex: 0 0 auto;
  }
  section[data-id="dc088567-ded3-40e7-844f-3c195cec72d8"] .con-kit-atom-menu-v2-item-inside__media .con-kit-component-icon svg path {
    fill: #f27e00 !important;
  }
  section[data-id="dc088567-ded3-40e7-844f-3c195cec72d8"] .con-kit-atom-menu-v2-item-inside__text {
    min-width: 0;
    flex: 1 1 auto;
  }
  /* Rubik Dirt ist für Telefonnummer/E-Mail schwer lesbar -> Montserrat semibold */
  section[data-id="dc088567-ded3-40e7-844f-3c195cec72d8"] .con-kit-atom-menu-v2-item-inside__title,
  section[data-id="dc088567-ded3-40e7-844f-3c195cec72d8"] .con-kit-atom-menu-v2-item-inside__title a {
    font-family: Montserrat, system-ui, sans-serif !important;
    font-weight: 600 !important;
    font-size: 16px !important;
    line-height: 1.4 !important;
    letter-spacing: 0 !important;
    color: #191919 !important;
    text-align: left !important;
    overflow-wrap: anywhere;
    flex: 1 1 auto !important;
    width: 100% !important;
    max-width: 100% !important;
  }
  section[data-id="dc088567-ded3-40e7-844f-3c195cec72d8"] .con-kit-atom-menu-v2-item-inside__title a {
    font-size: 15px !important;
    display: inline !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    line-height: 1.4 !important;
  }
  /* ganze Zeile tappbar machen, wo ein Link existiert (E-Mail) */
  section[data-id="dc088567-ded3-40e7-844f-3c195cec72d8"] .con-kit-atom-menu-v2-item-inside:has(a[href^="mailto:"]) {
    position: relative;
  }
  section[data-id="dc088567-ded3-40e7-844f-3c195cec72d8"] .con-kit-atom-menu-v2-item-inside__title a[href^="mailto:"]::after,
  section[data-id="dc088567-ded3-40e7-844f-3c195cec72d8"] .con-kit-atom-menu-v2-item-inside__title a[href^="tel:"]::after {
    content: "";
    position: absolute;
    inset: 0;
  }
  section[data-id="dc088567-ded3-40e7-844f-3c195cec72d8"] .con-kit-atom-menu-v2-item-inside__subtitle {
    font-size: 15px !important;
    line-height: 1.4 !important;
    text-align: left !important;
  }
  section[data-id="dc088567-ded3-40e7-844f-3c195cec72d8"] .con-kit-atom-menu-v2-item-inside__decorator {
    display: none !important;
  }

  /* --- Formular --- */
  section[data-id="dc088567-ded3-40e7-844f-3c195cec72d8"] .con-kit-atom-form,
  section[data-id="dc088567-ded3-40e7-844f-3c195cec72d8"] .con-kit-component-form-container,
  section[data-id="dc088567-ded3-40e7-844f-3c195cec72d8"] form {
    width: 100% !important;
    max-width: 100% !important;
  }
  section[data-id="dc088567-ded3-40e7-844f-3c195cec72d8"] form {
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    gap: 12px !important;
  }
  section[data-id="dc088567-ded3-40e7-844f-3c195cec72d8"] form > label,
  section[data-id="dc088567-ded3-40e7-844f-3c195cec72d8"] .con-kit-component-label-input__wrapper {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  section[data-id="dc088567-ded3-40e7-844f-3c195cec72d8"] .con-kit-component-input,
  section[data-id="dc088567-ded3-40e7-844f-3c195cec72d8"] select,
  section[data-id="dc088567-ded3-40e7-844f-3c195cec72d8"] textarea,
  section[data-id="dc088567-ded3-40e7-844f-3c195cec72d8"] .react-tel-input input[type="tel"] {
    width: 100% !important;
    min-height: 52px !important;
    font-family: Montserrat, system-ui, sans-serif !important;
    font-size: 16px !important; /* >=16px verhindert iOS-Auto-Zoom */
    color: #191919 !important;
    border: 1px solid rgba(25, 25, 25, 0.22) !important;
    border-radius: 6px !important;
    background-color: #fff !important;
    box-sizing: border-box !important;
    margin: 0 !important;
  }
  section[data-id="dc088567-ded3-40e7-844f-3c195cec72d8"] .con-kit-component-input-phone {
    margin: 0 !important;
    border: 0 !important;
    box-shadow: none !important;
  }
  section[data-id="dc088567-ded3-40e7-844f-3c195cec72d8"] .react-tel-input {
    width: 100% !important;
    margin: 0 !important;
  }
  section[data-id="dc088567-ded3-40e7-844f-3c195cec72d8"] .react-tel-input .flag-dropdown {
    border: 0 !important;
    background: transparent !important;
  }
  section[data-id="dc088567-ded3-40e7-844f-3c195cec72d8"] select:invalid,
  section[data-id="dc088567-ded3-40e7-844f-3c195cec72d8"] select:has(option:checked[value=""]) {
    color: rgba(25, 25, 25, 0.6) !important;
  }
  section[data-id="dc088567-ded3-40e7-844f-3c195cec72d8"] select {
    text-overflow: ellipsis;
  }
  section[data-id="dc088567-ded3-40e7-844f-3c195cec72d8"] textarea {
    min-height: 140px !important;
    line-height: 1.5 !important;
    resize: vertical;
  }
  section[data-id="dc088567-ded3-40e7-844f-3c195cec72d8"] .con-kit-component-input::placeholder,
  section[data-id="dc088567-ded3-40e7-844f-3c195cec72d8"] textarea::placeholder,
  section[data-id="dc088567-ded3-40e7-844f-3c195cec72d8"] input[type="tel"]::placeholder {
    color: rgba(25, 25, 25, 0.6) !important;
    opacity: 1;
  }
  section[data-id="dc088567-ded3-40e7-844f-3c195cec72d8"] .con-kit-component-input:focus,
  section[data-id="dc088567-ded3-40e7-844f-3c195cec72d8"] select:focus,
  section[data-id="dc088567-ded3-40e7-844f-3c195cec72d8"] textarea:focus,
  section[data-id="dc088567-ded3-40e7-844f-3c195cec72d8"] input[type="tel"]:focus {
    border-color: #f27e00 !important;
    box-shadow: 0 0 0 3px rgba(242, 126, 0, 0.18) !important;
    outline: none !important;
  }
  /* Einwilligung VOR den Absenden-Button (logische Reihenfolge) */
  section[data-id="dc088567-ded3-40e7-844f-3c195cec72d8"] form > .con-kit-checkbox-list {
    order: 1;
    margin: 4px 0 0 !important;
    width: 100%;
  }
  section[data-id="dc088567-ded3-40e7-844f-3c195cec72d8"] form > .con-kit-component-form-container__submit-button {
    order: 2;
    width: 100% !important;
    margin-top: 4px !important;
  }
  section[data-id="dc088567-ded3-40e7-844f-3c195cec72d8"] form > :not(label):not(.con-kit-checkbox-list):not(.con-kit-component-form-container__submit-button) {
    order: 3;
  }
  section[data-id="dc088567-ded3-40e7-844f-3c195cec72d8"] .con-kit-component-form-container__submit-button .con-kit-component-button {
    width: 100% !important;
    min-height: 52px !important;
    font-size: 16px !important;
  }
  section[data-id="dc088567-ded3-40e7-844f-3c195cec72d8"] .con-kit-component-checkbox {
    display: flex !important;
    align-items: flex-start !important;
    gap: 12px;
    width: 100%;
    cursor: pointer;
  }
  section[data-id="dc088567-ded3-40e7-844f-3c195cec72d8"] .con-kit-component-checkbox__container {
    flex: 0 0 auto;
    width: 24px !important;
    height: auto !important;
    margin: 0 !important;
    padding-top: 1px;
  }
  section[data-id="dc088567-ded3-40e7-844f-3c195cec72d8"] .con-kit-component-checkbox__styled-checkbox {
    width: 22px !important;
    height: 22px !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    border-radius: 4px !important;
  }
  section[data-id="dc088567-ded3-40e7-844f-3c195cec72d8"] .con-kit-component-checkbox__label {
    flex: 1 1 auto;
    min-width: 0;
    margin: 0 !important;
    font-size: 15px !important;
    line-height: 1.5 !important;
    color: #191919;
  }
  section[data-id="dc088567-ded3-40e7-844f-3c195cec72d8"] .con-kit-component-checkbox__label a {
    color: #191919;
    text-decoration: underline;
    text-decoration-color: #f27e00;
    text-underline-offset: 3px;
  }

  /* ================================================================
     ÜBER UNS
     ================================================================ */

  /* Intro „Über Baumaschinen Andersch“: lange Absätze linksbündig lesen sich besser */
  section[data-id="VAEhygpV6SaHbXqZRGYSj"] .con-kit-atom-plain-text,
  section[data-id="VAEhygpV6SaHbXqZRGYSj"] .con-kit-atom-plain-text .con-kit-quark-paragraph {
    text-align: left !important;
  }
  section[data-id="VAEhygpV6SaHbXqZRGYSj"] .con-kit-frame {
    padding-top: 48px !important;
    padding-bottom: 0 !important;
  }
  /* Galerie-Slider: Bild sauber gerundet, Pagination-Dots mit größerer Tap-Fläche */
  section[data-id="6d697b90-4987-48f4-9f05-596fe9bab428"] .con-kit-col--first {
    padding-bottom: 0 !important;
  }
  section[data-id="6d697b90-4987-48f4-9f05-596fe9bab428"] .con-kit-component-slider-item img {
    border-radius: 6px;
  }
  section[data-id="6d697b90-4987-48f4-9f05-596fe9bab428"] .con-kit-component-slider-pagination__item {
    padding: 10px !important;
  }
  /* Button-Sektion unter dem Slider + unsichtbare Trennlinie erzeugten ~200px Leerraum */
  section[data-id="2beb9099-3f00-4545-8559-696d67072d5f"] .con-kit-frame {
    padding-top: 24px !important;
    padding-bottom: 48px !important;
  }
  section[data-id="2beb9099-3f00-4545-8559-696d67072d5f"] .con-kit-component-spacer,
  section[data-id="OzOS2looyJQKHY2Bl1LGA"] {
    display: none !important;
  }
  /* Kontakt-Sektion (Zwickau-Karte + Maps) */
  section[data-id="47f11102-b151-4ede-8b0b-a0897428a349"] .con-kit-frame {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }

  /* ================================================================
     IMPRESSUM + DATENSCHUTZ (Rechtstexte)
     ================================================================ */

  /* Titel-Sektion: weniger Luft unter dem fixen Header */
  section[data-id="oHUNN5fmwdic_jG0lSp0R"] .con-kit-frame,
  section[data-id="b60c1d86-0165-4add-819f-8982d9c0704e"] .con-kit-frame {
    padding-top: 40px !important;
  }
  /* „Datenschutzerklärung“ ist ein langes Wort: nicht mitten im Wort umbrechen */
  section[data-id="b60c1d86-0165-4add-819f-8982d9c0704e"] .con-kit-component-header,
  section[data-id="oHUNN5fmwdic_jG0lSp0R"] .con-kit-component-header {
    font-size: clamp(22px, 6.6vw, 30px) !important;
    line-height: 1.2 !important;
    hyphens: manual;
    overflow-wrap: normal;
    word-break: normal;
  }
  section[data-id="b60c1d86-0165-4add-819f-8982d9c0704e"] .con-kit-component-header .con-kit-quark-paragraph,
  section[data-id="oHUNN5fmwdic_jG0lSp0R"] .con-kit-component-header .con-kit-quark-paragraph {
    font-size: inherit !important;
    line-height: inherit !important;
  }

  section[data-id="O5x6-GF28pNt9GOazZY5X"] .con-kit-frame,
  section[data-id="1BET0hO-3hyinKp4-MFHS"] .con-kit-frame {
    padding-top: 16px !important;
    padding-bottom: 48px !important;
  }
  /* Fließtext: 16px, ruhiger Zeilenabstand, linksbündig, lange URLs/E-Mails umbrechen */
  section[data-id="O5x6-GF28pNt9GOazZY5X"] .con-kit-atom-plain-text,
  section[data-id="1BET0hO-3hyinKp4-MFHS"] .con-kit-atom-plain-text {
    text-align: left !important;
    overflow-wrap: anywhere;
    word-break: normal;
    hyphens: auto;
  }
  section[data-id="O5x6-GF28pNt9GOazZY5X"] .con-kit-atom-plain-text .con-kit-quark-paragraph,
  section[data-id="1BET0hO-3hyinKp4-MFHS"] .con-kit-atom-plain-text .con-kit-quark-paragraph {
    font-size: 16px !important;
    line-height: 1.6 !important;
    margin: 0 0 8px !important;
    text-align: left !important;
  }
  section[data-id="O5x6-GF28pNt9GOazZY5X"] .con-kit-atom-plain-text a,
  section[data-id="1BET0hO-3hyinKp4-MFHS"] .con-kit-atom-plain-text a {
    overflow-wrap: anywhere;
    word-break: break-word;
  }
  /* Leere <br>-Absätze waren je ~43px hoch (dreifache Abstände) -> schlanker Trenner */
  section[data-id="O5x6-GF28pNt9GOazZY5X"] .con-kit-quark-paragraph:has(> br:only-child),
  section[data-id="1BET0hO-3hyinKp4-MFHS"] .con-kit-quark-paragraph:has(> br:only-child) {
    height: 14px !important;
    min-height: 0 !important;
    margin: 0 !important;
    font-size: 0 !important;
    line-height: 0 !important;
    overflow: hidden;
  }
  /* Zwischenüberschriften (fette Absätze) etwas absetzen */
  section[data-id="O5x6-GF28pNt9GOazZY5X"] .con-kit-quark-paragraph:has(> span[data-inline-style="bold"]:first-child),
  section[data-id="1BET0hO-3hyinKp4-MFHS"] .con-kit-quark-paragraph:has(> span[data-inline-style="bold"]:first-child) {
    margin-top: 12px !important;
    font-size: 17px !important;
    line-height: 1.45 !important;
    hyphens: manual;
  }
  section[data-id="O5x6-GF28pNt9GOazZY5X"] .con-kit-atom-plain-text .con-kit-quark-paragraph:first-child,
  section[data-id="1BET0hO-3hyinKp4-MFHS"] .con-kit-atom-plain-text .con-kit-quark-paragraph:first-child {
    margin-top: 0 !important;
  }
  /* Impressum: Firmenzeile/Inhaber nicht größer als der Rest */
  section[data-id="O5x6-GF28pNt9GOazZY5X"] .con-kit-quark-paragraph[data-font-kit-type="xl"] {
    font-size: 17px !important;
    margin-bottom: 4px !important;
  }
  /* Cookie-Widerruf-Button in der Datenschutzerklärung: volle Breite, gut tappbar */
  #andersch-consent-revoke {
    display: block !important;
    width: 100%;
    max-width: 420px;
    min-height: 48px;
    margin: 8px 0 !important;
    font-size: 16px !important;
    line-height: 1.35 !important;
    text-align: center;
    white-space: normal;
  }

  /* ================================================================
     GESCHAFFT (Danke-Seite)
     ================================================================ */
  section[data-id="01f02860-2d8f-446f-936c-15aa7e2b15ed"] .con-kit-frame {
    padding-top: 72px !important;
    padding-bottom: 72px !important;
  }
  section[data-id="01f02860-2d8f-446f-936c-15aa7e2b15ed"] .con-kit-component-atom-list > .con-kit-animation__atom + .con-kit-animation__atom {
    margin-top: 16px !important;
  }
  section[data-id="01f02860-2d8f-446f-936c-15aa7e2b15ed"] .con-kit-component-spacer {
    max-height: 24px !important;
    height: auto !important;
  }
  section[data-id="01f02860-2d8f-446f-936c-15aa7e2b15ed"] .con-kit-component-spacer__handler {
    max-height: 24px !important;
  }
  section[data-id="01f02860-2d8f-446f-936c-15aa7e2b15ed"] .con-kit-atom-plain-text .con-kit-quark-paragraph {
    font-size: 18px !important;
    line-height: 1.55 !important;
    max-width: 32ch;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

/* ================================================================
   404 (eigenständige Seite ohne con-kit-Markup)
   ================================================================ */
@media (max-width: 600px) {
  body > .box {
    width: 100%;
    max-width: 420px;
  }
  body > .box .logo {
    width: 80px;
    height: 80px;
    margin-bottom: 20px;
  }
  body > .box h1 {
    font-size: 28px;
  }
  body > .box p:not(.code):not(.tel) {
    font-size: 16px;
    margin-bottom: 24px;
  }
  body > .box .links {
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
  }
  body > .box a.btn {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 52px;
    padding: 12px 20px;
  }
  body > .box .tel a {
    display: inline-block;
    padding: 12px 4px;
    color: #f27e00;
  }
}