📚 Intoleranzen verstehen
Hier findest du verständliche Erklärungen zu den häufigsten Lebensmittelintoleranzen – was dahintersteckt, welche Symptome auftreten und wie du trotzdem genießen kannst.
Lexikon
.tommy-nav { background-color: #2e7d32 !important; display: flex !important; flex-wrap: wrap; justify-content: space-between; align-items: center; padding: 10px 5%; gap: 10px 5%; font-family: sans-serif; }
.tommy-logo img { border-radius: 50%; width: 70px; height: 70px; border: 2px solid white; object-fit: cover; }
.tommy-nav-menu { display: flex !important; flex-wrap: wrap; list-style: none !important; gap: 20px; margin: 0; padding: 0; }
.tommy-nav-menu a { color: white !important; text-decoration: none !important; font-weight: bold; }
.tommy-dropdown { position: relative; }
.tommy-dropdown-content { display: none; position: absolute; background-color: #f9f9f9; min-width: 220px; box-shadow: 0px 8px 16px rgba(0,0,0,0.2); z-index: 100; border-radius: 4px; top: 100%; right: 0; }
.tommy-dropdown:hover .tommy-dropdown-content { display: block; }
.tommy-dropdown-content a { color: #333 !important; padding: 12px 16px; display: block; text-decoration: none; }
.tommy-dropdown-content a:hover { background-color: #e8f5e9; color: #2e7d32 !important; }
/* Lexikon */
.lexikon-hero {
text-align: center;
padding: 60px 20px 40px;
background: linear-gradient(135deg, #e8f5e9, #ffffff);
border-bottom: 2px solid #c8e6c9;
}
.lexikon-hero h1 { font-size: 2.4em; color: #2e7d32; margin-bottom: 10px; }
.lexikon-hero p { font-size: 1.1em; color: #555; max-width: 650px; margin: 0 auto; line-height: 1.7; }
.lexikon-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
gap: 20px;
max-width: 960px;
margin: 50px auto;
padding: 0 20px;
}
.lexikon-btn {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 30px 20px;
border-radius: 14px;
font-size: 1.1em;
font-weight: bold;
text-decoration: none;
text-align: center;
transition: 0.2s;
box-shadow: 0 4px 10px rgba(0,0,0,0.08);
gap: 10px;
}
.lexikon-btn:hover { transform: translateY(-4px); box-shadow: 0 8px 18px rgba(0,0,0,0.13); }
.lexikon-btn .lexikon-icon { font-size: 2.2em; }
.btn-laktose { background: #e3f2fd; color: #1565c0 !important; border: 2px solid #90caf9; }
.btn-gluten { background: #fff8e1; color: #e65100 !important; border: 2px solid #ffcc02; }
.btn-fructose{ background: #fce4ec; color: #880e4f !important; border: 2px solid #f48fb1; }
.btn-histamin{ background: #f3e5f5; color: #6a1b9a !important; border: 2px solid #ce93d8; }