.container {
    max-width: 1320px;
    width: 100%;
/*    padding-right: 15px;
    padding-left: 15px;*/
    margin-right: auto;
    margin-left: auto;

}

.row-m0 {
    /*    --bs-gutter-x: 1.5rem;
        --bs-gutter-y: 0;*/
    display: flex;
    flex-wrap: wrap;
   /* margin: 0 20px;*/
    /*    margin-top: calc(-1 * var(--bs-gutter-y));
        margin-right: calc(-.5 * var(--bs-gutter-x));
        margin-left: calc(-.5 * var(--bs-gutter-x));*/
    /*margin-right: 5px;*/

}


.row {
/*    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;*/
    display: flex;
    flex-wrap: wrap;
    margin: 0 20px;
/*    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-.5 * var(--bs-gutter-x));
    margin-left: calc(-.5 * var(--bs-gutter-x));*/
    /*margin-right: 5px;*/

}

.row>* {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-top: var(--bs-gutter-y);
}


/*.container {
    max-width: 1320px !important;
}*/

/*@media (min-width: 769px) and (max-width: 1321px) {
    .container {
        /*max-width: 98% !important;*/


/**, *::before, *::after {
    box-sizing: border-box;
}*/

@media (max-width: 799.9px){

    .header{
        display:none;
    }

    .container {
        /*max-width: 1320px;*/
        max-width: 100%;
        padding-right: 0px;
        padding-left: 0px;
        margin-right: auto;
        margin-left: auto;
    }
    .row{
        margin: 0 5px;
    }

}


@media (max-width: 1359px) {

    .container {
/*        width: 95% !important;
        max-width: 95% !important;*/
        /*margin: 0 20px;*/
    }

}






.container-wide {
    width: 100%;
/*    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);*/
    margin-right: auto;
    margin-left: auto;
}


.container-s {
    max-width: 850px;
    width: 100%;
/*    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);*/
    margin-right: auto;
    margin-left: auto;
}

.container-xs {
    max-width: 797px;
    width: 100%;
    /*    padding-right: calc(var(--bs-gutter-x) * .5);
        padding-left: calc(var(--bs-gutter-x) * .5);*/
    margin-right: auto;
    margin-left: auto;
}

.container-xxs {
    max-width: 650px;
    width: 100%;
    /*    padding-right: calc(var(--bs-gutter-x) * .5);
        padding-left: calc(var(--bs-gutter-x) * .5);*/
    margin-right: auto;
    margin-left: auto;
}

.col {
    flex: 1 0 0%;
    /*padding:0px 20px;*/
}

@media (min-width: 801px) {
.col-md {
    flex: 1 0 0%;
}
}


@media (min-width: 768px){
    .col-md-2 {
        flex: 0 0 auto;
        width: 16.66667%;
    }
    .col-md-10 {
        flex: 0 0 auto;
        width: 83.33333%;
    }
}





.float-right {
    float: right !important;
}

.float-left {
    float: left !important;
}

.inline-flex {
    display: inline-flex !important;
}

.d-flex  {
    display: flex;
}
.d-none {
    display: none;
}

.d-block{
    display: block !important;
}

.d-inline-block{
    display: inline-block !important;
}

.flex-column {
    flex-direction: column !important;
}

.align-items-center {
    align-items: center !important;
}

.flex-end {
    justify-content: flex-end;

}

.flex-wrap-wrap {
    flex-wrap: wrap;
}

.flex-space-between{
    justify-content: space-between;
}

.f-stretch{
    display: flex; align-items: stretch;
}

.f-grow{
    flex-grow: 1;
}

.flex-auto{
    flex: 1 1 auto;
}

.position-relative{
    position:relative;
}


.infocol{
   /* display:flex; */
}

.max-width-700{
    max-width: 700px !important
}
.max-width-797{
    max-width: 797px !important
}

@media (min-width: 1000.1px){

    .infocol {
        /* background: red; */
        flex: 0 0 300px;
    }

    .maincol{
        /*  display:flex;  */
            /*flex-grow: 1;*/
            overflow: hidden;
            /*white-space: nowrap*/
    }

}

@media (max-width: 1000.1px){

    .infocol {
        /* background: red; */
        flex: 1 100%;
    }

    .maincol{
        /*  display:flex;  */
            /*flex-grow: 1;*/
    /*        overflow: none;
            white-space: none*/
        }

}


.mydata{
    display: flex;
    flex-wrap: wrap;
}

.mydata-div .col-1{
    flex-basis: 100%;
}

.mydata-div .col-2{
    flex-basis: 100%;
}

.mydata-div .col-3{
    flex-basis: 100%;
}

@media (min-width: 800.1px){
    .mydata-div .col-1{
        flex-basis: 35%;
    }

    .mydata-div .col-2{
        flex-basis: 50%;
    }

    .mydata-div .col-3{
        flex-basis: 15%;
    }
}



.col-12 {
    flex: 0 0 auto;
    width: 100%;
}


.grid-col-33 {

    flex: 0 0 auto;
    width: 33.33333333%;
    padding: 0px;


}

@media (min-width: 1px) {
    .grid-col {

        flex: 0 0 auto;
        width: 100%;
        padding: 5px 10px;


    }
}

@media (min-width: 700px) {
    .grid-col {

        flex: 0 0 auto;
        width: 50%;
        padding: 10px;


    }
}

@media (min-width: 980px) {
    .grid-col {

        flex: 0 0 auto;
        width: 33.33333333%;
        padding: 10px;


    }
}
/*

!* Einfache Navigation für v2 *!
.v2-nav {
    background: #333;
    color: #fff;
    padding: 15px 0;
    margin-bottom: 30px;
}
.v2-nav a {
    color: #fff;
    text-decoration: none;
    margin-right: 20px;
    font-weight: 500;
}
.v2-nav a:hover {
    text-decoration: underline;
}

!* Card Styles für Startseite (Bootstrap-like) *!
.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem;
    margin-bottom: 20px;
}
.card-body {
    flex: 1 1 auto;
    padding: 1.25rem;
}*/