1<!DOCTYPE html> 2<html lang="de"> 3<head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 6 <title>Impressum â @primus Internetverein Memmingen-Unterallgäu e.V.</title> 7 <link rel="preconnect" href="https://fonts.googleapis.com"> 8 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 9 <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap" rel="stylesheet"> 10 <link rel="stylesheet" href="style.css"> 11 <style> 12 /* Impressum-spezifische Stile */ 13 .impressum-hero { 14 background: var(--color-bg-dark); 15 padding: 120px 24px 64px; 16 text-align: center; 17 } 18 .impressum-hero h1 { 19 font-size: clamp(2rem, 5vw, 3.5rem); 20 font-weight: 800; 21 color: #fff; 22 letter-spacing: -0.03em; 23 margin-bottom: 12px; 24 } 25 .impressum-hero p { 26 font-size: 1.05rem; 27 color: rgba(255,255,255,0.6); 28 } 29 30 .impressum-section { 31 padding: 80px 0 96px; 32 background: var(--color-bg); 33 } 34 35 .impressum-card { 36 max-width: 760px; 37 margin: 0 auto; 38 background: #fff; 39 border: 1px solid var(--color-border); 40 border-radius: var(--radius-xl); 41 box-shadow: var(--shadow-md); 42 overflow: hidden; 43 } 44 45 .impressum-block { 46 padding: 36px 48px; 47 border-bottom: 1px solid var(--color-border); 48 } 49 .impressum-block:last-child { 50 border-bottom: none; 51 } 52 53 .impressum-block h2 { 54 font-size: 1rem; 55 font-weight: 700; 56 color: var(--color-primary); 57 text-transform: uppercase; 58 letter-spacing: 0.06em; 59 margin-bottom: 16px; 60 display: flex; 61 align-items: center; 62 gap: 8px; 63 } 64 65 .impressum-block h2 svg { 66 flex-shrink: 0; 67 } 68 69 .impressum-block p, 70 .impressum-block address { 71 font-size: 0.975rem; 72 color: var(--color-text-muted); 73 line-height: 1.8; 74 font-style: normal; 75 } 76 77 .impressum-block a { 78 color: var(--color-primary); 79 font-weight: 500; 80 transition: var(--transition); 81 } 82 .impressum-block a:hover { 83 color: var(--color-primary-dark); 84 text-decoration: underline; 85 } 86 87 .impressum-title-block { 88 padding: 40px 48px 32px; 89 background: rgba(26,123,196,0.03); 90 border-bottom: 1px solid var(--color-border); 91 text-align: center; 92 } 93 .impressum-title-block h1 { 94 font-size: 1.6rem; 95 font-weight: 800; 96 color: var(--color-text); 97 margin-bottom: 4px; 98 } 99 .impressum-title-block p { 100 font-size: 0.9rem; 101 color: var(--color-text-muted); 102 } 103 104 .vorstand-list { 105 list-style: none; 106 display: flex; 107 flex-direction: column; 108 gap: 10px; 109 } 110 .vorstand-list li { 111 display: flex; 112 align-items: center; 113 gap: 10px; 114 font-size: 0.975rem; 115 color: var(--color-text-muted); 116 } 117 .vorstand-list li::before { 118 content: ''; 119 display: inline-block; 120 width: 6px; 121 height: 6px; 122 background: var(--color-primary); 123 border-radius: 50%; 124 flex-shrink: 0; 125 } 126 127 .haftung-text { 128 font-size: 0.9rem; 129 color: var(--color-text-muted); 130 line-height: 1.8; 131 padding: 16px 20px; 132 background: var(--color-bg-alt); 133 border-radius: var(--radius-md); 134 border-left: 3px solid var(--color-border); 135 } 136 137 .back-link { 138 display: inline-flex; 139 align-items: center; 140 gap: 8px; 141 color: var(--color-primary); 142 font-weight: 600; 143 font-size: 0.9rem; 144 margin-bottom: 32px; 145 transition: var(--transition); 146 } 147 .back-link:hover { 148 color: var(--color-primary-dark); 149 transform: translateX(-2px); 150 } 151 152 @media (max-width: 600px) { 153 .impressum-block, 154 .impressum-title-block { 155 padding: 28px 24px; 156 } 157 } 158 </style> 159</head> 160<body> 161 162 <!-- NAVIGATION --> 163 <nav class="navbar scrolled" id="navbar"> 164 <div class="nav-container"> 165 <button class="nav-toggle" id="navToggle" aria-label="Menü öffnen">
166 <span></span><span></span><span></span> 167 </button> 168 <ul class="nav-menu" id="navMenu"> 169 <li><a href="index.html" class="nav-link">Startseite</a></li> 170 <li><a href="index.html#services" class="nav-link">Dienste</a></li> 171 <li><a href="index.html#about" class="nav-link">Ãber uns</a></li> 172 <li><a href="index.html#faq" class="nav-link">FAQ</a></li> 173 <li><a href="index.html#anleitungen" class="nav-link">Anleitungen</a></li> 174 <li><a href="https://www.primusnetz.de/nextcloud/" class="nav-link" target="_blank">eMail/Cloud</a></li> 175 <li><a href="index.html#contact-form" class="nav-link">Kontakt</a></li> 176 <li><a href="https://www.primusnetz.de/portal" class="nav-btn" target="_blank">Mitglieder-Portal</a></li> 177 </ul> 178 </div> 179 </nav> 180 181 <!-- HERO --> 182 <div class="impressum-hero"> 183 <div class="section-badge" style="margin-bottom:20px;">Rechtliches</div> 184 <h1>Impressum</h1> 185 <p>Angaben gemäà § 5 TMG</p> 186 </div> 187 188 <!-- IMPRESSUM INHALT --> 189 <section class="impressum-section"> 190 <div class="section-container"> 191 192 <a href="index.html" class="back-link"> 193 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><line x1="19" y1="12" x2="5" y2="12"/><polyline points="12 19 5 12 12 5"/></svg> 194 Zurück zur Startseite 195 </a> 196 197 <div class="impressum-card"> 198 199 <!-- Vereinsname --> 200 <div class="impressum-title-block"> 201 <h1>Internetverein @primus e. V.</h1> 202 <p>eingetragener Verein, Memmingen-Unterallgäu</p> 203 </div> 204 205 <!-- Kontakt / Anschrift --> 206 <div class="impressum-block"> 207 <h2> 208 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"/><circle cx="12" cy="10" r="3"/></svg> 209 Kontakt & Anschrift 210 </h2> 211 <address> 212 Postfach 1207<br> 213 87766 Memmingerberg<br><br> 214 E-Mail: <a href="index.html#contact-form">Kontaktformular</a><br> 215 WWW: <a href="https://www.primusnetz.de" target="_blank">www.primusnetz.de</a> 216 </address> 217 </div> 218 219 <!-- Vorstand --> 220 <div class="impressum-block"> 221 <h2> 222 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/><path d="M23 21v-2a4 4 0 0 0-3-3.87"/><path d="M16 3.13a4 4 0 0 1 0 7.75"/></svg> 223 Vorstand 224 </h2> 225 <ul class="vorstand-list"> 226 <li>1. Vorstand: <strong>Markus Geisler</strong></li> 227 <li>Stellvertretender Vorstand: <strong>Andreas Bänecke</strong></li> 228 <li>Kassier: <strong>Christoph Schwegele</strong></li> 229 </ul> 230 </div> 231 232 <!-- Vereinsregister --> 233 <div class="impressum-block"> 234 <h2> 235 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/><polyline points="14 2 14 8 20 8"/><line x1="16" y1="13" x2="8" y2="13"/><line x1="16" y1="17" x2="8" y2="17"/></svg> 236 Vereinsregister 237 </h2> 238 <p> 239 Vereinsregister Nr. <strong>VR1252</strong><br> 240 Zuständiges Registergericht: <strong>Amtsgericht Memmingen</strong> 241 </p> 242 </div> 243 244 <!-- Inhaltlich Verantwortlicher --> 245 <div class="impressum-block"> 246 <h2> 247 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewB
247ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"/><circle cx="12" cy="7" r="4"/></svg> 248 Inhaltlich Verantwortlicher 249 </h2> 250 <p> 251 Inhaltlich Verantwortlicher gemäà § 10 Absatz 3 MDstV:<br> 252 <strong>Webmaster Primusnetz</strong> 253 </p> 254 </div> 255 256 <!-- Datenschutz --> 257 <div class="impressum-block"> 258 <h2> 259 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/></svg> 260 Datenschutz 261 </h2> 262 <p> 263 Unsere Datenschutzerklärung finden Sie unter:<br> 264 <a href="https://www.primusnetz.de/datenschutz.php" target="_blank">www.primusnetz.de/datenschutz.php</a> 265 </p> 266 </div> 267 268 <!-- Haftungshinweis --> 269 <div class="impressum-block"> 270 <h2> 271 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><line x1="12" y1="8" x2="12" y2="12"/><line x1="12" y1="16" x2="12.01" y2="16"/></svg> 272 Haftungshinweis 273 </h2> 274 <p class="haftung-text"> 275 Trotz sorgfältiger inhaltlicher Kontrolle übernehmen wir keine Haftung für die Inhalte 276 externer Links. Für den Inhalt der verlinkten Seiten sind ausschlieÃlich deren Betreiber 277 verantwortlich. 278 </p> 279 </div> 280 281 </div><!-- end .impressum-card --> 282 </div> 283 </section> 284 285 <!-- FOOTER --> 286 <footer class="footer"> 287 <div class="footer-container"> 288 <div class="footer-grid"> 289 <div class="footer-brand"> 290 <p class="footer-desc"> 291 Internetverein Memmingen-Unterallgäu e.V. â 292 werbefreie Internet-Dienste für unsere Mitglieder. 293 </p> 294 <div class="footer-badge"> 295 <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/></svg> 296 DSGVO-konform · Keine Werbung 297 </div> 298 </div> 299 <div class="footer-links"> 300 <h4>Information</h4> 301 <ul> 302 <li><a href="index.html#about">Ãber uns</a></li> 303 <li><a href="impressum.html">Impressum</a></li> 304 <li><a href="https://www.primusnetz.de/datenschutz.php" target="_blank">Datenschutzerklärung</a></li> 305 <li><a href="index.html#contact">Kontakt</a></li> 306 </ul> 307 </div> 308 <div class="footer-links"> 309 <h4>Downloads</h4> 310 <ul> 311 <li><a href="docs/Mitgliedsantrag-2016-12.pdf" target="_blank">Mitgliedsantrag (PDF)</a></li> 312 <li><a href="docs/Satzung01-04.pdf" target="_blank">Satzung (PDF)</a></li> 313 <li><a href="docs/Nutzungsordnung01-04.pdf" target="_blank">Nutzungsordnung (PDF)</a></li> 314 <li><a href="index.html#faq">FAQ & Anleitungen</a></li> 315 </ul> 316 </div> 317 </div> 318 </div> 319 </footer> 320 321
321<script> 322 // Simple navbar toggle for impressum page 323 const navToggle = document.getElementById('navToggle'); 324 const navMenu = document.getElementById('navMenu'); 325 navToggle.addEventListener('click', () => { 326 const open = navMenu.classList.toggle('open'); 327 navToggle.setAttribute('aria-expanded', open); 328 const spans = navToggle.querySelectorAll('span'); 329 if (open) { 330 spans[0].style.transform = 'translateY(7px) rotate(45deg)'; 331 spans[1].style.opacity = '0'; 332 spans[2].style.transform = 'translateY(-7px) rotate(-45deg)'; 333 } else { 334 spans.forEach(s => { s.style.transform = ''; s.style.opacity = ''; }); 335 } 336 }); 337 </script>
337 338</body> 339</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.