:root {

    --wrapper: 1316px;

    --anzahlSpalten: 12;
    --mlX: 0;
    --mrX: 0;



}


html {
    scroll-behavior: smooth;
}


    .breit {
       --wrapper: 1316px;
    }

    .row {
            display: grid;
            grid-template-columns: repeat(var(--anzahlSpalten), 1fr);
            box-sizing: border-box;
            margin:auto;
            max-width: var(--wrapper);
    }





    .column {


    padding-left: 20px;
    padding-right: 20px;
    grid-column: span calc(var(--spanX) + var(--mlX) + var(--mrX));

    box-sizing: border-box;
}

.col-md-3 {
    --spanX: 3;
}

.col-md-4 {
    --spanX: 4;
}

.col-md-6 {
    --spanX: 6;
}

.col-md-10 {
    --spanX: 12;
    margin-left:calc(100% / 12);

    margin-right:calc(100% / 12);
    }

.col-md-12 {
    --spanX: 12;
}


.herobild{
    margin-top:25px;
}

.buttonRot, #bewerberformular
input.buttonRot {
    font-size:40px;
    color:#fff;
    background-color: #D30808;
    font-weight: bolder;
    padding:15px;
    padding-left:40px;
    padding-right:40px;
    text-decoration: none;
    display: inline-block;
    margin-top:30px;
    margin-bottom:30px;
    font-family: Lato;
    font-style:normal;



}

img, video {
    max-width: 100%;
}

.gendererklaerung {
    font-size:10px;
    margin-bottom:60px;
}

h4 {
    text-transform: uppercase;
    font-weight: bolder;
}

.minh90 {
    min-height: 100px;
}


.bg-grau {
            background-color: #464646;
            color:#fff !important;
            padding-top: 40px;
            padding-bottom: 40px;
        }

        .bg-grau h4 {
            color:#fff;
        }

        .pt-30 {
            padding-top: 30px;
        }

        .pb-30 {
            padding-bottom: 30px;
        }

        .pt-60 {
            padding-top: 60px;
        }

        .pb-60 {
            padding-bottom: 60px;
        }


        .pt-90 {
            padding-top: 90px;
        }

        .pb-90 {
            padding-bottom: 90px;
        }

        .mt-90 {
            margin-top: 90px;
        }

        .mb-90 {
            margin-bottom: 90px;
        }


        .mt-200 {
            margin-top: 200px;
        }

        h5 {
            color:#D30808;
            font-weight:bold;
            font-size:18px;
            text-transform: none;
            margin-bottom:18px;
        }

        h1 {
            margin-top: 77px;
        }

        .bg-hellgrau {
            background-color: #BEBBBB;
        }

        .bg-hellgrau h4{
            color: #fff;
        }

        .zaehlerNummer{
                font-size:120px;
                font-family: Cinzel, serif;
                color: #D30808;
                margin-top:40px;
        }

        .zaehlerText{
            font-size:40px;
            font-family: "Times New Roman", Times, serif;
            font-style: italic;
            color:#4A4949;
        }

        .bg-beige {
            background-color: #ECECE6;
        }


                 .tabelleKarriere {
                     text-align: left;
                     width: 100%;
                     border-collapse: collapse;
                     background-color: #fff;
                     border: #fff solid 30px;
                     margin-top:30px;
                 }


                 .tabelleKarriere td{
                     padding:20px;
                     padding-left:0;
                 }

                 .tabelleKarriere tr{
                     border-bottom: #464646 1px solid;
                 }

                 .textlink {
                     text-decoration: none;
                 }

                 .plr-30 {
                     padding-left: 30px;
                     padding-right: 30px;
                 }

                @media only screen and (min-width: 0px) and (max-width: 1024px)
                {
                    .col-md-3 {
                        --spanX: 6;
                    }

                    .col-md-4 {
                        --spanX: 6;
                    }

                    .col-md-6 {
                        --spanX: 6;
                    }

                    .col-md-10 {
                        --spanX: 12;
                        margin-left:0;

                        margin-right:0;
                        }


                        .zaehlerNummer {
                            font-size:80px;
                            margin-top:10px;
                        }

                        .zaehlerText {
                            font-size:24px;
                        }

                     .col-sm-4 {
                        --spanX: 4;
                    }



                }

                @media only screen and (min-width: 0px) and (max-width: 800px)
                {
                    .col-md-3 {
                        --spanX: 12;
                    }

                    .col-md-4 {
                        --spanX: 12;
                    }



                    .col-md-6 {
                        --spanX: 12;
                    }

                    .col-md-10 {
                        --spanX: 12;
                        margin-left:0;

                        margin-right:0;
                        }


                .column {
                    padding-left: 10px;
                    padding-right: 10px;

                }


                .tabelleKarriere, .tabelleKarriere tbody, .tabelleKarriere tr, .tabelleKarriere td
                    {
                    display: block;
                    width: 100%;
                    box-sizing: border-box;
                    }

                .tabelleKarriere {
                    border: #fff 10px solid;
                }


                .tabelleKarriere tr
                    {
                        margin-bottom:10px;
                    }

                    .tabelleKarriere td
                    {
                        padding:5px;
                    }

                    .plr-30 {
                        padding-left: 0px;
                        padding-right: 0px;
                        }

                .tabelleKarriere td.center
                    {
                        border: #000 1px solid;
                        margin-top:10px;
                        margin-bottom:10px;

                    }


                    .nomobile {
                        display: none !important;
                    }


                    .buttonRot, #bewerberformular input.buttonRot  {
                        font-size: 24px;

                    }



                    .pt-30 {
            padding-top: 15px;
        }

        .pb-30 {
            padding-bottom: 15px;
        }

        .pt-60 {
            padding-top: 30px;
        }

        .pb-60 {
            padding-bottom: 30px;
        }


        .pt-90 {
            padding-top: 45px;
        }

        .pb-90 {
            padding-bottom: 45px;
        }

        .mt-90 {
            margin-top: 45px;
        }

        .mb-90 {
            margin-bottom: 45px;
        }


        .mt-200 {
            margin-top: 100px;
        }


        .minh90 {
            min-height: auto;
        }










                }


                .gridIcons {
                display: grid;
                grid-template-columns: 150px auto;
                min-height: 150px;
                align-self: center;


            }

            .gridIcons div {

                align-self: center;


            }

            #bewerberformular input, #bewerberformular textarea, #bewerberformular select {

                padding: 15px;
                width: 100%;
                font-family: "Times New Roman", serif;
                color: #fff;
                font-style: italic;
                border: 1px #4D4A4B solid;
                margin-bottom: 10px;
                border-radius: 4px;
                font-size: 18px;
                padding-top: 10px;
                padding-bottom: 10px;
                color: #4D4A4B;
                box-sizing:border-box;
            }

            #bewerberformular textarea {
                min-height: 300px;
            }


            i {
                font-family: "Times New Roman", Times, serif;
                font-style: italic;
                
            }