/* Language toggle: hide all content by default, show based on body class */
[data-lang] { display: none !important; }
body.lang-en [data-lang='en'] { display: initial !important; }
body.lang-de [data-lang='de'] { display: initial !important; }

*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'Roboto',sans-serif;color:#333;line-height:1.6;background:#fefefe}
header{background:#fff;padding:15px 20px;position:fixed;top:0;width:100%;display:flex;align-items:center;justify-content:space-between;box-shadow:0 2px 5px rgba(0,0,0,0.1);z-index:100}
.logo{height:50px}
.lang-switch button{margin:0 5px;padding:5px 10px;border:none;background:#ddd;border-radius:3px;cursor:pointer}
.lang-switch button.active{background:#333;color:#fff}
nav ul{list-style:none;display:flex}
nav li{margin-left:20px}
nav a{display:inline-block;text-decoration:none;font-weight:700;color:#333}
main{margin-top:90px;max-width:900px;padding:20px;margin:auto}
section{margin-bottom:60px}
section:nth-child(even){background:#f9f9f9;padding:40px 20px;border-radius:5px}
h1,h2{margin-bottom:20px;color:#222}
table{width:100%;border-collapse:collapse;margin-bottom:20px}
table,th,td{border:1px solid #ddd}
th,td{padding:10px;text-align:left}
th{background:#f5f5f5}
footer{text-align:center;padding:20px;background:#fafafa;margin-top:40px}
@media(max-width:600px){nav ul{flex-direction:column}nav li{margin:10px 0}}