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

:root {
    --fontAwesome: FontAwesome-6-Pro, FontAwesome-6-Brands, fontAwesome-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;  }

/* 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 { margin: 0 auto;  }

/* Link-Icons */
a.no-icon::before {content: '';}
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; }

/* 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%; }

@media (min-width:576px) {

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

    .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){
    /* 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){
    /* Container */
    .container { 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%; }
}