/* Mobile Optimierung – ausschließlich responsive Darstellung, Stand 22.10.2026 */
@media (max-width: 900px) {
  html, body { max-width:100%; overflow-x:clip; }
  *, *::before, *::after { box-sizing:border-box; }
  img, svg, video, iframe { max-width:100%; }
  .logo-zeile { padding-left:14px !important; padding-right:14px !important; }
  .navigation-zeile { z-index:2100; }
  .navigation-inhalt { position:relative; }
  .navigation-zeile nav ul { max-height:calc(100dvh - 85px); overflow-y:auto; overscroll-behavior:contain; }
  .navigation-zeile nav a { min-height:44px; display:flex; align-items:center; }
  .contact-columns, .about-grid { min-width:0; }
  .contact-form-card, .contact-info, .about-main { min-width:0; }
  .contact-page input, .contact-page textarea, .contact-page select { max-width:100%; }
  footer.ho-footer .ho-footer-grid { min-width:0; }
  footer.ho-footer .ho-footer-col, footer.ho-footer .ho-footer-bottom { min-width:0; }
  footer.ho-footer a { overflow-wrap:anywhere; }
}
@media (max-width: 700px) {
  body > header.firmenkopf { position:relative !important; }
  body > header.firmenkopf .logo-zeile { padding:12px 14px !important; }
  body > header.firmenkopf .brand-original { gap:8px !important; max-width:100%; justify-content:center; align-items:flex-end !important; }
  body > header.firmenkopf .brand-original .crown-original { width:clamp(56px,17vw,78px) !important; max-width:22vw !important; height:auto !important; }
  body > header.firmenkopf .brand-original .wordmark-original { width:clamp(170px,57vw,260px) !important; max-width:65vw !important; height:auto !important; }
  .navigation-zeile .navigation-inhalt { min-height:54px; }
  .navigation-zeile .nav-toggle { min-width:44px; min-height:44px; }
  #start .hero-actions { display:flex; flex-wrap:wrap; gap:12px; }
  #start .hero-actions .btn { max-width:100%; min-height:44px; text-align:center; }
  main > section#services { padding-left:18px !important; padding-right:18px !important; }
  #services .services-grid { grid-template-columns:minmax(0,1fr) !important; }
  #services .service-card { min-width:0; }
  main > section#shop.shop-showcase { padding:36px 18px 40px !important; }
  #shop .shop-showcase-card { grid-template-columns:minmax(0,1fr) !important; padding:24px 18px !important; min-height:0; gap:18px; }
  #shop .shop-showcase-button { min-width:0; width:100%; min-height:48px; text-align:center; padding:12px 16px; }
  #shop .shop-showcase-image { max-width:100%; }
  .gallery-page { padding:34px 18px 54px !important; }
  .gallery-categories { grid-template-columns:minmax(0,1fr) !important; gap:18px !important; }
  .gallery-category { min-width:0; padding:22px 18px !important; }
  .contact-page { padding-left:16px !important; padding-right:16px !important; }
  .contact-inner { width:100%; max-width:100%; }
  .contact-columns { display:grid !important; grid-template-columns:minmax(0,1fr) !important; gap:20px !important; }
  .contact-form-card, .contact-info { width:100% !important; max-width:100% !important; padding:22px 16px !important; }
  .contact-page .form-row-inline { display:grid !important; grid-template-columns:minmax(0,1fr) !important; gap:12px !important; }
  .contact-page .contact-form-card .consent-box { padding:16px 12px !important; }
  .contact-page .contact-form-card .privacy-area { padding:12px 0 !important; }
  .contact-page .contact-form-card .privacy-consent-label { gap:10px !important; }
  .contact-page .contact-form-card button[type="submit"] { min-height:48px; }
  .contact-page .map-box iframe { display:block; width:100% !important; max-width:100%; }
  footer.ho-footer { padding:30px 18px 24px !important; }
  footer.ho-footer .ho-footer-grid { display:grid !important; grid-template-columns:minmax(0,1fr) !important; gap:26px !important; }
  footer.ho-footer .ho-footer-bottom { display:flex; flex-direction:column; align-items:flex-start; gap:16px; }
  footer.ho-footer .ho-footer-goldchart { max-width:100%; }
  footer.ho-footer .ho-footer-goldchart img { max-width:100%; height:auto; }
}
@media (max-width: 380px) {
  body > header.firmenkopf .brand-original .crown-original { width:54px !important; }
  body > header.firmenkopf .brand-original .wordmark-original { width: min(57vw,190px) !important; }
  #start .hero-actions .btn { width:100%; }
  .contact-page .contact-form-card .privacy-area .small-text label.privacy-consent-label { font-size:.86rem !important; }
}

/* Mobile Markenzeichen: Größenverhältnis wie Desktop, Originaldateien unverändert. */
@media (max-width: 700px) {
  body > header.firmenkopf .brand-original { display:flex !important; align-items:flex-end !important; justify-content:center !important; gap:8px !important; max-width:100% !important; }
  body > header.firmenkopf .brand-original .crown-original { width:clamp(76px,24vw,104px) !important; max-width:none !important; flex:0 0 auto !important; height:auto !important; align-self:flex-end !important; }
  body > header.firmenkopf .brand-original .wordmark-original { width:clamp(188px,59vw,258px) !important; max-width:none !important; flex:0 1 auto !important; height:auto !important; align-self:flex-end !important; }
}
@media (max-width: 340px) {
  body > header.firmenkopf .brand-original .crown-original { width:72px !important; }
  body > header.firmenkopf .brand-original .wordmark-original { width:184px !important; }
}