/*
 * Laendeflaggen fuer die Telefon-Vorwahl an der Kasse.
 *
 * Ein CSS-Sprite, kein JavaScript und keine neue Composer- oder
 * npm-Abhaengigkeit: Regel 9 aus CLAUDE.md laesst keine zu, und WHMCS'
 * eigene Loesung (die Bibliothek intl-tel-input) faellt damit aus.
 *
 * Bild und Positionen stammen aus genau dieser Bibliothek, wie sie JABAs
 * eigenes WHMCS bereits ausliefert
 * (kundenlogin/templates/twenty-one/img/flags.png). Uebernommen wurde nur
 * das Bild-Asset samt Koordinatentabelle — derselbe Weg, den TinyMCE im
 * Projekt schon geht: selbst gehostet, kein CDN (siehe README, "Externe
 * Bibliotheken"). intl-tel-input steht unter MIT.
 *
 * Diese Datei ist erzeugt, nicht von Hand gepflegt: die Koordinaten kommen
 * aus dem Sprite und aendern sich nur, wenn das Bild ausgetauscht wird.
 */

.flagge {
    display: inline-block;
    width: 20px;
    height: 15px;
    flex: 0 0 auto;
    background-image: url("flaggen/flags.png");
    background-repeat: no-repeat;
    background-color: rgb(255 255 255 / 40%);
    box-shadow: 0 0 0 1px rgb(0 0 0 / 15%);
}

/* Das doppelt aufgeloeste Sprite fuer Bildschirme, die es zeigen koennen.
   Die Positionen bleiben dieselben, nur die Bildgroesse wird halbiert. */
@media (min-resolution: 2dppx) {
    .flagge {
        background-image: url("flaggen/flags@2x.png");
        background-size: 5630px 15px;
    }
}

/* Ohne bekannten Code bleibt ein leerer, aber gleich grosser Platz: eine
   fehlende Flagge darf das Feld nicht springen lassen. */
.flagge-unbekannt {
    background-image: none;
}

.flagge-ac {
    height: 10px;
    background-position: 0px 0px;
}

.flagge-ad {
    height: 14px;
    background-position: -22px 0px;
}

.flagge-ae {
    height: 10px;
    background-position: -44px 0px;
}

.flagge-af {
    height: 14px;
    background-position: -66px 0px;
}

.flagge-ag {
    height: 14px;
    background-position: -88px 0px;
}

.flagge-ai {
    height: 10px;
    background-position: -110px 0px;
}

.flagge-al {
    height: 15px;
    background-position: -132px 0px;
}

.flagge-am {
    height: 10px;
    background-position: -154px 0px;
}

.flagge-ao {
    height: 14px;
    background-position: -176px 0px;
}

.flagge-aq {
    height: 14px;
    background-position: -198px 0px;
}

.flagge-ar {
    height: 13px;
    background-position: -220px 0px;
}

.flagge-as {
    height: 10px;
    background-position: -242px 0px;
}

.flagge-at {
    height: 14px;
    background-position: -264px 0px;
}

.flagge-au {
    height: 10px;
    background-position: -286px 0px;
}

.flagge-aw {
    height: 14px;
    background-position: -308px 0px;
}

.flagge-ax {
    height: 13px;
    background-position: -330px 0px;
}

.flagge-az {
    height: 10px;
    background-position: -352px 0px;
}

.flagge-ba {
    height: 10px;
    background-position: -374px 0px;
}

.flagge-bb {
    height: 14px;
    background-position: -396px 0px;
}

.flagge-bd {
    height: 12px;
    background-position: -418px 0px;
}

.flagge-be {
    height: 15px;
    background-position: -440px 0px;
}

.flagge-bf {
    height: 14px;
    background-position: -460px 0px;
}

.flagge-bg {
    height: 12px;
    background-position: -482px 0px;
}

.flagge-bh {
    height: 12px;
    background-position: -504px 0px;
}

.flagge-bi {
    height: 12px;
    background-position: -526px 0px;
}

.flagge-bj {
    height: 14px;
    background-position: -548px 0px;
}

.flagge-bl {
    height: 14px;
    background-position: -570px 0px;
}

.flagge-bm {
    height: 10px;
    background-position: -592px 0px;
}

.flagge-bn {
    height: 10px;
    background-position: -614px 0px;
}

.flagge-bo {
    height: 14px;
    background-position: -636px 0px;
}

.flagge-bq {
    height: 14px;
    background-position: -658px 0px;
}

.flagge-br {
    height: 14px;
    background-position: -680px 0px;
}

.flagge-bs {
    height: 10px;
    background-position: -702px 0px;
}

.flagge-bt {
    height: 14px;
    background-position: -724px 0px;
}

.flagge-bv {
    height: 15px;
    background-position: -746px 0px;
}

.flagge-bw {
    height: 14px;
    background-position: -768px 0px;
}

.flagge-by {
    height: 10px;
    background-position: -790px 0px;
}

.flagge-bz {
    height: 14px;
    background-position: -812px 0px;
}

.flagge-ca {
    height: 10px;
    background-position: -834px 0px;
}

.flagge-cc {
    height: 10px;
    background-position: -856px 0px;
}

.flagge-cd {
    height: 15px;
    background-position: -878px 0px;
}

.flagge-cf {
    height: 14px;
    background-position: -900px 0px;
}

.flagge-cg {
    height: 14px;
    background-position: -922px 0px;
}

.flagge-ch {
    height: 15px;
    background-position: -944px 0px;
}

.flagge-ci {
    height: 14px;
    background-position: -961px 0px;
}

.flagge-ck {
    height: 10px;
    background-position: -983px 0px;
}

.flagge-cl {
    height: 14px;
    background-position: -1005px 0px;
}

.flagge-cm {
    height: 14px;
    background-position: -1027px 0px;
}

.flagge-cn {
    height: 14px;
    background-position: -1049px 0px;
}

.flagge-co {
    height: 14px;
    background-position: -1071px 0px;
}

.flagge-cp {
    height: 14px;
    background-position: -1093px 0px;
}

.flagge-cr {
    height: 12px;
    background-position: -1115px 0px;
}

.flagge-cu {
    height: 10px;
    background-position: -1137px 0px;
}

.flagge-cv {
    height: 12px;
    background-position: -1159px 0px;
}

.flagge-cw {
    height: 14px;
    background-position: -1181px 0px;
}

.flagge-cx {
    height: 10px;
    background-position: -1203px 0px;
}

.flagge-cy {
    height: 13px;
    background-position: -1225px 0px;
}

.flagge-cz {
    height: 14px;
    background-position: -1247px 0px;
}

.flagge-de {
    height: 12px;
    background-position: -1269px 0px;
}

.flagge-dg {
    height: 10px;
    background-position: -1291px 0px;
}

.flagge-dj {
    height: 14px;
    background-position: -1313px 0px;
}

.flagge-dk {
    height: 15px;
    background-position: -1335px 0px;
}

.flagge-dm {
    height: 10px;
    background-position: -1357px 0px;
}

.flagge-do {
    height: 13px;
    background-position: -1379px 0px;
}

.flagge-dz {
    height: 14px;
    background-position: -1401px 0px;
}

.flagge-ea {
    height: 14px;
    background-position: -1423px 0px;
}

.flagge-ec {
    height: 14px;
    background-position: -1445px 0px;
}

.flagge-ee {
    height: 13px;
    background-position: -1467px 0px;
}

.flagge-eg {
    height: 14px;
    background-position: -1489px 0px;
}

.flagge-eh {
    height: 10px;
    background-position: -1511px 0px;
}

.flagge-er {
    height: 10px;
    background-position: -1533px 0px;
}

.flagge-es {
    height: 14px;
    background-position: -1555px 0px;
}

.flagge-et {
    height: 10px;
    background-position: -1577px 0px;
}

.flagge-eu {
    height: 14px;
    background-position: -1599px 0px;
}

.flagge-fi {
    height: 12px;
    background-position: -1621px 0px;
}

.flagge-fj {
    height: 10px;
    background-position: -1643px 0px;
}

.flagge-fk {
    height: 10px;
    background-position: -1665px 0px;
}

.flagge-fm {
    height: 11px;
    background-position: -1687px 0px;
}

.flagge-fo {
    height: 15px;
    background-position: -1709px 0px;
}

.flagge-fr {
    height: 14px;
    background-position: -1731px 0px;
}

.flagge-ga {
    height: 15px;
    background-position: -1753px 0px;
}

.flagge-gb {
    height: 10px;
    background-position: -1775px 0px;
}

.flagge-gd {
    height: 12px;
    background-position: -1797px 0px;
}

.flagge-ge {
    height: 14px;
    background-position: -1819px 0px;
}

.flagge-gf {
    height: 14px;
    background-position: -1841px 0px;
}

.flagge-gg {
    height: 14px;
    background-position: -1863px 0px;
}

.flagge-gh {
    height: 14px;
    background-position: -1885px 0px;
}

.flagge-gi {
    height: 10px;
    background-position: -1907px 0px;
}

.flagge-gl {
    height: 14px;
    background-position: -1929px 0px;
}

.flagge-gm {
    height: 14px;
    background-position: -1951px 0px;
}

.flagge-gn {
    height: 14px;
    background-position: -1973px 0px;
}

.flagge-gp {
    height: 14px;
    background-position: -1995px 0px;
}

.flagge-gq {
    height: 14px;
    background-position: -2017px 0px;
}

.flagge-gr {
    height: 14px;
    background-position: -2039px 0px;
}

.flagge-gs {
    height: 10px;
    background-position: -2061px 0px;
}

.flagge-gt {
    height: 13px;
    background-position: -2083px 0px;
}

.flagge-gu {
    height: 11px;
    background-position: -2105px 0px;
}

.flagge-gw {
    height: 10px;
    background-position: -2127px 0px;
}

.flagge-gy {
    height: 12px;
    background-position: -2149px 0px;
}

.flagge-hk {
    height: 14px;
    background-position: -2171px 0px;
}

.flagge-hm {
    height: 10px;
    background-position: -2193px 0px;
}

.flagge-hn {
    height: 10px;
    background-position: -2215px 0px;
}

.flagge-hr {
    height: 10px;
    background-position: -2237px 0px;
}

.flagge-ht {
    height: 12px;
    background-position: -2259px 0px;
}

.flagge-hu {
    height: 10px;
    background-position: -2281px 0px;
}

.flagge-ic {
    height: 14px;
    background-position: -2303px 0px;
}

.flagge-id {
    height: 14px;
    background-position: -2325px 0px;
}

.flagge-ie {
    height: 10px;
    background-position: -2347px 0px;
}

.flagge-il {
    height: 15px;
    background-position: -2369px 0px;
}

.flagge-im {
    height: 10px;
    background-position: -2391px 0px;
}

.flagge-in {
    height: 14px;
    background-position: -2413px 0px;
}

.flagge-io {
    height: 10px;
    background-position: -2435px 0px;
}

.flagge-iq {
    height: 14px;
    background-position: -2457px 0px;
}

.flagge-ir {
    height: 12px;
    background-position: -2479px 0px;
}

.flagge-is {
    height: 15px;
    background-position: -2501px 0px;
}

.flagge-it {
    height: 14px;
    background-position: -2523px 0px;
}

.flagge-je {
    height: 12px;
    background-position: -2545px 0px;
}

.flagge-jm {
    height: 10px;
    background-position: -2567px 0px;
}

.flagge-jo {
    height: 10px;
    background-position: -2589px 0px;
}

.flagge-jp {
    height: 14px;
    background-position: -2611px 0px;
}

.flagge-ke {
    height: 14px;
    background-position: -2633px 0px;
}

.flagge-kg {
    height: 12px;
    background-position: -2655px 0px;
}

.flagge-kh {
    height: 13px;
    background-position: -2677px 0px;
}

.flagge-ki {
    height: 10px;
    background-position: -2699px 0px;
}

.flagge-km {
    height: 12px;
    background-position: -2721px 0px;
}

.flagge-kn {
    height: 14px;
    background-position: -2743px 0px;
}

.flagge-kp {
    height: 10px;
    background-position: -2765px 0px;
}

.flagge-kr {
    height: 14px;
    background-position: -2787px 0px;
}

.flagge-kw {
    height: 10px;
    background-position: -2809px 0px;
}

.flagge-ky {
    height: 10px;
    background-position: -2831px 0px;
}

.flagge-kz {
    height: 10px;
    background-position: -2853px 0px;
}

.flagge-la {
    height: 14px;
    background-position: -2875px 0px;
}

.flagge-lb {
    height: 14px;
    background-position: -2897px 0px;
}

.flagge-lc {
    height: 10px;
    background-position: -2919px 0px;
}

.flagge-li {
    height: 12px;
    background-position: -2941px 0px;
}

.flagge-lk {
    height: 10px;
    background-position: -2963px 0px;
}

.flagge-lr {
    height: 11px;
    background-position: -2985px 0px;
}

.flagge-ls {
    height: 14px;
    background-position: -3007px 0px;
}

.flagge-lt {
    height: 12px;
    background-position: -3029px 0px;
}

.flagge-lu {
    height: 12px;
    background-position: -3051px 0px;
}

.flagge-lv {
    height: 10px;
    background-position: -3073px 0px;
}

.flagge-ly {
    height: 10px;
    background-position: -3095px 0px;
}

.flagge-ma {
    height: 14px;
    background-position: -3117px 0px;
}

.flagge-mc {
    height: 15px;
    background-position: -3139px 0px;
}

.flagge-md {
    height: 10px;
    background-position: -3160px 0px;
}

.flagge-me {
    height: 10px;
    background-position: -3182px 0px;
}

.flagge-mf {
    height: 14px;
    background-position: -3204px 0px;
}

.flagge-mg {
    height: 14px;
    background-position: -3226px 0px;
}

.flagge-mh {
    height: 11px;
    background-position: -3248px 0px;
}

.flagge-mk {
    height: 10px;
    background-position: -3270px 0px;
}

.flagge-ml {
    height: 14px;
    background-position: -3292px 0px;
}

.flagge-mm {
    height: 14px;
    background-position: -3314px 0px;
}

.flagge-mn {
    height: 10px;
    background-position: -3336px 0px;
}

.flagge-mo {
    height: 14px;
    background-position: -3358px 0px;
}

.flagge-mp {
    height: 10px;
    background-position: -3380px 0px;
}

.flagge-mq {
    height: 14px;
    background-position: -3402px 0px;
}

.flagge-mr {
    height: 14px;
    background-position: -3424px 0px;
}

.flagge-ms {
    height: 10px;
    background-position: -3446px 0px;
}

.flagge-mt {
    height: 14px;
    background-position: -3468px 0px;
}

.flagge-mu {
    height: 14px;
    background-position: -3490px 0px;
}

.flagge-mv {
    height: 14px;
    background-position: -3512px 0px;
}

.flagge-mw {
    height: 14px;
    background-position: -3534px 0px;
}

.flagge-mx {
    height: 12px;
    background-position: -3556px 0px;
}

.flagge-my {
    height: 10px;
    background-position: -3578px 0px;
}

.flagge-mz {
    height: 14px;
    background-position: -3600px 0px;
}

.flagge-na {
    height: 14px;
    background-position: -3622px 0px;
}

.flagge-nc {
    height: 10px;
    background-position: -3644px 0px;
}

.flagge-ne {
    height: 15px;
    background-position: -3666px 0px;
}

.flagge-nf {
    height: 10px;
    background-position: -3686px 0px;
}

.flagge-ng {
    height: 10px;
    background-position: -3708px 0px;
}

.flagge-ni {
    height: 12px;
    background-position: -3730px 0px;
}

.flagge-nl {
    height: 14px;
    background-position: -3752px 0px;
}

.flagge-no {
    height: 15px;
    background-position: -3774px 0px;
}

.flagge-np {
    height: 15px;
    background-position: -3796px 0px;
}

.flagge-nr {
    height: 10px;
    background-position: -3811px 0px;
}

.flagge-nu {
    height: 10px;
    background-position: -3833px 0px;
}

.flagge-nz {
    height: 10px;
    background-position: -3855px 0px;
}

.flagge-om {
    height: 10px;
    background-position: -3877px 0px;
}

.flagge-pa {
    height: 14px;
    background-position: -3899px 0px;
}

.flagge-pe {
    height: 14px;
    background-position: -3921px 0px;
}

.flagge-pf {
    height: 14px;
    background-position: -3943px 0px;
}

.flagge-pg {
    height: 15px;
    background-position: -3965px 0px;
}

.flagge-ph {
    height: 10px;
    background-position: -3987px 0px;
}

.flagge-pk {
    height: 14px;
    background-position: -4009px 0px;
}

.flagge-pl {
    height: 13px;
    background-position: -4031px 0px;
}

.flagge-pm {
    height: 14px;
    background-position: -4053px 0px;
}

.flagge-pn {
    height: 10px;
    background-position: -4075px 0px;
}

.flagge-pr {
    height: 14px;
    background-position: -4097px 0px;
}

.flagge-ps {
    height: 10px;
    background-position: -4119px 0px;
}

.flagge-pt {
    height: 14px;
    background-position: -4141px 0px;
}

.flagge-pw {
    height: 13px;
    background-position: -4163px 0px;
}

.flagge-py {
    height: 11px;
    background-position: -4185px 0px;
}

.flagge-qa {
    height: 8px;
    background-position: -4207px 0px;
}

.flagge-re {
    height: 14px;
    background-position: -4229px 0px;
}

.flagge-ro {
    height: 14px;
    background-position: -4251px 0px;
}

.flagge-rs {
    height: 14px;
    background-position: -4273px 0px;
}

.flagge-ru {
    height: 14px;
    background-position: -4295px 0px;
}

.flagge-rw {
    height: 14px;
    background-position: -4317px 0px;
}

.flagge-sa {
    height: 14px;
    background-position: -4339px 0px;
}

.flagge-sb {
    height: 10px;
    background-position: -4361px 0px;
}

.flagge-sc {
    height: 10px;
    background-position: -4383px 0px;
}

.flagge-sd {
    height: 10px;
    background-position: -4405px 0px;
}

.flagge-se {
    height: 13px;
    background-position: -4427px 0px;
}

.flagge-sg {
    height: 14px;
    background-position: -4449px 0px;
}

.flagge-sh {
    height: 10px;
    background-position: -4471px 0px;
}

.flagge-si {
    height: 10px;
    background-position: -4493px 0px;
}

.flagge-sj {
    height: 15px;
    background-position: -4515px 0px;
}

.flagge-sk {
    height: 14px;
    background-position: -4537px 0px;
}

.flagge-sl {
    height: 14px;
    background-position: -4559px 0px;
}

.flagge-sm {
    height: 15px;
    background-position: -4581px 0px;
}

.flagge-sn {
    height: 14px;
    background-position: -4603px 0px;
}

.flagge-so {
    height: 14px;
    background-position: -4625px 0px;
}

.flagge-sr {
    height: 14px;
    background-position: -4647px 0px;
}

.flagge-ss {
    height: 10px;
    background-position: -4669px 0px;
}

.flagge-st {
    height: 10px;
    background-position: -4691px 0px;
}

.flagge-sv {
    height: 12px;
    background-position: -4713px 0px;
}

.flagge-sx {
    height: 14px;
    background-position: -4735px 0px;
}

.flagge-sy {
    height: 14px;
    background-position: -4757px 0px;
}

.flagge-sz {
    height: 14px;
    background-position: -4779px 0px;
}

.flagge-ta {
    height: 10px;
    background-position: -4801px 0px;
}

.flagge-tc {
    height: 10px;
    background-position: -4823px 0px;
}

.flagge-td {
    height: 14px;
    background-position: -4845px 0px;
}

.flagge-tf {
    height: 14px;
    background-position: -4867px 0px;
}

.flagge-tg {
    height: 13px;
    background-position: -4889px 0px;
}

.flagge-th {
    height: 14px;
    background-position: -4911px 0px;
}

.flagge-tj {
    height: 10px;
    background-position: -4933px 0px;
}

.flagge-tk {
    height: 10px;
    background-position: -4955px 0px;
}

.flagge-tl {
    height: 10px;
    background-position: -4977px 0px;
}

.flagge-tm {
    height: 14px;
    background-position: -4999px 0px;
}

.flagge-tn {
    height: 14px;
    background-position: -5021px 0px;
}

.flagge-to {
    height: 10px;
    background-position: -5043px 0px;
}

.flagge-tr {
    height: 14px;
    background-position: -5065px 0px;
}

.flagge-tt {
    height: 12px;
    background-position: -5087px 0px;
}

.flagge-tv {
    height: 10px;
    background-position: -5109px 0px;
}

.flagge-tw {
    height: 14px;
    background-position: -5131px 0px;
}

.flagge-tz {
    height: 14px;
    background-position: -5153px 0px;
}

.flagge-ua {
    height: 14px;
    background-position: -5175px 0px;
}

.flagge-ug {
    height: 14px;
    background-position: -5197px 0px;
}

.flagge-um {
    height: 11px;
    background-position: -5219px 0px;
}

.flagge-us {
    height: 11px;
    background-position: -5241px 0px;
}

.flagge-uy {
    height: 14px;
    background-position: -5263px 0px;
}

.flagge-uz {
    height: 10px;
    background-position: -5285px 0px;
}

.flagge-va {
    height: 15px;
    background-position: -5307px 0px;
}

.flagge-vc {
    height: 14px;
    background-position: -5324px 0px;
}

.flagge-ve {
    height: 14px;
    background-position: -5346px 0px;
}

.flagge-vg {
    height: 10px;
    background-position: -5368px 0px;
}

.flagge-vi {
    height: 14px;
    background-position: -5390px 0px;
}

.flagge-vn {
    height: 14px;
    background-position: -5412px 0px;
}

.flagge-vu {
    height: 12px;
    background-position: -5434px 0px;
}

.flagge-wf {
    height: 14px;
    background-position: -5456px 0px;
}

.flagge-ws {
    height: 10px;
    background-position: -5478px 0px;
}

.flagge-xk {
    height: 15px;
    background-position: -5500px 0px;
}

.flagge-ye {
    height: 14px;
    background-position: -5522px 0px;
}

.flagge-yt {
    height: 14px;
    background-position: -5544px 0px;
}

.flagge-za {
    height: 14px;
    background-position: -5566px 0px;
}

.flagge-zm {
    height: 14px;
    background-position: -5588px 0px;
}

.flagge-zw {
    height: 10px;
    background-position: -5610px 0px;
}