body{font-family:Arial, Helvetica, sans-serif;line-height:1.6;margin:0;padding:0;background-color:#f8f8f8;color:#333;font-size:1rem}.skip-link{position:absolute;top:-40px;left:0;padding:8px;z-index:100;text-decoration:none;transition:top 0.3s}.skip-link:focus{top:0}header{background-color:#333;color:white;padding:1rem 2rem;display:flex;flex-direction:column;align-items:center;gap:1rem}.logo{background-image:url("images/favicon.svg");background-position:left center;background-repeat:no-repeat;font-size:2.5rem;font-weight:bold;background-size:5rem}.logo .text-color{padding-left:1.0em;color:white}@media (max-width: 768px){.logo{background-image:url("images/favicon.svg");background-position:top left}.logo .text-color{visibility:hidden}.logo::after{position:absolute;top:2em;right:5px;padding:5px;color:white;content:"Queertreff Stralsund"}}nav ul{list-style:none;padding:2em 1em 1em;margin:1em;display:flex;flex-direction:column;align-items:center;gap:1rem;margin-block:1.5em}nav a{color:white;text-decoration:none;padding:0.5rem 1rem;border-radius:5px;transition:background-color 0.3s ease}nav a:focus,nav a:hover{background-color:#555;outline:2px solid white;outline-offset:2px}#lang-switcher{background:none;border:1px solid white;color:white;padding:0.5rem 1rem;cursor:pointer;border-radius:5px;transition:background-color 0.5s ease}#lang-switcher:focus,#lang-switcher:hover{background-color:#555;outline:2px solid white;outline-offset:2px}.lang-options{list-style:none;padding:0;margin:0;position:absolute;background-color:#444;border-radius:5px;box-shadow:0 2px 5px rgba(0,0,0,0.2);z-index:99;display:none;flex-direction:column;min-width:100px}#lang-switcher[aria-expanded="true"] + .lang-options{display:flex}.lang-options li{width:100%}.lang-options a{display:block;padding:0.5rem 1rem;text-decoration:none;color:white}.lang-options a:focus{position:relative;background-color:#666}nav ul li{position:relative}#lang-switcher:focus + .lang-options,.lang-options:focus-within{display:flex}.lang-options li{width:100%}.lang-options a{display:block;padding:0.5rem 1rem;text-decoration:none;color:white}.lang-options a:focus{display:flex;background-color:#666}main{max-width:900px;margin:2rem auto;padding:0 1rem}.content-section{background-color:white;padding:2rem;margin-bottom:2rem;border-radius:8px;box-shadow:0 2px 5px rgba(0,0,0,0.1)}h1,h2{color:#333;margin-top:0;margin-bottom:1rem}:where(h1){margin-block:0.67em;font-size:2em}form{display:flex;flex-direction:column;gap:1rem}.form-group{margin-bottom:1rem}label{display:block;margin-bottom:0.5rem;font-weight:bold;color:#555}input[type="text"],input[type="email"],textarea{width:100%;padding:0.8rem;border:1px solid #ccc;border-radius:5px;box-sizing:border-box;font-size:1rem;transition:border-color 0.3s ease, box-shadow 0.3s ease}input[type="text"]:focus,input[type="email"]:focus,textarea:focus{border-color:#007bff;box-shadow:0 0 0 3px rgba(0, 123, 255, 0.25);outline:none}textarea{min-height:120px;resize:vertical}button[type="submit"]{background-color:#760089;color:white;padding:1rem 1.5rem;border:none;border-radius:5px;cursor:pointer;font-size:1.1rem;font-weight:bold;transition:background-color 0.3s ease, box-shadow 0.3s ease}button[type="submit"]:hover,button[type="submit"]:focus{background-color:#0044ff;box-shadow:0 0 0 3px rgba(0, 123, 255, 0.5);outline:none}.form-message{padding:1rem;border-radius:5px;margin-bottom:1rem;font-weight:bold}.form-message.success{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.form-message.error{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.form-errors{list-style:none;padding:0;margin-top:-0.5rem;margin-bottom:1rem}.form-errors li{color:#721c24;margin-bottom:0.3rem;font-size:0.9rem}.error-message{color:#721c24;font-size:0.85rem;margin-top:0.25rem;display:block;min-height:1.2rem}footer{background-color:#333;color:white;text-align:center;padding:1.5rem 1rem;margin-top:2rem;font-size:0.9rem}.socials a,.socials a:active,.socials a:hover,.socials a:visited{font-size:2.5rem;color:white}.imprint h3{color:white;margin-top:0;margin-bottom:0.5rem;font-size:1.1rem}.imprint p{margin:0.2rem 0}.imprint a{color:white;text-decoration:underline}.imprint a:focus,.imprint a:hover{color:#F5A9BQ}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}@media (min-width: 768px){header{flex-direction:row;justify-content:space-between}nav ul{flex-direction:row}.lang-options{position:absolute;top:calc(100% + 5px);right:0}}a,body,button,h1,h2,h3,input,label,p,textarea{}