/* Flaggen des Sprachumschalters, eingebettet als SVG */
.at-flag { display: inline-block; width: 20px; height: 14px; margin-right: .6em; vertical-align: -2px; border-radius: 2px; background-size: cover; background-position: center; box-shadow: inset 0 0 0 1px rgba(255,255,255,.12); }
.at-flag-de { background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 5 3'><rect width='5' height='3' fill='%23000'/><rect y='1' width='5' height='2' fill='%23DD0000'/><rect y='2' width='5' height='1' fill='%23FFCE00'/></svg>"); }
.at-flag-en { background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 30'><clipPath id='t'><path d='M30,15h30v15zv15H0zH0V0zV0h30z'/></clipPath><path d='M0,0v30h60V0z' fill='%23012169'/><path d='M0,0L60,30M60,0L0,30' stroke='%23fff' stroke-width='6'/><path d='M0,0L60,30M60,0L0,30' clip-path='url(%23t)' stroke='%23C8102E' stroke-width='4'/><path d='M30,0v30M0,15h60' stroke='%23fff' stroke-width='10'/><path d='M30,0v30M0,15h60' stroke='%23C8102E' stroke-width='6'/></svg>"); }
.at-flag-fr { background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'><rect width='3' height='2' fill='%23ED2939'/><rect width='2' height='2' fill='%23fff'/><rect width='1' height='2' fill='%23002395'/></svg>"); }
.at-flag-it { background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'><rect width='3' height='2' fill='%23CE2B37'/><rect width='2' height='2' fill='%23fff'/><rect width='1' height='2' fill='%23009246'/></svg>"); }
.at-flag-es { background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'><rect width='3' height='2' fill='%23AA151B'/><rect y='0.5' width='3' height='1' fill='%23F1BF00'/></svg>"); }
.at-flag-ru { background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'><rect width='3' height='2' fill='%23fff'/><rect y='0.667' width='3' height='1.333' fill='%230039A6'/><rect y='1.333' width='3' height='0.667' fill='%23D52B1E'/></svg>"); }
.at-flag-tr { background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 800'><rect width='1200' height='800' fill='%23E30A17'/><circle cx='425' cy='400' r='200' fill='%23fff'/><circle cx='475' cy='400' r='160' fill='%23E30A17'/><polygon points='583.3,400 764.6,458.9 652.5,304.7 652.5,495.3 764.6,341.1' fill='%23fff'/></svg>"); }
.at-flag-zh { background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 20'><rect width='30' height='20' fill='%23DE2910'/><g fill='%23FFDE00'><polygon points='5,2 6.18,5.64 10,5.64 6.91,7.88 8.09,11.52 5,9.28 1.91,11.52 3.09,7.88 0,5.64 3.82,5.64'/><circle cx='11' cy='2.5' r='.9'/><circle cx='13' cy='4.5' r='.9'/><circle cx='13' cy='7.5' r='.9'/><circle cx='11' cy='9.5' r='.9'/></g></svg>"); }
.at-flag-ro { background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'><rect width='3' height='2' fill='%23CE1126'/><rect width='2' height='2' fill='%23FCD116'/><rect width='1' height='2' fill='%23002B7F'/></svg>"); }
.at-flag-ar { background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 21'><rect width='30' height='21' rx='3' fill='%23262019'/><text x='15' y='16' font-size='14' text-anchor='middle' fill='%23E8CB7A' font-family='serif'>%D8%B9</text></svg>"); }
.at-flag-hr { background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 21'><rect width='30' height='21' rx='3' fill='%23262019'/><text x='15' y='14.5' font-size='9' font-weight='700' text-anchor='middle' fill='%23E8CB7A' font-family='sans-serif' letter-spacing='.5'>BHS</text></svg>"); }
.at-flag-sq { background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'><rect width='3' height='2' fill='%23E41E20'/><path d='M1.5 .42l.17.27.36-.14-.19.33.33.1-.3.17.2.32-.36-.13-.21.3-.21-.3-.36.13.2-.32-.3-.17.33-.1-.19-.33.36.14z' fill='%23000'/></svg>"); }
.at-flag-ja { background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'><rect width='3' height='2' fill='%23fff'/><circle cx='1.5' cy='1' r='.6' fill='%23BC002D'/></svg>"); }
.at-flag-ko { background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'><rect width='3' height='2' fill='%23fff'/><circle cx='1.5' cy='1' r='.5' fill='%23CD2E3A'/><path d='M1.5 1.5a.5.5 0 0 1 0-1 .25.25 0 0 1 0 .5.25.25 0 0 0 0 .5z' fill='%230047A0'/><circle cx='1.5' cy='1.25' r='.25' fill='%230047A0'/></svg>"); }
.at-flag-no { background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 16'><rect width='22' height='16' fill='%23BA0C2F'/><rect x='6' width='4' height='16' fill='%23fff'/><rect y='6' width='22' height='4' fill='%23fff'/><rect x='7' width='2' height='16' fill='%2300205B'/><rect y='7' width='22' height='2' fill='%2300205B'/></svg>"); }
.at-flag-pl { background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 5'><rect width='8' height='5' fill='%23fff'/><rect y='2.5' width='8' height='2.5' fill='%23DC143C'/></svg>"); }
.at-flag-fi { background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 11'><rect width='18' height='11' fill='%23fff'/><rect x='5' width='3' height='11' fill='%23002F6C'/><rect y='4' width='18' height='3' fill='%23002F6C'/></svg>"); }