/* ============ Preistabelle =========== */

table {width:100%; border:0; cellpadding:0; cellspacing:2;}




.spalte1,
.spalte2,
.spalte3  {font-family: 'Roboto', Helvetica, Arial, sans-serif;
        font-weight:300;
        line-height: 120%;
        text-transform:none;
        margin:0;
         }





.spalte1  { width:33%;
        color: #FFFFFF;
        padding:10px 0 10px 5px;
        font-size:100%;
                                         border-bottom:1px solid #5f8ce9;
        }



        @media all and (max-width: 1200px){.spalte1 {width: calc (100% - 240px); font-size:100%;}}
        @media all and (max-width: 860px) {.spalte1 {width: calc (100% - 240px); font-size:95%; }}
        @media all and (max-width: 640px) {.spalte1 {width: calc (100% - 200px); font-size:80%; padding:10px 0 10px 0px;}}


.spalte2  { width:33%;
        color: #B689EA;
        padding:10px 0 10px 0;
        font-size:160%;
        text-align:right;
                                         border-bottom:0px solid #032651;
                                         background-color:#603a98;
                                         padding-right:10px;


        }

        @media all and (max-width: 1200px){.spalte2 {width:120px; font-size:110%;}}
        @media all and (max-width: 860px) {.spalte2 {width:120px; font-size:105%;}}
        @media all and (max-width: 640px) {.spalte2 {width:100px; font-size:100%;padding-right:5px}}



.spalte3 {  width:33%;
        color: #4AECCC;
        padding:10px 0px 10px 0px;
        font-size:160%;
        text-align:right;
                                         border-bottom:0px solid #032651;
                                         background-color:#026a71;
                                         padding-right:10px;

         }

         @media all and (max-width: 1200px){.spalte3 {width:120px; font-size:110%;}}
         @media all and (max-width: 860px) {.spalte3 {width:120px; font-size:105%;}}
         @media all and (max-width: 640px) {.spalte3 {width:120px; font-size:100%; padding-right:5px }}






/* ============ Preistabelle  4 spalten=========== */

table {width:100%; border:0; cellpadding:0; cellspacing:2;}




.spalte1a,
.spalte2a,
.spalte3a,  
.spalte4a  {font-family: 'Roboto', Helvetica, Arial, sans-serif;
        font-weight:300;
        line-height: 120%;
        text-transform:none;
        margin:0;
         }





.spalte1a  { width:25%;
        color: #FFFFFF;
        padding:10px 0 10px 5px;
        font-size:100%;
                                         border-bottom:1px solid #5f8ce9;
        }



        @media all and (max-width: 1200px){.spalte1a {width: calc (100% - 240px); font-size:100%;}}
        @media all and (max-width: 860px) {.spalte1a {width: calc (100% - 240px); font-size:95%; }}
        @media all and (max-width: 640px) {.spalte1a {width: calc (100% - 200px); font-size:80%; padding:10px 0 10px 0px;}}




.spalte2a  { width:25%;
        color: #B689EA;
        padding:10px 0 10px 0;
        font-size:160%;
        text-align:right;
                                         border-bottom:0px solid #032651;
                                         background-color:#603a98;
                                         padding-right:10px;


        }

        @media all and (max-width: 1200px){.spalte2a {width:120px; font-size:110%;}}
        @media all and (max-width: 860px) {.spalte2a {width:120px; font-size:105%;}}
        @media all and (max-width: 640px) {.spalte2a {width:100px; font-size:100%;padding-right:5px}}



.spalte3a {  width:25%;
        color: #4AECCC;
        padding:10px 0px 10px 0px;
        font-size:160%;
        text-align:right;
                                         border-bottom:0px solid #032651;
                                         background-color:#026a71;
                                         padding-right:10px;

         }

         @media all and (max-width: 1200px){.spalte3a {width:120px; font-size:110%;}}
         @media all and (max-width: 860px) {.spalte3a {width:120px; font-size:105%;}}
         @media all and (max-width: 640px) {.spalte3a {width:120px; font-size:100%; padding-right:5px }}



.spalte4a {  width:25%;
        color: #4AECCC;
        padding:10px 0px 10px 0px;
        font-size:160%;
        text-align:right;
                                         border-bottom:0px solid #032651;
                                         background-color:#026a71;
                                         padding-right:10px;

         }

         @media all and (max-width: 1200px){.spalte4a {width:120px; font-size:110%;}}
         @media all and (max-width: 860px) {.spalte4a {width:120px; font-size:105%;}}
         @media all and (max-width: 640px) {.spalte4a {width:120px; font-size:100%; padding-right:5px }}