/* Allgemein */
* { box-sizing: border-box; }

:root {
    /* FA 5 überschreibt FA 6 bei _dpolg in der include-css */
    --fontAwesome: FontAwesome-6-Pro, FontAwesome-6-Brands, Font-Awesome-6-Sharp;
    --fontAwesomeDuo: Font-Awesome-6-Duo;
}

.fa-duo { position: relative; font-family: var(--fontAwesomeDuo); display: inline-block;}
.fa-duo:before {position: absolute; }

/* img im Picture-Tag  Bug verhält sich wie ein Buchstabe und geht nach unten raus
https://stackoverflow.com/questions/45638353/margin-and-picture-tag */
img {vertical-align: middle;  }

table { border-collapse: collapse; border-spacing: 0; }
td, th { padding: 0; }

.zw-titel p { margin: 0; }

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xl-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xl-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xl-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xl-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xl-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xl-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xl-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xl-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xl-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xl-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xl-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12, .col-xl-12 {
    position: relative; }

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; }


.container:before, .container:after, .container-fluid:before, .container-fluid:after { content: " "; display: table; }

.container:after, .container-fluid:after { clear: both; }

/* Optout-iFrame */
iframe.opt-out { width:100%; height:150px; border:none; }

/* YouTube-Consent - Anzeige im Overlay, wenn YouTube nicht erlaubt ist*/
.yt-consent { background-color:#ffffff;width:100%;position:absolute;left:0;top:0;height:100%;white-space: normal;display: flex; align-items: center; justify-content: center; }

/* Container */
.container { padding: 0 15px;  margin: 0 auto;}

/* Grid */
.col-xs-12 { width: 100%; }
.col-xs-11 { width: 91.66666667%; }
.col-xs-10 { width: 83.33333333%; }
.col-xs-9 { width: 75%; }
.col-xs-8 { width: 66.66666667%; }
.col-xs-7 { width: 58.33333333%; }
.col-xs-6 { width: 50%; }
.col-xs-5 { width: 41.66666667%; }
.col-xs-4 { width: 33.33333333%; }
.col-xs-3 { width: 25%; }
.col-xs-2 { width: 16.66666667%; }
.col-xs-1 { width: 8.33333333%; }

/* Link-Icons */
a.no-icon::before {content: none!important;}
a[class*=popup-pdf]::before { content: '\f1c1'; font-family: var(--fontAwesome); }
a.internal::before {content: '\f15b'; font-family: var(--fontAwesome); padding-right: .5em; }
a.external::before {content: '\f08e'; font-family: var(--fontAwesome); padding-right: .5em;  }
a.arrow::before {content: '\f054'; font-family: var(--fontAwesome); padding-right: .5em;  }
a.popup-epaper::before [class^='link-list'] {content: '\f5da'; font-family: var(--fontAwesome); }
a.word::before {content: '\f1c2'; font-family: var(--fontAwesome); padding-right: .5em;  }
a.excel::before {content: '\f1c3'; font-family: var(--fontAwesome); padding-right: .5em; }

@media (min-width: 576px) {

    /* Allgemein */
    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; }

    /* Container */


    /* Grid */
    .col-sm-12 { width: 100%; }
    .col-sm-11 { width: 91.66666667%; }
    .col-sm-10 { width: 83.33333333%; }
    .col-sm-9 { width: 75%; }
    .col-sm-8 { width: 66.66666667%; }
    .col-sm-7 { width: 58.33333333%; }
    .col-sm-6 { width: 50%; }
    .col-sm-5 { width: 41.66666667%; }
    .col-sm-4 { width: 33.33333333%; }
    .col-sm-3 { width: 25%; }
    .col-sm-2 { width: 16.66666667%; }
    .col-sm-1 { width: 8.33333333%; }

}

@media (min-width: 768px){
    /* Allgemein */
    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; }

    /* Container */



    /* Grid */
    .col-md-12 { width: 100%; }
    .col-md-11 { width: 91.66666667%; }
    .col-md-10 { width: 83.33333333%; }
    .col-md-9 { width: 75%; }
    .col-md-8 { width: 66.66666667%; }
    .col-md-7 { width: 58.33333333%; }
    .col-md-6 { width: 50%; }
    .col-md-5 { width: 41.66666667%; }
    .col-md-4 { width: 33.33333333%; }
    .col-md-3 { width: 25%; }
    .col-md-2 { width: 16.66666667%; }
    .col-md-1 { width: 8.33333333%; }

}

@media (min-width: 992px){
    /* Allgemein */
    .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; }

    /* Grid */
    .col-lg-12 { width: 100%; }
    .col-lg-11 { width: 91.66666667%; }
    .col-lg-10 { width: 83.33333333%; }
    .col-lg-9 { width: 75%; }
    .col-lg-8 { width: 66.66666667%; }
    .col-lg-7 { width: 58.33333333%; }
    .col-lg-6 { width: 50%; }
    .col-lg-5 { width: 41.66666667%; }
    .col-lg-4 { width: 33.33333333%; }
    .col-lg-3 { width: 25%; }
    .col-lg-2 { width: 16.66666667%; }
    .col-lg-1 { width: 8.33333333%; }

}

@media (min-width: 1200px /* +20px Scrollbalken-Kompensation */){
    /* Allgemein */
    .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 { float: left; }

    /* Container */
    .container { width: 1200px; padding: 0; max-width: calc(100vw - (100vw - 100%));}

    /* Grid */
    .col-xl-12 { width: 100%; }
    .col-xl-11 { width: 91.66666667%; }
    .col-xl-10 { width: 83.33333333%; }
    .col-xl-9 { width: 75%; }
    .col-xl-8 { width: 66.66666667%; }
    .col-xl-7 { width: 58.33333333%; }
    .col-xl-6 { width: 50%; }
    .col-xl-5 { width: 41.66666667%; }
    .col-xl-4 { width: 33.33333333%; }
    .col-xl-3 { width: 25%; }
    .col-xl-2 { width: 16.66666667%; }
    .col-xl-1 { width: 8.33333333%; }

}