// Sitar — Impressum page

const { c: ic, f: iff } = window.SITAR;

const LegalSection = ({ title, children }) => (
  <div style={{ marginTop: 32 }}>
    {title && (
      <h2 style={{ fontFamily: iff.serif, fontWeight: 500, fontStyle: 'italic', fontSize: 26, margin: '0 0 12px' }}>
        {title}
      </h2>
    )}
    <div style={{ fontSize: 15, lineHeight: 1.7, opacity: 0.85 }}>
      {children}
    </div>
  </div>
);

const Impressum = () => {
  const { mobile } = useBreakpoint();
  const px = mobile ? 20 : 56;

  return (
    <div style={{ background: ic.bone, color: ic.night, fontFamily: iff.sans, paddingBottom: 100 }}>
      <div style={{ padding: `${mobile ? 48 : 80}px ${px}px ${mobile ? 32 : 60}px`, maxWidth: 760, margin: '0 auto' }}>
        <div style={{ fontFamily: iff.mono, fontSize: 11, letterSpacing: 2.5, color: ic.tandoor, textTransform: 'uppercase', marginBottom: 24 }}>
          —— Impressum
        </div>
        <h1 style={{ fontFamily: iff.serif, fontSize: mobile ? 56 : 96, fontWeight: 400, margin: 0, letterSpacing: mobile ? -1 : -2, lineHeight: 0.95 }}>
          Angaben gem&auml;&szlig; <span style={{ fontStyle: 'italic' }}>&sect; 5 TMG</span>
        </h1>

        <LegalSection>
          <p style={{ margin: 0 }}>
            Restaurant Sitar M&uuml;nchen GmbH<br/>
            Robert-Koch-Stra&szlig;e 4<br/>
            80538 M&uuml;nchen-Altstadt-Lehel
          </p>
        </LegalSection>

        <LegalSection title="Vertreten durch">
          <p style={{ margin: 0 }}>Ashni Shabla</p>
        </LegalSection>

        <LegalSection title="Kontakt">
          <p style={{ margin: 0 }}>
            Telefon: 089 21112361<br/>
            E-Mail: info@hotelmonalisa.de
          </p>
        </LegalSection>

        <LegalSection title="Umsatzsteuer-ID">
          <p style={{ margin: 0 }}>
            Umsatzsteuer-Identifikationsnummer gem&auml;&szlig; &sect; 27 a Umsatzsteuergesetz:<br/>
            143/175/31517
          </p>
        </LegalSection>

        <LegalSection title="Wirtschafts-Identifikationsnummer">
          <p style={{ margin: 0 }}>DE293770813-00001</p>
        </LegalSection>

        <LegalSection title="Verbraucherstreitbeilegung/Universalschlichtungsstelle">
          <p style={{ margin: 0 }}>
            Wir sind nicht bereit oder verpflichtet, an Streitbeilegungsverfahren vor
            einer Verbraucherschlichtungsstelle teilzunehmen.
          </p>
        </LegalSection>

        <div style={{ marginTop: 56, paddingTop: 20, borderTop: `1px solid ${ic.lineDark}`, fontFamily: iff.mono, fontSize: 10, letterSpacing: 1.5, opacity: 0.45 }}>
          Quelle: <a href="https://www.e-recht24.de/impressum-generator.html" style={{ color: ic.tandoor }}>e-recht24.de Impressum-Generator</a>
        </div>
      </div>
    </div>
  );
};

Object.assign(window, { Impressum });