body {
    font-family: Tahoma, "Helvetica Neue", Helvetica, Arial, "sans-serif";
    background-image: url(../Bilder/pgbk2.gif);
}

label, input[type=checkbox] {
    display: none;
}

#navi ul {
    width: 100%;
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: inline-flex;
    justify-content: center;
}

    #navi ul li {
        text-align: center;
        width: 100%
    }

        #navi ul li a {
            /*border: 1px solid #888;*/
            padding: 0.1em;
            margin: 0.2em;
            background-color: #a0a;
            /*border-radius: 5px;*/
            text-decoration: none;
            color: #ccc;
            display: block;
           transition: all .25s ease-in;	  
        }

#navi li a:link {
    color: #ccc;
    background-color: #a0a
}

#navi li a:visited {
    color: #ccc;
    background-color: #a0a
}

#navi li a:hover {
    color: #fff;
    background-color: #d0d
}

#navi #currentpage a {
    color: #fff;
    background-color: #a0a
}



#Header {
    width: 70%;
    display: block;
    content: url("../Bilder/GepflegteKleidung.jpg");
    margin: 0 auto;
}

#Slogan {
    width: 100%;
    content: url("../Bilder/sloganbg.gif");
    border: 0;
}


#Deko {
    width: 15%;
    background-image: url("../Bilder/Dekolila.gif");
    border: 0;
    font-size: 1em;
    color: #ccc;
    float: left;
}


    #Deko ul {
        padding: 1em;
    }

    #Deko li {
        padding: 1em;
    }

#Inhalt {
    width: 100%;
    background-image: url("../Bilder/Mainlila.gif");
    display: inline-flex;
}

#ContLaden {
    width: 50%;
    background-color: #fff;
    margin: 0.3em;
    border: 0;
    float: left;
}

#PicLaden {
    padding: 0.8em;
    width: 45%;
    border: 0;
    content: url("../Bilder/Laden.gif");
    display: block;
    margin: auto;
}

#Anschrift {
    width: 45%; /*310px;   height:170px;*/
    border: 0; /*thin solid #888888;*/
    font-size: 1em; /*16px;*/
    padding: 0;
    text-align: center;
    display: block;
    margin: auto;
    /*background-image: url(../Bilder/Mainlila.gif);*/
}

#Überschrift {
    text-align: center;
    font-style: italic;
    font-family: Calibri;

}

#neueZeiten {
    text-align: center;
    font-size: 0.8em;
    font-family: Tahoma,sans-serif;
}

.vLine {
    width: 90%;
    display:  none;
}
#Leistungen li {
    padding: 0.3em;
}
#details {
    display : none}
#klappe li {
    color:blue ;}

#klappe li:hover {
    cursor: pointer;
    color:rgb(10,10,100);
}
#map {
    padding: 0.8em;
    width: 80%;
    border: 0;
    content: url(../Bilder/Stadtplan.gif);
    display: block;
    margin: auto;
}
#PreiseReinigung {
    font-size: 0.9em;
    margin-left: 3em;
    float:left;
}
#PreiseSchneiderei {
    font-size: 0.9em;
    margin-left: 3em;
    display: inline-block;
    padding-bottom: 1em;
}
.linkeSpalte {
    width: 150px;}
.rechteSpalte {
    width: 150px;
    text-align:right;
}
.tblHead {
    margin-left: 5em;
    font-size: 1em;
}
#pHose::before {
    content: '5,70';
}

#pdf {
width :85%;
}

#Impressum {
    margin:5em;}

@media only screen and (max-width: 600px) {

    label {
        display: inline;
    }

        label img {
            position: absolute;
            width: 1.4em;
            height: 1.4em;
            top: 2em;
            right: 0.6em;
        }


    input[type=checkbox]:checked ~ #navi {
        display: block;
    }

    #Header {
        width: 100%;
    }

    #navi {
        display: none;
    }

    input[type=checkbox]:checked ~ #Inhalt {
        display: none;
    }


    #navi ul li a {
        width: 100%;
        padding: 0.4em;
    }

    #navi ul {
        display: block;
    }

    #navi li {
        margin: 0.4em;
    }

    #Deko {
        width: 100%;
        height: 2em;
        /*background-image: url(../Bilder/Dekolila.gif);*/
        border: 0;
        font-size: 0.8rem;
        color: #ccc;
        display: inline-flex;
        justify-content: center;
    }

        #Deko ul {
            display: inline-flex;
            padding: 0;
            margin: 0.5em;
        }

        #Deko li {
            padding: 0;
            margin-left: 2em;
        }

    #Inhalt {
        width: 100%;
        display: inline-block;
    }

    .vLine {
        width: 90%;
        display: block;
    }

    #Anschrift {
        width: 80%
    }
}