/* Eigenes kleines Stylesheet der Platzhalterseite www.terraoptima-trading.com.
   Bewusst ohne styles.css der Firmenseite; Schriftfamilie dieselbe systemnahe Liste. */
:root{--navy:#011833;--text:#eef3f9;--leise:#a9b8cb;--gruen:#a3e635;--gruen-hell:#c5f456;--gruen-dunkel:#7fc92a}
*{box-sizing:border-box}
html{background:var(--navy)}
body{margin:0;min-height:100vh;display:flex;flex-direction:column;align-items:center;
  background:var(--navy);color:var(--text);
  font-family:'Inter','Segoe UI',system-ui,-apple-system,sans-serif;line-height:1.6;text-align:center}
main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;
  width:100%;padding:56px 24px 32px}
.logo{display:block;width:560px;max-width:80%;height:auto}
.unterzeile{margin:-4px 0 0;font-size:1.25rem;letter-spacing:.06em;color:var(--text);font-weight:400}
.hinweis{margin:48px 0 0;font-size:1.125rem}
.hinweis p{margin:0 0 6px}
.hinweis .leise{color:var(--leise)}
.links{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin:36px 0 0}
.knopf{display:inline-block;padding:12px 26px;border:1.5px solid var(--gruen);border-radius:999px;
  color:var(--gruen);text-decoration:none;font-weight:600;transition:background .15s,color .15s}
.knopf:hover,.knopf:focus-visible{background:linear-gradient(180deg,var(--gruen-hell),var(--gruen-dunkel));
  border-color:transparent;color:var(--navy)}
.knopf:focus-visible,.fuss a:focus-visible{outline:2px solid var(--gruen-hell);outline-offset:3px}
.fuss{width:100%;padding:20px 24px 28px;font-size:.8125rem;color:var(--leise);
  border-top:1px solid rgba(255,255,255,.08)}
.fuss p{margin:0 0 4px}
.fuss a{color:var(--text);text-decoration:underline;text-underline-offset:3px}
.fuss a:hover{color:var(--gruen)}
.fuss .trenner{margin:0 8px;opacity:.5}
@media (max-width:600px){
  /* Gleiche Darstellung, nur kleiner: Logo 80 % der Breite, Schrift proportional. */
  main{padding:40px 16px 24px}
  .logo{width:80%}
  .unterzeile{font-size:4vw}
  .hinweis{margin-top:7vw;font-size:4.3vw}
  .links{margin-top:8vw;gap:3vw}
  .knopf{padding:3vw 6vw;font-size:3.7vw}
  .fuss{font-size:3.2vw}
}
h1{margin:0;font-size:inherit;font-weight:inherit;line-height:0;width:100%;display:flex;justify-content:center}

.fuss .li-link{display:inline-flex;align-items:center;gap:6px;vertical-align:middle}
.fuss .li-ico{width:17px;height:17px;flex:none}