body {
    /* Pfad zum Bild anpassen */
    background-image: url('../logos/haupt_hg.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
    min-height: 100vh;
}

#carouselExampleCaptions {
    display: none;
}

#Site_Begruessung {
    display: none;
    /*  visibility:hidden;*/
}


#carouselExampleCaptions {
    display: none;
}


#Datail_Rahmen {
    margin-top: 180px;
    margin-bottom: 60px;
    /*Redaktionsartikel teiweise transparent machen 0.8 */
    background: rgba(255,255,255,0.8);
}

#RedaktionsKopf {
    text-align: center;
    /*background-color: cadetblue;*/
}


#RedaktionKoerper {
}


#Redaktionsschluss {
    text-align: center;
    display: none;
}


.my-container {
    width: 100%;
    padding-right: var(--bs-gutter-x, 1.5rem);
    padding-left: var(--bs-gutter-x, 1.5rem);
    margin-right: auto;
    margin-left: auto;
    max-width: 100%;
    /*border:red 1px solid;*/
}


.ArtikelRahmen {
    border: 1px solid black;
    border-radius: 5px;
}

.Rahmen_Detailartikel {
}



.VideoFrame {
    width: 1200px;
    height: 900px;
    border: 3px silver solid;
}

.Rahmen_1 {
}

.Rahmen_2 {
}

.Rahmen_3 {
}

.Rahmen_7 {
    display: inline-block;
}


.BilderRahmen {
}


.ArtikelBild_Gross {
    width: 100%;
}

.ArtikelBildGross_111,
.ArtikelBildGross_112,
.ArtikelBildGross_121,
.ArtikelBildGross_122,
.ArtikelBildGross_430,
.ArtikelBildGross_440,
.ArtikelBildGross_700,
.ArtikelBildGross_700_BS {
    float: left;
    margin: 0px 10px 10px 10px;
    width: 50%;
}

.ArtikelBildGross_111,
.ArtikelBildGross_430 {
    margin: 0px 30px 10px 10px;
}


.ArtikelBildGross_700_BS {
    width: 100%;
}


.ArtikelBildGross_112,
.ArtikelBildGross_122 {
    float: right;
}


.RedaktionsKopfText {
    font-family: 'Roboto', Verdana, Arial, Helvetica, sans-serif;
    font-size: 1.5em;
    padding: 5px;
}



.RedaktionKoerperText {
}



.RedaktionsSchlussText {
    font-family: 'Roboto', Verdana, Arial, Helvetica, sans-serif;
    font-size: 0.5em;
    padding-top: 5px;
    padding-bottom: 5px;
}


.Artikeltext {
    /* background-color: whitesmoke;*/
}


.KurzinhaltRahmen {
    /* background-color: whitesmoke;*/
    /*border: 1px red solid;*/
}

.Titel1,
.Titel2,
.TextunterBild,
.HauptArtikeltext,
.VorschauArtikeltext_1,
.VorschauArtikeltext_2,
.Kurzinhalttext,
.Schlusszeile {
    font-family: 'Roboto', Verdana, Arial, Helvetica, sans-serif;
    padding: 10px;
    /* Wenn ich die nächste Zeile abschalte, funktionieren die Grössenangaben aus der Redaktionverwaltung!*/
    /*font-size: 1em;*/
    /*-------------------*/
    /* Wenn ich die nächste Zeile abschalte, funktionieren die Farbangaben aus der Redaktionverwaltung!*/
    /* color: dimgrey;*/
}



.UnterRubrik,
.Weiter_Button_Text,
.RedaktionsFussText,
.Verweise {
    font-family: 'Roboto', Verdana, Arial, Helvetica, sans-serif;
    padding: 10px;
    font-size: 1em;
    color: dimgrey;
}


.UnterRubrik {
    color: cadetblue;
}

.Titel1 {
    /*font-size: 1.2em;*/
    font-weight: bold;
}

.Titel2 {
    /*font-size: 1.1em;*/
}

.Kurzinhalttext {
    padding: 0px 10px 10px 10px;
}

    .Kurzinhalttext a:link {
        color: cornflowerblue;
        font-weight: bold;
        /*font-size: 1.1em;*/
        font-style: italic;
        text-decoration: none;
    }

    .Kurzinhalttext a:hover {
        font-weight: normal;
        font-size: 1.2em;
        color: green;
        text-decoration: underline;
    }

.VorschauArtikeltext_1 {
    padding: 0px 10px 10px 10px;
}

    .VorschauArtikeltext_1 a:link {
        color: cornflowerblue;
        font-weight: bold;
        font-size: 1.1em;
        font-style: italic;
        text-decoration: none;
    }

    .VorschauArtikeltext_1 a:hover {
        font-weight: normal;
        font-size: 1.2em;
        color: green;
        text-decoration: underline;
    }


.VorschauArtikeltext_2 {
    padding: 0px 10px 10px 10px;
}

    .VorschauArtikeltext_2 a:link {
        color: cornflowerblue;
        font-weight: bold;
        font-size: 1.1em;
        font-style: italic;
        text-decoration: none;
    }

    .VorschauArtikeltext_2 a:hover {
        font-weight: normal;
        font-size: 1.2em;
        color: green;
        text-decoration: underline;
    }



.HauptArtikeltext {
    padding: 0px 10px 10px 10px;
}

    .HauptArtikeltext a:link {
        color: cornflowerblue;
        font-weight: bold;
        font-size: 1.1em;
        font-style: italic;
        text-decoration: none;
    }

    .HauptArtikeltext a:hover {
        font-weight: normal;
        font-size: 1.2em;
        color: green;
        text-decoration: underline;
    }



.Verweise {
}

    .Verweise a:link {
        color: cornflowerblue;
        font-weight: bold;
        font-size: 1.1em;
        font-style: italic;
        text-decoration: none;
    }

    .Verweise a:hover {
        font-weight: normal;
        font-size: 1.2em;
        color: green;
        text-decoration: underline;
    }



.Schlusszeile {
    /*color: black;*/
}


.TextunterBild {
    /*color: black;*/
}

    .TextunterBild a:link {
        color: cornflowerblue;
        font-weight: bold;
        font-size: 1.1em;
        font-style: italic;
        text-decoration: none;
    }


    .TextunterBild a:hover {
        font-weight: normal;
        font-size: 1.2em;
        color: green;
        text-decoration: underline;
    }


.Weiter_Button {
    text-align: center;
    padding: 7px 0px 10px 0px;
    border-top: 1px darkgray solid;
    /* background-color: whitesmoke;*/
}



.Weiter_Button_Text {
    color: cornflowerblue;
    font-size: 1.6em;
}

    .Weiter_Button_Text:link {
        text-decoration: none;
    }

    .Weiter_Button_Text:hover {
        font-weight: bold;
    }


.RedaktionsFussLinieEinzelartikel {
    /*display: none;*/
}

.RedaktionsFussLinieAlleArtikel {
    /*background-color: whitesmoke;*/
}

.Clear_schalten {
    clear: both;
    visibility: hidden;
}



.RedaktionsSchlussText {
    font-family: 'Roboto', Verdana, Arial, Helvetica, sans-serif;
    font-size: 0.9em;
    padding: 5px;
    /* border: 1px red solid;*/
}


.VideoFrame {
    width: 100%;
    /*height: 714px;*/
}



@media (max-width:576px) {

    #Datail_Rahmen {
        margin-top: 80px;
    }

    .VideoFrame {
        /*width: 310px;*/
        height: 220px;
        /*border: 3px red solid;*/
    }

    .my-container {
        max-width: 540px;
    }
}


@media (max-width: 768px) {
    #Datail_Rahmen {
        margin-top: 80px;
    }

    .my-container {
        max-width: 720px;
    }
}


@media (max-width:992px) {

    #Datail_Rahmen {
        margin-top: 80px;
    }

    .VideoFrame {
        /*width: 510px;*/
        height: 340px;
        /*border: 3px green solid;*/
    }

    .my-container {
        max-width: 960px;
    }
}


@media (max-width:1200px) {

    #Datail_Rahmen {
        margin-top: 80px;
    }

    .VideoFrame {
        /*width: 810px;*/
        height: 540px;
        /* border: 3px silver solid;*/
    }

    .my-container {
        max-width: 1140px;
    }
}


@media (max-width:1400px) {

    #Datail_Rahmen {
        margin-top: 80px;
    }

    .VideoFrame {
        /*width: 810px;*/
        height: 540px;
        /* border: 3px silver solid;*/
    }

    .my-container {
        max-width: 1320px;
    }
}