.remove_button {
    background-color: var(--color-danger) !important;
    border: 1px solid var(--color-danger) !important;
}

.remove_button:hover {
    
    background-color: var(--color-danger-dark) !important;
    border: 1px solid var(--color-danger-dark) !important;
}

.XFieldSetWrapper > fieldset > legend {
    font-size: larger !important;
    font-weight: bold !important;
}

.vp_name {
    font-weight: bolder;
    color: var(--color-brand-light);
    display: contents;
}


.mwf-table{
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    width:60%;
    align-self: center;
}
.mwf-table tr:nth-child(2n) td{
    background:#edf6f2;
}
.mwf-table td,.mwf-table th{
    background-color:transparent;
    border:none;
    border-top:1px solid #ddd;
    padding:6px
}

@keyframes scrolldown{
    from {height:10%;}
    to {height:100%;}
}
.upload_hint {
    background-color: var(--color-danger-accent-20);
    border-radius: 10px;
    padding: 20px;
    animation-name: scrolldown;
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
    width: 100%;
    height: 100%;
    }
/*
.regelwerk_counter {
    font-family: "Metric", sans-serif;
    background-color: var(--color-brand-light);
    position: fixed;
    top: 10px;
    right: 10px;
    max-width: 400px;
    max-height:50px;
    border: #000 solid 1px;
    padding: 10px;
    border-radius: 8px;
    opacity: 0.1;
    transition: opacity 0.4s;
    overflow: clip;
}

.regelwerk_counter:hover {
    opacity: 1.0;
    max-height:100%;
    z-index: 200;
}
*/
/*noch paar andere*/
.CXFormula .label-top{
    display: none;
}
.XFormula{
    border: none !important;
    background: none !important;
    padding: 0;
}

.body {
    counter-reset: teilnehmerCounter 1;
    
}

.dynamic-row {
    counter-increment: index;
}


.dynamic-row .III_2_fs_reiseteilnehmer label > p::after, 
.dynamic-row .III_2_fs_reiseteilnehmer legend::after {
    counter-increment: teilnehmerCounter;
    content: " " counter(teilnehmerCounter);
    color: black;
}

.dynamic-row .kv_III_2_fs_reiseteilnehmer label > p::after, 
.dynamic-row .kv_III_2_fs_reiseteilnehmer legend::after {
    counter-increment: teilnehmerCounter;
    content: " " counter(teilnehmerCounter);
    color: black;
}

:root {
  --button-text-color: #fbfffd; /* Neue Textfarbe */
  --button-bg-color: #58c680; /* Neue Hintergrundfarbe */
}

.XButtonList {
  color: var(--button-text-color);
  background-color: var(--button-bg-color);
  /* Weitere Stileigenschaften */
}

/*  --color-brand
    --color-white:
*/



.dynamic-row .kv_V_2_fs_versicherungsunternehmen label > p::after, 
.dynamic-row .kv_V_2_fs_versicherungsunternehmen legend::after {
    content: " " counter(index);
    color: black;
}
/*
a#xi-lang-1_1{
font-size: 0px;

}
a#xi-lang-1_1::before{
    font-size: 30px;  
    content: '';
    display: block;
    background-image: url(../../form/includes/ressource?pid=504&name=Flag_of_Germany-64x38.png);
    background-size: 70px;
    margin-right: 8px;
}

a#xi-lang-1_2{
    font-size: 0px;
}

a#xi-lang-1_2::before{
    font-size: 30px;  
    content: '';
}

div#xi-lang-1-xc{
    flex-direction: row;

}

div#xi-lang-1-xc span{
    font-size: 0px;
}

.container_centered {
    text-align: center;

}

.icon-link {
    background-color: transparent;
    border: none;
    color: #005e52;
    display: inline-block;
    line-height: 1;
    position: relative;
    text-align: left;
    text-decoration: none !important;
    vertical-align: top;
    font-size: 18px;
    font-weight: 501;
}
.icon-link:hover {
    background-color: transparent;
    border: none;
    color: #005e52;
    display: inline-block;
    line-height: 1;
    position: relative;
    text-align: left;
    text-decoration: none !important;
    vertical-align: top;
    font-size: 18px;
    font-weight: 501;
}

.reload_pls{
    margin-left: 20px;
    position: relative;
    bottom: 27px;
    font-size: 14px;
    color: var(--color-brand);
}

@media only screen and (max-width: 600px) {
  form.xm-form {
    padding: 0 calc(var(--padding-form)*0.5);

  }
  form.xm-form fieldset{
      padding: calc(var(--padding-form) * 0.5);
  }

  
}*/