div#update .flex-container {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-box-align: start;
    -moz-box-align: start;
 -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border:1px solid #aaa;
    }
#update> .flex-container{
    margin-bottom:15px;
}
#update #spalten_div{
    top:0px;
}
.flex-container-2 {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-box-align: start;
    -moz-box-align: start;
     -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border:1px solid #aaa;
    border-bottom:3px solid #047C9A;
    margin-bottom:15px;
    }


div#update .flex-item .flex-container {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    border:none;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-box-align: start;
    -moz-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    }    
    
    
    
.flex-item:nth-child(1) {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1 1 24%;
    -ms-flex: 1 1 24%;
    flex: 1 1 24%;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    text-align:center;
    }

.flex-item:nth-child(2) {
    -webkit-box-ordinal-group: 3;
    -moz-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1 1 11%;
    -ms-flex: 1 1 11%;
    flex: 1 1 11%;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    }

.flex-item:nth-child(3) {
    -webkit-box-ordinal-group: 4;
    -moz-box-ordinal-group: 4;
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1 1 9%;
    -ms-flex: 1 1 9%;
    flex: 1 1 9%;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    }

.flex-item:nth-child(4) {
    -webkit-box-ordinal-group: 5;
    -moz-box-ordinal-group: 5;
    -webkit-order: 4;
    -ms-flex-order: 4;
    order: 4;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1 1 18%;
    -ms-flex: 1 1 18%;
    flex: 1 1 18%;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    }

.flex-item:nth-child(5) {
    -webkit-box-ordinal-group: 6;
    -moz-box-ordinal-group: 6;
    -webkit-order: 5;
    -ms-flex-order: 5;
    order: 5;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1 1 11%;
    -ms-flex: 1 1 11%;
    flex: 1 1 11%;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    }

.flex-item:nth-child(6) {
    -webkit-box-ordinal-group: 7;
    -moz-box-ordinal-group: 7;
    -webkit-order: 6;
    -ms-flex-order: 6;
    order: 6;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1 1 11%;
    -ms-flex: 1 1 11%;
    flex: 1 1 11%;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    }
    
.flex-item:nth-child(7) {
    -webkit-box-ordinal-group: 7;
    -moz-box-ordinal-group: 7;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    padding:0;   
    padding-left:10px;
    
    }
    
.flex-item:nth-child(8) {
    -webkit-box-ordinal-group: 7;
    -moz-box-ordinal-group: 7;
    -webkit-order: 8;
    -ms-flex-order: 8;
    order: 8;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    }
    
.flex-item:nth-child(9) {
    -webkit-box-ordinal-group: 7;
    -moz-box-ordinal-group: 7;
    -webkit-order: 9;
    -ms-flex-order: 9;
    order: 9;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    }
    
    
.flex-container .flex-container .flex-item:nth-child(1) {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1 1 13%;
    -ms-flex: 1 1 13%;
    flex: 1 1 13%;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: stretch;
    }

.flex-container .flex-container .flex-item:nth-child(2) {
    -webkit-box-ordinal-group: 3;
    -moz-box-ordinal-group: 3;
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1 1 70%;
    -ms-flex: 1 1 70%;
    flex: 1 1 70%;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: stretch;
    line-height:3.5em;
    }

    
    
    
/*############################################### FLEX-Container ENDE  ###############################################################
 *############################################### FLEX-Container-2 Start  ###############################################################*/
    
    
.flex-container-2>.flex-item:nth-child(1) {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
    background-color:#ddd;
    border-right:1px solid #aaa !important;
    }

.flex-container-2 .flex-item:nth-child(2) {
    -webkit-box-ordinal-group: 3;
    -moz-box-ordinal-group: 3;
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;

    }

    

/*########################## Flex-container in Flex-Container-2  ##############################*/    
.flex-container-2 .flex-container .flex-item{
    padding-top:5px;
    }    
.flex-container-2 .flex-container .flex-item:nth-child(1) {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1 1 15%;
    -ms-flex: 1 1 15%;
    flex: 1 1 15%;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    padding-top: 15px;
    }

.flex-container-2 .flex-container .flex-item:nth-child(2) {
    -webkit-box-ordinal-group: 3;
    -moz-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1 1 15%;
    -ms-flex: 1 1 15%;
    flex: 1 1 15%;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;

    }    
    
.flex-container-2 .flex-container .flex-item:nth-child(3) {
    -webkit-box-ordinal-group: 4;
    -moz-box-ordinal-group: 4;
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1 1 15%;
    -ms-flex: 1 1 15%;
    flex: 1 1 15%;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    }

.flex-container-2 .flex-container .flex-item:nth-child(4) {
    -webkit-box-ordinal-group: 5;
    -moz-box-ordinal-group: 5;
    -webkit-order: 4;
    -ms-flex-order: 4;
    order: 4;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1 1 17%;
    -ms-flex: 1 1 17%;
    flex: 1 1 17%;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    }

.flex-container-2 .flex-container .flex-item:nth-child(5) {
    -webkit-box-ordinal-group: 6;
    -moz-box-ordinal-group: 6;
    -webkit-order: 5;
    -ms-flex-order: 5;
    order: 5;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1 1 15%;
    -ms-flex: 1 1 15%;
    flex: 1 1 15%;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    }
.flex-container-2 .flex-container .flex-item:nth-child(6) {
    -webkit-box-ordinal-group: 6;
    -moz-box-ordinal-group: 6;
    -webkit-order: 6;
    -ms-flex-order: 6;
    order: 6;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1 1 15%;
    -ms-flex: 1 1 15%;
    flex: 1 1 15%;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    padding:0;
    }

    
.flex-container-2 .flex-container .flex-item:nth-child(7) {
    -webkit-box-ordinal-group: 7;
    -moz-box-ordinal-group: 7;
    -webkit-order: 7;
    -ms-flex-order: 7;
    order: 7;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    padding:0;   
    
    }
    
.flex-container-2 .flex-container .flex-item:nth-child(8) {
    -webkit-box-ordinal-group: 7;
    -moz-box-ordinal-group: 7;
    -webkit-order: 8;
    -ms-flex-order: 8;
    order: 8;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    }
    
.flex-container-2 .flex-container .flex-item:nth-child(9) {
    -webkit-box-ordinal-group: 7;
    -moz-box-ordinal-group: 7;
    -webkit-order: 9;
    -ms-flex-order: 9;
    order: 9;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    }    
       
.flex-item{
    text-align:center;

}

.repbsp{
    border-top:1px solid #aaa !important;
}

.flex-container-2 .flex-container .flex-container {
    border-top:1px solid #aaa;
}

.flex-container-2 .flex-container .flex-container .flex-item{
    padding:0;
}
.flex-container-2 .flex-container .flex-container .flex-item:nth-child(1) {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1 1 45%;
    -ms-flex: 1 1 45%;
    flex: 1 1 45%;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    }

.flex-container-2 .flex-container .flex-container .flex-item:nth-child(2) {
    -webkit-box-ordinal-group: 3;
    -moz-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1 1 45%;
    -ms-flex: 1 1 45%;
    flex: 1 1 45%;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;

    }
    
#update h2{
    text-align: center;
}
/*
.flex-container-2 .flex-item .flex-container .flex-item:nth-child(1) {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1 1 15%;
    -ms-flex: 1 1 15%;
    flex: 1 1 15%;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    }

.flex-container-2 .flex-item .flex-container .flex-item:nth-child(2) {
    -webkit-box-ordinal-group: 3;
    -moz-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1 1 15%;
    -ms-flex: 1 1 15%;
    flex: 1 1 15%;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    }
.flex-container-2 .flex-item .flex-container .flex-item:nth-child(3) {
    -webkit-box-ordinal-group: 3;
    -moz-box-ordinal-group: 3;
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1 1 40%;
    -ms-flex: 1 1 40%;
    flex: 1 1 40%;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    }



    Legacy Firefox implementation treats all flex containers
    as inline-block elements.
*/

/*##################################################################### ANFANG FLEX STYLE FÜR MASKE ###################################################################*/

.flex-container-maske {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-box-align: start;
    -moz-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    border:1px solid #aaa;
    padding:10px;
    margin-bottom:25px !important;
    border-top:3px solid #2EC2DD;
    border-bottom:3px solid #2EC2DD;
    background:#e5e5e5;
    /*background-image:url("images/rechnermaske.png");*/
    background-size:cover;
    background-repeat: no-repeat;
    }
.flex-container-maske .flex-item:nth-child(3) p{
    background-color:#929292;
    width:25%;
    margin:10px auto;
    color:#fff;
    padding:5px;
    text-align: center;
}
.flex-container-maske .flex-item:nth-child(3) p #zu0{
    display:none;
}

.flex-container-maske .flex-item:nth-child(3) p:hover{
    cursor:pointer;
}
.flex-container-maske > .flex-item:nth-child(1) {
        -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1 1 45%;
    -ms-flex: 1 1 45%;
    flex: 1 1 45%;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;

    }

.flex-container-maske > .flex-item:nth-child(2) {
    -webkit-box-ordinal-group: 3;
    -moz-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1 1 45%;
    -ms-flex: 1 1 45%;
    flex: 1 1 45%;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;

    }
.flex-container-maske .flex-item:nth-child(3) {
    -webkit-box-ordinal-group: 4;
    -moz-box-ordinal-group: 4;
    -webkit-order: 4;
    -ms-flex-order: 4;
    order: 4;
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -webkit-flex: 0 1 100%;
    -ms-flex: 0 1 100%;
    flex: 0 1 100%;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    margin:10px auto;
    max-height:50px;
    overflow:hidden;
    transition:max-height 0.5s ease-in;
    }
.flex-container-maske .flex-item:nth-child(3) ul{
    padding:0;
    margin:0;
    list-style:none;
    margin-top:0px;
    margin-left:60px;

}

.flex-container-maske .flex-item:nth-child(3) li{
    list-style:none;
    text-align:left;
    margin-bottom: 5px;
    padding:0;
    display:inline;
    float:left;
}
.flex-container-maske .flex-item:nth-child(3) li span{
    width:280px;
    display:inline-block;
        float: right;
    margin-left: 5px;
}

.flex-container-maske .flex-item:nth-child(4) {
    -webkit-box-ordinal-group: 5;
    -moz-box-ordinal-group: 5;
    -webkit-order: 5;
    -ms-flex-order: 5;
    order: 5;
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -webkit-flex: 0 1 100%;
    -ms-flex: 0 1 100%;
    flex: 0 1 100%;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    }
.flex-container-maske .flex-item:nth-child(5) {
    -webkit-box-ordinal-group: 5;
    -moz-box-ordinal-group: 5;
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -webkit-flex: 0 1 100%;
    -ms-flex: 0 1 100%;
    flex: 0 1 100%;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    }
.flex-container-maske input, .flex-container-maske select{
    height:50px;
    width:75%;
}

.flex-container-maske input[type="radio"]{
    height: 20px;
    width: 20px;
    vertical-align: sub;
}

@-moz-document url-prefix() {
div#update .flex-container {
    width: 100%;
    -moz-box-sizing: border-box;
    }

}
div.flex-container-2 div.flex-item a.button, div.flex-container div.flex-item a.button{
    width:80% !important;
}
div.flex-container-2 div.flex-item a.button, div.flex-container div.flex-item a.antrl-prdetails{
        padding: 10px 25px !important;
}
.fm_links_bundig p{
    margin:0;
    margin-bottom:5px;
    margin-left:35px;
    cursor: pointer;
    color: #fff;
    background-color: #929292;
    text-align: center;
}
.euz{
    display:none;
}
.fm_vergl_button,.fm_antrbutton a{
    position:relative;
}

.fm_antrbutton a.button {
    text-align: center;
    padding:3px 0px 0px 0px!important;
    text-decoration:none;
}

div#update .flex-container .detail_data{
    max-height:0px;
    overflow:hidden;
    transition: max-height 0.5s ease-in-out;
}
div.fm_links_bundig p span:first-child{
    display:inline-block;
    font-weight: 700;
}
div.fm_links_bundig p span:last-child{
    display:none;
    font-weight: 700;
}
.flex-container-maske li input[type="checkbox"]{
    width:20px;
    height:20px;
}
.flex-container-maske li span, .flex-container-maske label, .flex-container-maske input, .flex-container-maske select {
    font-weight: 600;
    color:#2B3E50;
}

div#update .flex-container .flex-item:nth-child(9) .flex-container .flex-item{
    text-align:left;
    line-height:1.2em;
    font-size:1em;
    padding:10px;
}
div#update .flex-container .flex-item:nth-child(9) .flex-container .flex-item h4{
    font-size:1.05em
}
div#update .flex-container .flex-item:nth-child(9) .flex-container .flex-item li span:first-child{
    display: inline-block;
    width:200px;
    vertical-align: text-top;
}
div#update .flex-container .flex-item:nth-child(9) .flex-container .flex-item li span.text-hi{
    display: inline-block;
    vertical-align: text-top;
    width:60%;
}
div#update .flex-container .flex-item:nth-child(9) .flex-container .flex-item:nth-child(1){
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1 1 50%;
    -ms-flex: 1 1 50%;
    flex: 1 1 50%;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    }
div#update .flex-container .flex-item:nth-child(9) .flex-container .flex-item:nth-child(2){
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1 1 50%;
    -ms-flex: 1 1 50%;
    flex: 1 1 50%;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    }
div#update .flex-container .flex-item:nth-child(9) .flex-container .flex-item:nth-child(3){
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1 1 50%;
    -ms-flex: 1 1 50%;
    flex: 1 1 50%;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    }
div#update .flex-container .flex-item:nth-child(9) .flex-container .flex-item:nth-child(4){
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1 1 50%;
    -ms-flex: 1 1 50%;
    flex: 1 1 50%;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    }
div#update  .flex-container .flex-item:nth-child(9) .flex-container .flex-item:nth-child(5){
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1 1 50%;
    -ms-flex: 1 1 50%;
    flex: 1 1 50%;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    text-align:center;
    }
div#update  .flex-container .flex-item:nth-child(9) .flex-container .flex-item:nth-child(6){
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1 1 50%;
    -ms-flex: 1 1 50%;
    flex: 1 1 50%;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    text-align:center;    
    }
div#update .flex-container .flex-item:nth-child(9) .flex-container .flex-item li{
    margin:0;
    padding:0;
}

div#update .flex-container .flex-item li{
    margin:0;
    padding:0;
}
div#update .flex-container .flex-item a.detaill{
    background-color:#2EC2DD;
    background: radial-gradient(ellipse at center, #2EC2DD 0%,#2EC2DD 100%);
    padding: 10px 25px !important;
}
div#update .flex-container .flex-item a.detaill:hover{
    color:#047C9A;
}
div#update .flex-item ul.fm_gesamtkredit li:nth-child(2),div#update .flex-item ul.fm_monatsrate li:nth-child(2){
    font-size:0.4em;
}
div#update .flex-item ul.fm_zins_vergl li:nth-child(2){
    font-size: 0.4em;    
} 
div#update .flex-item ul.fm_zins_vergl li:nth-child(3){
    font-size: 0.4em;
    line-height:0.8em;
}
div#update .flex-item ul.krsumme,div#update .flex-item ul.lfzeit{
    font-size:1.2em;
}
div#update .flex-item ul.krsumme li:nth-child(3){
    font-size: 0.7em;    
} 
div#update .flex-item ul.lfzeit li:nth-child(2),div#update .flex-item ul.lfzeit li:nth-child(3){
    font-size: 0.7em;    
}
div#update .flex-container .flex-item ul li{
    list-style:none;
    margin:0px;
    padding:0px;
}
div#update .flex-container .flex-item ul {
    margin:0;
    padding:0;
}
div#update .flex-container-top-box {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-box-align: start;
    -moz-box-align: start;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    
    }
div#update .flex-container-top-box .flex-item{
    border:2px solid #333;
    margin:1px 2px;
}
div#update .flex-container-top-box .flex-item ul li{
    margin:0px;
}
div#update .flex-container-top-box .flex-item > ul > li:first-child{
    height:62px;
    background:#e5e5e5;
    border-bottom:1px solid #333;
    padding-top:5px;
}
div#update .flex-container-top-box .flex-item > ul > li:nth-child(2){
    height:52px;
    vertical-align: middle;
    padding-top:5px;
}
div#update .flex-container-top-box .flex-item ul li ul li:nth-child(1), div#update .flex-container-top-box .flex-item ul li ul li:nth-child(2){
    display:inline-block;
}
div#update .flex-container-top-box .flex-item ul li ul li:nth-child(3){
    font-size:0.8em;
}



div#update .flex-container-top-box .flex-item:nth-child(1) {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1 1 18%;
    -ms-flex: 1 1 18%;
    flex: 1 1 18%;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    margin-right: 10px;
    }

div#update .flex-container-top-box .flex-item:nth-child(2) {
    -webkit-box-ordinal-group: 3;
    -moz-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1 1 18%;
    -ms-flex: 1 1 18%;
    flex: 1 1 18%;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    }

div#update .flex-container-top-box .flex-item:nth-child(3) {
    -webkit-box-ordinal-group: 4;
    -moz-box-ordinal-group: 4;
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1 1 18%;
    -ms-flex: 1 1 18%;
    flex: 1 1 18%;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    }

div#update .flex-container-top-box .flex-item:nth-child(4) {
    -webkit-box-ordinal-group: 5;
    -moz-box-ordinal-group: 5;
    -webkit-order: 4;
    -ms-flex-order: 4;
    order: 4;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1 1 18%;
    -ms-flex: 1 1 18%;
    flex: 1 1 18%;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    }

div#update .flex-container-top-box .flex-item:nth-child(5) {
    -webkit-box-ordinal-group: 6;
    -moz-box-ordinal-group: 6;
    -webkit-order: 5;
    -ms-flex-order: 5;
    order: 5;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1 1 18%;
    -ms-flex: 1 1 18%;
    flex: 1 1 18%;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    }

/*
    Legacy Firefox implementation treats all flex containers
    as inline-block elements.
*/

div.fm_produktname + div.flex-item{
    border-top: 1px dotted lightgrey;
    margin-top: 5px;
    padding-top: 5px;
}

@-moz-document url-prefix() {
.flex-container {
    width: 100%;
    -moz-box-sizing: border-box;
    }

}

.fm_zins, .fm_zins_vergl{
    color: #333;
}

.fm_gesamtkredit{
    color: #333;
    font-weight: 300;
}

.fm_gesamtkredit li:nth-child(1){
    font-size: 0.8em;
}

.fm_zins, .fm_zins_vergl li:nth-child(1){
    color:#2EC2DD;
    font-size: 0.9em;
    }

.krsumme{
    color: #333;
    font-weight: 100;
}
.fm_monatsrate{
    color: #047c9a;   
    
}

.lfzeit{
    color: #333;
    font-weight: 100;
}

div.top-box{
    border-left: 3px solid #3286be !important;
}

div.detail_data div.flex-container{
    padding: 20px;
}

div.detail_data div.flex-container div.flex-item{
    border-left: 3px solid lightgrey;
    margin-bottom: 30px;
}

div.detail_data div.flex-container div.flex-item h4{
    padding: 0;
}

div.detail_data div.flex-container div.flex-item li{
    padding-left: 5px;
}

div.detail_data div.flex-container div.flex-item li:nth-child(2n){
    background-color: #f5f5f5;
    line-height: 1.5em;
}

div.detail_data div.flex-container div:nth-last-child(1), div.detail_data div.flex-container div:nth-last-child(2) {
    border:none;
    margin-bottom: 0;
}

div.rechner-container .fm_zins_vergl li:nth-child(1){
    color: #333;
}
/***********************************************************************************************************************************************************************************************
 * Rest Gemischt Formate
 * *********************************************************************************************************************************************************************************************/
.flex-item .leiste_vorn, .flex-item .leiste_hinten{
    display:inline-block;
    width:45%;
    text-align:center !important;
    margin:0px auto;
    font-weight: 600;
    font-size:0.7em;
    margin-bottom:5px;
}
#spalten_div > .flex-item:nth-child(1){
    /*text-align: initial;
        margin-top: -10px;
    border-bottom: 1px solid;*/
    background-color: #5194BE;
    
}
/***********************************************************************************************************************************************************************************************
 * Mediaquerys
 * *********************************************************************************************************************************************************************************************/

@media only screen and (max-width: 1025px){


    .flex-item:nth-child(1) {
        -webkit-box-ordinal-group: 2;
        -moz-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        -webkit-align-self: auto;
        -ms-flex-item-align: auto;
        align-self: auto;
        text-align:center;
        }
    
    .flex-item:nth-child(2) {
        -webkit-box-ordinal-group: 3;
        -moz-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        -webkit-flex: 1 1 50%;
        -ms-flex: 1 1 50%;
        flex: 1 1 50%;
        -webkit-align-self: auto;
        -ms-flex-item-align: auto;
        align-self: auto;
        font-size:1.3em;
        margin-bottom:10px;
        }
    
    .flex-item:nth-child(3) {
        -webkit-box-ordinal-group: 4;
        -moz-box-ordinal-group: 4;
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3;
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        -webkit-flex: 1 1 50%;
        -ms-flex: 1 1 50%;
        flex: 1 1 50%;
        -webkit-align-self: auto;
        -ms-flex-item-align: auto;
        align-self: auto;
        font-size:1.3em;
        margin-bottom:10px;
        }
    
    .flex-item:nth-child(4) {
        -webkit-box-ordinal-group: 5;
        -moz-box-ordinal-group: 5;
        -webkit-order: 4;
        -ms-flex-order: 4;
        order: 4;
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        -webkit-flex: 1 1 50%;
        -ms-flex: 1 1 50%;
        flex: 1 1 50%;
        -webkit-align-self: auto;
        -ms-flex-item-align: auto;
        align-self: auto;
        }
    
    .flex-item:nth-child(5) {
        -webkit-box-ordinal-group: 6;
        -moz-box-ordinal-group: 6;
        -webkit-order: 5;
        -ms-flex-order: 5;
        order: 5;
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        -webkit-flex: 1 1 50%;
        -ms-flex: 1 1 50%;
        flex: 1 1 50%;
        -webkit-align-self: auto;
        -ms-flex-item-align: auto;
        align-self: auto;
        }
    
    .flex-item:nth-child(6) {
        -webkit-box-ordinal-group: 7;
        -moz-box-ordinal-group: 7;
        -webkit-order: 6;
        -ms-flex-order: 6;
        order: 6;
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        -webkit-flex: 1 1 50%;
        -ms-flex: 1 1 50%;
        flex: 1 1 50%;
        -webkit-align-self: auto;
        -ms-flex-item-align: auto;
        align-self: auto;
        }
        
    .flex-item:nth-child(7) {
        -webkit-box-ordinal-group: 7;
        -moz-box-ordinal-group: 7;
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0;
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        -webkit-align-self: auto;
        -ms-flex-item-align: auto;
        align-self: auto;
        padding:0;   
        padding-left:10px;
        
        }
        
    .flex-item:nth-child(8) {
        -webkit-box-ordinal-group: 7;
        -moz-box-ordinal-group: 7;
        -webkit-order: 8;
        -ms-flex-order: 8;
        order: 8;
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        -webkit-align-self: auto;
        -ms-flex-item-align: auto;
        align-self: auto;
        }
        
    .flex-item:nth-child(9) {
        -webkit-box-ordinal-group: 7;
        -moz-box-ordinal-group: 7;
        -webkit-order: 9;
        -ms-flex-order: 9;
        order: 9;
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        -webkit-align-self: auto;
        -ms-flex-item-align: auto;
        align-self: auto;
        }
    .flex-container .flex-container .flex-item:nth-child(2){
        font-size:0.6em;
    }
    .flex-container-maske .flex-item:nth-child(1), .flex-container-maske .flex-item:nth-child(2){
        -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        font-size:1.2em
    }   
     .flex-container-maske .flex-item:nth-child(3) p{
        width:100%;
        padding-bottom:5px;
        font-size:0.8em;
     }
     .flex-container-maske .flex-item:nth-child(3) ul{
        font-size:0.7em;
        margin:0px;
     }
     
     
    .fm_links_bundig p{
        margin-left:0px;
    }
}