/* ---------------------------------------------------
    NAV-BAR-0-TOP
----------------------------------------------------- */
body {
    background: #fafafa
    }

p {
    color: #000; /* 999 Text-Schrift Content */
    }

    a, a:hover, a:focus {
    color: inherit;
    text-decoration: none;
    transition: all 0.3s;
    }

/* NAV-BAR Top */
.navbar {
    padding: 15px 10px;
    background-image: url("rose-5.png");
    no-repeat center center fixed;
    background-size: 600%;
    border: none;
    border-radius: 0;
    margin-bottom: 40px;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
    }

.line {
    width: 100%;
    height: 1px;
    border-bottom: 1px dashed #ddd;
    margin: 40px 0;
    }

/* ---------------------------------------------------
    CONTENT STYLE
----------------------------------------------------- */
#content {
font-family: Garamond;
font-size: 15pt;
text-align: left;
    padding-left: 230px; /* Ursprünglich eingestellt 190px, 230px für neue Webseite */ /* Textrand links */
    padding-top: 0px; /* Start erste Seite 53px*/
    padding-right: calc(15% - 40px); /* calc(15% - 80px) */ /* Ursprünglich eingestellt calc(15% - 80px), calc(15% - 40px) für neue Webseite */ /* Textrand rechts */
/* padding-right: 98px; */
    min-height: 60vh; /* min-height: 100vh; */
    transition: all 0.3s;
    top: 0;
    right: 0;
    }
#content.active {
font-family: Garamond;
font-size: 15pt;
text-align: left;
/* padding-left: 190px; */
    width: 91%; /* 90 */
    /* padding: 5px; */
    /* padding-top: 100px; */
padding-right: calc(5% - 80px); /* 5% -80px */
/* padding-right: 5px; */
    }

/* ---------------------------------------------------
    MEDIAQUERIES Inhaltsverzeichnis
----------------------------------------------------- */
@media (max-width: 768px) {
#content {
font-family: Garamond;
font-size: 15pt;
text-align: left;
    padding-left: 190px;
    padding-top: 53px; /* Start erste Seite */
    padding-right: calc(15% - 80px);
    min-height: 100vh;
    transition: all 0.3s;
    top: 0;
    right: 0;
    }
.navbar {
    background-size: 1200%;
    }
#content.active {
font-family: Garamond;
font-size: 15pt;
text-align: left;
    width: 90%;
    /* padding: 5px; */
    /* padding-top: 100px; */
    padding-right: 5px;
    }
}