Files
paraguay/index.html
T

408 lines
13 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Paraguay SRL LLC — Community</title>
<meta name="description" content="German / American expats in Paraguay sharing experiences on banking, taxes, legal matters for LLC/SRL." />
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet" />
<style>
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
:root {
--black: #000000;
--white: #ffffff;
--blue: #1e40af;
--gray1: #f3f4f6;
--gray2: #e5e7eb;
}
html { scroll-behavior: smooth; }
body {
font-family: 'Inter', system-ui, sans-serif;
background: var(--white);
color: var(--black);
line-height: 1.6;
}
a { color: var(--blue); text-decoration: none; }
a:hover { text-decoration: underline; }
.container { max-width: 900px; margin: 0 auto; padding: 0 24px; }
/* Header */
.header {
border-bottom: 1px solid var(--gray2);
padding: 24px 0;
display: flex;
justify-content: space-between;
align-items: center;
}
.brand {
font-size: 1.75rem;
font-weight: 800;
}
.lang-select {
display: flex;
gap: 8px;
background: var(--gray1);
padding: 4px;
border-radius: 8px;
}
.lang-btn {
padding: 6px 14px;
font-size: .85rem;
font-weight: 600;
border: none;
border-radius: 6px;
background: transparent;
cursor: pointer;
color: var(--black);
transition: all .2s;
}
.lang-btn.active {
background: var(--white);
box-shadow: 0 1px 3px rgba(0,0,0,.1);
}
/* Intro */
.intro {
padding: 48px 0 32px;
text-align: center;
}
.intro h1 {
font-size: 2.5rem;
font-weight: 800;
line-height: 1.2;
margin-bottom: 16px;
}
.intro p {
font-size: 1.1rem;
color: #4b5563;
max-width: 600px;
margin: 0 auto;
}
/* Topics */
.topics {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 16px;
margin: 32px 0;
}
.topic {
padding: 20px;
border: 1px solid var(--gray2);
border-radius: 12px;
text-align: center;
transition: all .2s;
}
.topic:hover {
border-color: var(--blue);
box-shadow: 0 4px 12px rgba(30,64,175,.1);
}
.topic-icon {
font-size: 2rem;
display: block;
margin-bottom: 10px;
}
.topic h3 {
font-size: 1rem;
font-weight: 700;
margin-bottom: 6px;
}
.topic p {
font-size: .85rem;
color: #6b7280;
}
/* Disclaimer */
.disclaimer {
background: #fff1f2;
border: 1px solid #fecdd3;
padding: 16px;
border-radius: 8px;
font-size: .9rem;
margin: 24px 0;
text-align: center;
}
/* Main Content */
.main-grid {
display: grid;
grid-template-columns: 2fr 1fr;
gap: 40px;
}
.news-col h2 {
font-size: 1.75rem;
font-weight: 800;
border-bottom: 2px solid var(--black);
padding-bottom: 12px;
margin-bottom: 24px;
}
.news-item {
margin-bottom: 32px;
padding-bottom: 24px;
border-bottom: 1px solid var(--gray2);
}
.news-date {
font-size: .75rem;
color: #9ca3af;
text-transform: uppercase;
letter-spacing: .05em;
margin-bottom: 8px;
}
.news-item h3 {
font-size: 1.25rem;
font-weight: 700;
margin-bottom: 10px;
line-height: 1.3;
}
.news-item p {
font-size: 1rem;
color: #4b5563;
line-height: 1.6;
}
.news-tag {
display: inline-block;
font-size: .75rem;
font-weight: 600;
color: var(--blue);
text-transform: uppercase;
letter-spacing: .04em;
border: 1px solid var(--blue);
padding: 4px 10px;
border-radius: 20px;
margin-top: 10px;
}
/* Sidebar */
.sidebar-col { position: sticky; top: 20px; height: fit-content; }
.login-panel {
background: var(--gray1);
padding: 32px;
border-radius: 16px;
border: 1px solid var(--gray2);
}
.login-panel h3 {
font-size: 1.25rem;
font-weight: 700;
margin-bottom: 20px;
padding-bottom: 10px;
border-bottom: 1px solid var(--gray2);
}
.form-group { margin-bottom: 16px; }
.form-group label {
display: block;
font-size: .85rem;
font-weight: 600;
margin-bottom: 6px;
}
.form-group input {
width: 100%;
padding: 12px;
border: 1px solid var(--gray2);
border-radius: 8px;
font-size: 1rem;
outline: none;
transition: border-color .2s;
}
.form-group input:focus {
border-color: var(--blue);
box-shadow: 0 0 0 3px rgba(30,64,175,.1);
}
.btn-primary {
width: 100%;
padding: 12px;
background: var(--black);
color: var(--white);
border: none;
border-radius: 8px;
font-size: 1rem;
font-weight: 600;
cursor: pointer;
transition: background .2s;
}
.btn-primary:hover { background: var(--blue); }
.btn-outline {
width: 100%;
padding: 12px;
background: transparent;
border: 2px solid var(--black);
color: var(--black);
border-radius: 8px;
font-size: 1rem;
font-weight: 600;
cursor: pointer;
margin-top: 12px;
}
.btn-outline:hover { background: var(--black); color: var(--white); }
/* Footer */
.footer {
margin-top: 64px;
padding-top: 32px;
border-top: 2px solid var(--black);
text-align: center;
font-size: 1rem;
}
.footer a {
font-weight: 600;
text-decoration: none;
}
.footer a:hover { text-decoration: underline; }
/* Responsive */
@media (max-width: 768px) {
.main-grid { grid-template-columns: 1fr; }
.sidebar-col { position: static; }
.topics { grid-template-columns: 1fr; }
.brand { font-size: 1.4rem; }
}
/* Language helper classes */
.hide-de { display: none; }
.hide-en { display: none; }
[data-lang="de"] .hide-de { display: block; }
[data-lang="en"] .hide-en { display: block; }
[data-lang="de"] .hide-en { display: none; }
[data-lang="en"] .hide-de { display: none; }
</style>
</head>
<body data-lang="de">
<!-- Header -->
<header class="header">
<div class="brand">Paraguay SRL LLC</div>
<div class="lang-select">
<button class="lang-btn active" data-lang="de">DE</button>
<button class="lang-btn" data-lang="en">EN</button>
</div>
</header>
<!-- Intro -->
<section class="intro">
<h1 class="hide-de">Paraguay LLC & SRL Austausch & Community</h1>
<h1 class="hide-en">Paraguay LLC & SRL Exchange & Community</h1>
<p class="hide-de">Willkommen in der Gruppe Paraguay LLC & SRL! Diese Gruppe dient dem Austausch von Menschen, die in Paraguay eine LLC oder SRL betreiben oder sich damit beschäftigen.</p>
<p class="hide-en">Welcome to the Paraguay LLC & SRL group! This group serves as an exchange platform for people who run or are engaged with an LLC or SRL in Paraguay.</p>
</section>
<!-- Topics -->
<section class="topics">
<div class="topic">
<span class="topic-icon hide-de">🏦</span><span class="topic-icon hide-en">🏦</span>
<h3 class="hide-de">Banken & Zahlungsverkehr</h3>
<h3 class="hide-en">Banking & Payments</h3>
<p class="hide-de">Erfahrungen mit lokalen und internationalen Banken</p>
<p class="hide-en">Experiences with local and international banks</p>
</div>
<div class="topic">
<span class="topic-icon hide-de">⚖️</span><span class="topic-icon hide-en">⚖️</span>
<h3 class="hide-de">Rechtliches & Gesellschaftsrecht</h3>
<h3 class="hide-en">Legal & Corporate Law</h3>
<p class="hide-de">SRL/LLC Gründung und rechtliche Fragen</p>
<p class="hide-en">SRL/LLC formation and legal matters</p>
</div>
<div class="topic">
<span class="topic-icon hide-de">💰</span><span class="topic-icon hide-en">💰</span>
<h3 class="hide-de">Steuern & Buchhaltung</h3>
<h3 class="hide-en">Taxes & Accounting</h3>
<p class="hide-de">Paraguay Territorialsteuersystem erklärt</p>
<p class="hide-en">Paraguay territorial tax system explained</p>
</div>
</section>
<!-- Disclaimer -->
<div class="disclaimer hide-de">
🚫 Keine Geschäftsanbahnungen in der Gruppe! Werbung, Akquise und Vermittlungsangebote bitte außerhalb der Gruppe bzw. offline.
</div>
<div class="disclaimer hide-en">
🚫 No business solicitations in the group! Advertising, lead generation, and referral offers outside the group or offline.
</div>
<!-- Main Content -->
<main class="container" style="padding-top: 32px;">
<div class="main-grid">
<!-- News Column -->
<div class="news-col">
<h2 class="hide-de">Aktuelle Erfahrungsbereichte</h2>
<h2 class="hide-en">Latest Experience Reports</h2>
<article class="news-item">
<div class="news-date hide-de">02.09.2026</div>
<div class="news-date hide-en">Sep 02, 2026</div>
<h3 class="hide-de">Neue Bankpartner: Banco Atlántida & BISA</h3>
<h3 class="hide-en">New Banking Partners: Banco Atlántida & BISA</h3>
<p class="hide-de">Wir haben zwei neue Banken in unserer Community-Liste hinzugefügt: Banco Atlántida und Banco BISA.</p>
<p class="hide-en">We've added two new banks to our community list: Banco Atlántida and Banco BISA.</p>
<span class="news-tag hide-de">Banking</span><span class="news-tag hide-en">Banking</span>
</article>
<article class="news-item">
<div class="news-date hide-de">28.08.2026</div>
<div class="news-date hide-en">Aug 28, 2026</div>
<h3 class="hide-de">Steuersatz bleibt unverändert 2026</h3>
<h3 class="hide-en">Tax Rate Unchanged for 2026</h3>
<p class="hide-de">Paraguay behält seinen Territorialsteuersatz bei — 10% für lokales Einkommen, 0% für ausländisches Einkommen.</p>
<p class="hide-en">Paraguay maintains its territorial tax rate — 10% for local income, 0% for foreign income.</p>
<span class="news-tag hide-de">Steuern</span><span class="news-tag hide-en">Taxes</span>
</article>
<article class="news-item">
<div class="news-date hide-de">15.08.2026</div>
<div class="news-date hide-en">Aug 15, 2026</div>
<h3 class="hide-de">SRL-Checklist-Guide aktualisiert</h3>
<h3 class="hide-en">SRL Checklist Guide Updated</h3>
<p class="hide-de">Unsere Community-Mitglieder haben eine detaillierte Checklist für die SRL-Gründung erstellt.</p>
<p class="hide-en">Our community members created a detailed SRL formation checklist.</p>
<span class="news-tag hide-de">Gründung</span><span class="news-tag hide-en">Formation</span>
</article>
</div>
<!-- Sidebar: Login -->
<aside class="sidebar-col">
<div class="login-panel">
<h3 class="hide-de">Login / Registrierung</h3>
<h3 class="hide-en">Login / Registration</h3>
<form>
<div class="form-group">
<label for="email" class="hide-de">E-Mail</label>
<label for="email" class="hide-en">Email</label>
<input type="email" id="email" required placeholder="name@example.com" />
</div>
<div class="form-group">
<label for="password" class="hide-de">Passwort</label>
<label for="password" class="hide-en">Password</label>
<input type="password" id="password" required placeholder="••••••••" />
</div>
<button type="submit" class="btn-primary hide-de">Anmelden</button>
<button type="submit" class="btn-primary hide-en">Login</button>
<button type="button" class="btn-outline hide-de">Noch nicht registriert? Registrieren</button>
<button type="button" class="btn-outline hide-en">Not registered yet? Register</button>
</form>
</div>
</aside>
</div>
</main>
<!-- Footer -->
<footer class="footer">
<p>
<span class="hide-de">Sponsored by</span>
<span class="hide-en">Sponsored by</span>
<a href="https://ODOO4projects.com" target="_blank" rel="noopener">ODOO4projects</a>
</p>
</footer>
<script>
document.querySelectorAll('.lang-btn').forEach(btn => {
btn.addEventListener('click', () => {
const lang = btn.dataset.lang;
document.body.dataset.lang = lang;
document.querySelectorAll('.lang-btn').forEach(b => b.classList.remove('active'));
btn.classList.add('active');
});
});
</script>
</body>
</html>