﻿body {
    font-family: 'Roboto', Verdana, Arial, Helvetica, sans-serif;
    background-color: var(--default-background-00);
}

#infoButton {
   /* display: none;*/
}

#Artikel_Haupt_Rahmen {
    background-color: var(--default-background-01);
}


#RedaktionsKopf {
    background-color: var(--default-background-03);
}

.Default_Artikel_Rahmen_100 {
    background-color: var(--default-background-04);
}

.Default_Artikel_Rahmen_200 {
    background-color: var(--default-background-05);
}

.Default_Artikel_Rahmen_300 {
    background-color: var(--default-background-06);
}

.Default_Artikel_Rahmen_301 {
    background-color: var(--default-background-06);
}

.Default_Artikel_Rahmen_302 {
    background-color: var(--default-background-06);
}

.Default_Artikel_Rahmen_303 {
    background-color: var(--default-background-06);
}

.Default_Artikel_Rahmen_400 {
    background-color: var(--default-background-06);
}

.Default_Artikel_Rahmen_410 {
    background-color: var(--default-background-06);
}

.Default_Artikel_Rahmen_420 {
    background-color: var(--default-background-06);
}

.Default_Artikel_Rahmen_430 {
    background-color: var(--default-background-06);
}

.Default_Artikel_Rahmen_431 {
    background-color: var(--default-background-06);
}

.Default_Artikel_Rahmen_432 {
    background-color: var(--default-background-06);
}

.Default_Artikel_Rahmen_433 {
    background-color: var(--default-background-06);
}

.Default_Artikel_Rahmen_440 {
    background-color: var(--default-background-06);
}

.Default_Artikel_Rahmen_700 {
    background-color: var(--default-background-07);
}

#Startseite_A1 {
}

#Startseite_A2 {
    display: none;
}

#Startseite_A3 {
    display: none;
}


#Startseite_B1 {
    /*display: none;*/
}

#Startseite_B2 {
    /* display: none;*/
}

#Startseite_B3 {
    /* display: none;*/
}

#Artikel_Haupt_Rahmen {
    padding: 20px;
    margin: 30px 0px;
    border: 1px solid var(--default-border_rahmen_01);
    border-radius: 20px;
}


#Haupt_Rahmen,
#RedaktionsKopf {
    border: 1px solid var(--default-border_rahmen_02);
    border-radius: 10px;
}


.Default_Artikel_Rahmen_100,
.Default_Artikel_Rahmen_200,
.Default_Artikel_Rahmen_400,
.Default_Artikel_Rahmen_410,
.Default_Artikel_Rahmen_420,
.Default_Artikel_Rahmen_430,
.Default_Artikel_Rahmen_431,
.Default_Artikel_Rahmen_432,
.Default_Artikel_Rahmen_433,
.Default_Artikel_Rahmen_440,
.Default_Artikel_Rahmen_700 {
    /*background-color: var(--default-background-00);*/
    border: 1px solid var(--default-border_rahmen_03);
    border-radius: 10px;
}

.Default_Artikel_Rahmen_300 {
    /*background-color: var(--default-background-00);*/
    border: 1px solid var(--default-border_rahmen_300);
    border-radius: 10px;
}

.Default_Artikel_Rahmen_301 {
    /*background-color: var(--default-background-00);*/
    border: 1px solid var(--default-border_rahmen_300);
    border-radius: 10px;
}

.Default_Artikel_Rahmen_302 {
    /*background-color: var(--default-background-00);*/
    border: 1px solid var(--default-border_rahmen_300);
    border-radius: 10px;
}

.Default_Artikel_Rahmen_303 {
    /*background-color: var(--default-background-00);*/
    border: 1px solid var(--default-border_rahmen_300);
    border-radius: 10px;
}




#Default_Meldung_Zeile {
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
}





.Default_SiteText_S,
.Default_SiteText_M,
.Default_SiteText_L,
.Default_SiteText_XL,
.Default_SiteText_XXL {
    color: var(--default-text_color_01);
}

.Default_SiteText_S {
    font-size: 0.9em;
}

.Default_SiteText_M {
    font-size: 1.1em;
}

.Default_SiteText_L {
    font-size: 1.5em;
}

.Default_SiteText_XL {
    font-size: 1.8em;
}

.Default_SiteText_XXL {
    font-size: 2.2em;
}




.Default_Artikel_Rahmen_100 {
    padding: 10px;
}

.Default_Artikel_Rahmen_200 {
    /* border: 2px whitesmoke solid;*/
    /*background: white;*/
    padding: 10px;
}


.Default_Artikel_Rahmen_300 {
    padding: 15px;
    /*margin-bottom: 10px;*/
}

.Default_Artikel_Rahmen_301 {
    padding: 15px;
    /*margin-bottom: 10px;*/
}

.Default_Artikel_Rahmen_302 {
    padding: 15px;
    /*margin-bottom: 10px;*/
}

.Default_Artikel_Rahmen_302 {
    padding: 15px;
    /*margin-bottom: 10px;*/
}

.Default_Artikel_Rahmen_400 {
    /* border: 2px whitesmoke solid;*/
    background: white;
    padding: 5px;
    /*margin-bottom: 10px;*/
}


.Default_Artikel_Rahmen_410 {
    /* border: 2px whitesmoke solid;*/
    background: white;
    padding: 5px;
    /*margin-bottom: 10px;*/
}


.Default_Artikel_Rahmen_420 {
    /* border: 2px whitesmoke solid;*/
    background: white;
    padding: 25px;
    /*margin-bottom: 10px;*/
}

.Default_Artikel_Rahmen_430 {
    padding-top: 10px;
    transition: transform .5s;
}

    .Default_Artikel_Rahmen_430:hover {
        /*background-color:whitesmoke;*/
        transform: scale(1.05);
    }

.Default_Artikel_Rahmen_431 {
    padding-top: 10px;
    transition: transform .5s;
}

    .Default_Artikel_Rahmen_431:hover {
        /*background-color:whitesmoke;*/
        transform: scale(1.05);
    }

.Default_Artikel_Rahmen_432 {
    padding-top: 10px;
    transition: transform .5s;
}

    .Default_Artikel_Rahmen_432:hover {
        /*background-color:whitesmoke;*/
        transform: scale(1.05);
    }

.Default_Artikel_Rahmen_433 {
    padding-top: 10px;
    transition: transform .5s;
}

    .Default_Artikel_Rahmen_433:hover {
        /*background-color:whitesmoke;*/
        transform: scale(1.05);
    }

.Default_Artikel_Rahmen_440 {
    padding-top: 10px;
}


.Default_Artikel_Rahmen_700 {
    padding-top: 10px;
}



.ArtikelBild_Show {
}



#RedaktionsKopf {
    text-align: center;
    /*background-color: cadetblue;*/
}

#RedaktionKoerper {
}



.RedaktionKoerperText {
}

.ArtikelBild_Klein {
    width: 240px;
}

.ArtikelBild_Klein_430 {
    /*Kann ich beides benutzen, es wirkt sich auf jeden Fall aus!!*/
    /* width: 200%;*/
    width: 240px;
}


.UnterRubrik,
.Weiter_Button_Text,
.RedaktionsFussText,
.Kurzinhalttext {
    font-family: 'Roboto', Verdana, Arial, Helvetica, sans-serif;
}


.UnterRubrik {
    /* color: cadetblue;*/
}

.Titel1 {
    font-family: 'Roboto', Verdana, Arial, Helvetica, sans-serif;
    /*color: cornflowerblue;*/
}

    .Titel1 a:link {
        text-decoration: none;
    }

    .Titel1 a:hover {
        font-weight: bold;
        text-decoration: none;
    }


.Titel2 {
}



.KurzinhaltRahmen {
}

.KurzinhaltRahmenMittel {
}

.KurzinhaltRahmenGross {
}


.ArtikelTextRahmen {
}

.Kurzinhalttext {
    padding: 10px 0px;
}


    .Kurzinhalttext a:link {
        text-decoration: none;
    }

    .Kurzinhalttext a:hover {
        color: green;
        text-decoration: underline;
    }



.Artikeltext {
    padding: 10px 0px;
}


    .Artikeltext a:link {
        text-decoration: none;
    }

    .Artikeltext a:hover {
        color: green;
        text-decoration: underline;
    }



.Rahmen_Detailartikel {
}

.Rahmen_1 {
}

.Rahmen_2 {
}

.Rahmen_3 {
}

.Rahmen_7 {
    display: inline-block;
}




.ArtikelBild_Klein_ohne_Weiter {
    /* width:620px;*/
}

.ArtikelBild_Mittel_ohne_Weiter {
    /* width: 650px;*/
}

.ArtikelBild_Gross_ohne_Weiter {
    /* width: 900px;*/
}

.ArtikelBildKlein_111,
.ArtikelBildKlein_112,
.ArtikelBildKlein_121,
.ArtikelBildKlein_122,
.ArtikelBildKlein_210,
.ArtikelBildMittel_211,
.ArtikelBildGross_212,
.ArtikelBildKlein_220,
.ArtikelBildMittel_221,
.ArtikelBildGross_222 {
    float: left;
    margin: 0px 10px 10px 0px;
}


.ArtikelBildKlein_111,
.ArtikelBildKlein_112,
.ArtikelBildKlein_121,
.ArtikelBildKlein_122 {
}

.ArtikelBildMittel_211 {
    margin: 0px 30px 10px 0px;
}

.ArtikelBildMittel_221 {
    margin: 0px 10px 10px 30px;
}


.ArtikelBildKlein_121,
.ArtikelBildKlein_122,
.ArtikelBildKlein_220,
.ArtikelBildMittel_221,
.ArtikelBildGross_222 {
    float: right;
}

.ArtikelBildKlein_210,
.ArtikelBildKlein_220 {
    /* width:520px;*/
}




.ArtikelBildKlein_111 {
    width: 350px;
    overflow: hidden;
}

    .ArtikelBildKlein_111 img {
        width: 100%;
        transition: transform 0.5s ease;
    }

    .ArtikelBildKlein_111:hover img {
        transform: scale(1.1);
    }

.ArtikelBildKlein_112 {
    width: 350px;
    overflow: hidden;
}

    .ArtikelBildKlein_112 img {
        width: 100%;
        transition: transform 0.5s ease;
    }

    .ArtikelBildKlein_112:hover img {
        transform: scale(1.1);
    }



.ArtikelBildKlein_121 {
    width: 350px;
    overflow: hidden;
}

    .ArtikelBildKlein_121 img {
        width: 100%;
        transition: transform 0.5s ease;
    }

    .ArtikelBildKlein_121:hover img {
        transform: scale(1.1);
    }

.ArtikelBildKlein_122 {
    width: 350px;
    overflow: hidden;
}

    .ArtikelBildKlein_122 img {
        width: 100%;
        transition: transform 0.5s ease;
    }

    .ArtikelBildKlein_122:hover img {
        transform: scale(1.1);
    }

.ArtikelBildKlein_210 {
    overflow: hidden;
}

    .ArtikelBildKlein_210 img {
        width: 100%;
        transition: transform 0.5s ease;
    }

    .ArtikelBildKlein_210:hover img {
        transform: scale(1.1);
    }



.ArtikelBildKlein_220 {
    overflow: hidden;
}

    .ArtikelBildKlein_220 img {
        width: 100%;
        transition: transform 0.5s ease;
    }

    .ArtikelBildKlein_220:hover img {
        transform: scale(1.1);
    }



.ArtikelBildMittel_211 {
    overflow: hidden;
}

    .ArtikelBildMittel_211 img {
        width: 100%;
        transition: transform 0.5s ease;
    }

    .ArtikelBildMittel_211:hover img {
        transform: scale(1.1);
    }


.ArtikelBildMittel_221 {
    overflow: hidden;
}

    .ArtikelBildMittel_221 img {
        width: 100%;
        transition: transform 0.5s ease;
    }

    .ArtikelBildMittel_221:hover img {
        transform: scale(1.1);
    }



.ArtikelBildGross_212 {
    overflow: hidden;
}

    .ArtikelBildGross_212 img {
        width: 100%;
        transition: transform 0.5s ease;
    }

    .ArtikelBildGross_212:hover img {
        transform: scale(1.1);
    }


.ArtikelBildGross_222 {
    overflow: hidden;
}

.ArtikelBildGrossl_222 img {
    width: 100%;
    transition: transform 0.5s ease;
}

.ArtikelBildGross_222:hover img {
    transform: scale(1.1);
}



.ArtikelBild_Rahmen_430 {
}

    .ArtikelBild_Rahmen_430:hover {
    }


.ArtikelBild_Rahmen_431 {
}

    .ArtikelBild_Rahmen_431:hover {
    }

.ArtikelBild_Rahmen_432 {
}

    .ArtikelBild_Rahmen_432:hover {
    }

.ArtikelBild_Rahmen_433 {
}

    .ArtikelBild_Rahmen_433:hover {
    }



.ArtikelBild_Rahmen_440 {
}

    .ArtikelBild_Rahmen_440:hover {
        /*  border: 1px blue solid;*/
    }

.ArtikelBild_Rahmen_700 {
}

    .ArtikelBild_Rahmen_700:hover {
        /*  border: 1px blue solid;*/
    }



.ArtikelBild_430 {
    width: 100%;
    /*border: 1px gray solid;*/
    padding: 1px;
}

    .ArtikelBild_430:link {
    }

    .ArtikelBild_430:focus {
    }

    .ArtikelBild_430:hover {
        /*border: 1px whitesmoke solid;*/
        /* box-shadow: inset -2px -4px 2px gray;*/
        /*display: block;*/
        /* background-color: silver;*/
        /*background-color: red;*/
        opacity: 0.80;
    }

    .ArtikelBild_430:active {
    }

    .ArtikelBild_430 a:hover {
    }


.ArtikelBild_440 {
    width: 100%;
}

    .ArtikelBild_440:hover {
        /*border: 1px darkgray solid;*/
        /* box-shadow: inset -2px -4px 2px gray;*/
        padding: 2px;
    }

.ArtikelBild_700 {
    width: 100%;
}

    .ArtikelBild_700:hover {
        /*  border: 1px darkgray solid;*/
        /* box-shadow: inset -2px -4px 2px gray;*/
        padding: 2px;
    }

.ArtikelBild_Show {
    width: 100%;
    transition: transform 2s;
}

    .ArtikelBild_Show:hover {
        /*transform: scale(1.1);*/
        transform: scale(-1, 1);
    }



.RedaktionsSchlussText {
    font-family: 'Roboto', Verdana, Arial, Helvetica, sans-serif;
    padding: 5px;
    /* border: 1px red solid;*/
}

.RedaktionsFussLinieAlleArtikel {
}


.Weiter_Button {
    text-align: center;
    padding: 7px 0px 10px 0px;
    /*border-top: 1px darkgray solid;*/
}



.Weiter_Button_Text {
    font-family: 'Roboto', Verdana, Arial, Helvetica, sans-serif;
    color: cornflowerblue;
    font-size: 1.0em;
}

    .Weiter_Button_Text:link {
        text-decoration: none;
    }

    .Weiter_Button_Text:hover {
        font-weight: bold;
    }


.Clear_schalten {
    clear: both;
    visibility: hidden;
}


@media (max-width:1400px) {
    .ArtikelBild_Klein_ohne_Weiter {
        width: 100%;
    }

    .ArtikelBild_Mittel_ohne_Weiter {
        width: 100%;
    }

    .ArtikelBild_Gross_ohne_Weiter {
        width: 100%;
    }

    
}


@media (max-width:1200px) {
    .ArtikelBild_Klein_ohne_Weiter {
        width: 100%;
    }

    .ArtikelBild_Mittel_ohne_Weiter {
        width: 100%;
    }

    .ArtikelBild_Gross_ohne_Weiter {
        width: 100%;
    }

   
}


@media (max-width:992px) {
    .ArtikelBild_Klein_ohne_Weiter {
        width: 100%;
    }

    .ArtikelBild_Mittel_ohne_Weiter {
        width: 100%;
    }

    .ArtikelBild_Gross_ohne_Weiter {
        width: 100%;
    }

    
}


@media (max-width:768px) {

    #infoButton {
        display: none;
    }

    .ArtikelBild_Klein_ohne_Weiter {
        width: 100%;
    }

    .ArtikelBild_Mittel_ohne_Weiter {
        width: 100%;
    }

    .ArtikelBild_Gross_ohne_Weiter {
        width: 100%;
    }

   

    .Default_SiteText_S {
        font-size: 0.9em;
    }

    .Default_SiteText_M {
        font-size: 1.0em;
    }

    .Default_SiteText_L {
        font-size: 1.2em;
    }

    .Default_SiteText_XL {
        font-size: 1.4em;
    }

    .Default_SiteText_XXL {
        font-size: 1.8em;
    }

    #Artikel_Haupt_Rahmen {
        border: 0px solid green;
        padding: 0px 20px;
    }

    #RedaktionsKopf {
        border: 0px solid red;
        border-radius: 0px;
        margin: 0px;
        padding: 0px;
    }

    .Default_Artikel_Rahmen_100,
    .Default_Artikel_Rahmen_200,
    .Default_Artikel_Rahmen_300,
    .Default_Artikel_Rahmen_400,
    .Default_Artikel_Rahmen_410,
    .Default_Artikel_Rahmen_420,
    .Default_Artikel_Rahmen_430,
    .Default_Artikel_Rahmen_431,
    .Default_Artikel_Rahmen_432,
    .Default_Artikel_Rahmen_433,
    .Default_Artikel_Rahmen_440,
    .Default_Artikel_Rahmen_700 {
        /*background-color: var(--background-00);*/
        border: 0px solid yellow;
        border-radius: 0px;
        margin: 0px;
        padding: 0px;
    }

    .ArtikelBildKlein_111,
    .ArtikelBildKlein_112,
    .ArtikelBildKlein_121,
    .ArtikelBildKlein_122,
    .ArtikelBildKlein_210,
    .ArtikelBildMittel_211,
    .ArtikelBildGross_212,
    .ArtikelBildKlein_220,
    .ArtikelBildMittel_221,
    .ArtikelBildGross_222,
    .ArtikelBild_Rahmen_700 {
        float: none;
        margin: 5px;
        border: 0px red solid;
        margin-bottom: 50px;
    }

    .ArtikelBild_Rahmen_700 {
        margin-bottom: 20px;
    }
}


@media (max-width:576px) {
    .ArtikelBild_Klein_ohne_Weiter {
        width: 100%;
    }

    .ArtikelBild_Mittel_ohne_Weiter {
        width: 100%;
    }

    .ArtikelBild_Gross_ohne_Weiter {
        width: 100%;
    }

    
}
