/*-------------------------------------------------------+

*/
 /* Grundlayout */
        body {
            margin: 0;
            background-color: #FEFEFA;
            color: #333333;
            font-family: Arial, sans-serif;
			/* background: #fff url("images/bg_body.gif") repeat y */
			/* background: linear-gradient(90deg,rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 50%, rgba(217, 217, 217, 1) 100%); */
        }

        /* Seitenbreite */
        .page-wrapper {
            width: 60%;
            margin: 0 auto;
			height: 100vh;
        }

        /* Kopfbereich mit Logo */
        header {
            padding-top: 1px !important;
            text-align: left;
			
        }

        .site-logo {
            display: block;
            max-width: 100%;
            height: auto;
        }

        /* Oberes Menü */
        .top-menu {
            background-color: #ffffff;
            border: 1px solid #dee2e6;
            padding: 5px;
        }

        .top-menu .nav-link {
            flex: 0 0 auto;
            width: fit-content;
            color: #0d6efd;
            background-color: #f8f9fa;
            border: 1px solid #dee2e6;
            margin: 3px;
            padding: 8px 10px;
            text-align: center;
            border-radius: 4px;
           /* font-size: 13px;*/
            line-height: 21px;
            white-space: nowrap;
            text-decoration: none;
        }

        .top-menu .nav-link:hover,
        .top-menu .nav-link.active {
            background-color: #e7f1ff;
            border-color: #0d6efd;
            color: #0d6efd;
        }

        /* Linkes Seitenmenü */
        .sidebar {
            border: 1px solid #dee2e6;
            padding: 10px;
            background-color: #ffffff;
        }

        .sidebar .nav-link {
            display: block;
            color: #0d6efd;
            background-color: #f8f9fa;
            border: 1px solid #dee2e6;
            margin-bottom: 6px;
            padding: 10px;
            border-radius: 4px;
            text-decoration: none;
			font-size: 15px;
        }

        .sidebar .nav-link:hover,
        .sidebar .nav-link.active {
            background-color: #e7f1ff;
            border-color: #0d6efd;
        }

        /* Inhaltsbereich */
        .content-area {
			height: calc(100vh - 320px);
			overflow-y: auto;
			overflow-x: hidden;
			padding: 25px;
			box-sizing: border-box;
			border: 1px solid #dee2e6;
			margin-top:-10px;
		}

        .content-area h2 {
            margin-top: 0;
            margin-bottom: 20px;
        }

        /* Fußbereich */
        footer {
            border-top: 0px solid #dee2e6;
            padding: 5px;
            text-align: center;
            margin-top: 20px;
        }

        /* Tablet */
        @media (max-width: 991.98px) {
            .page-wrapper {
                width: 95%;
            }
			.sidebar-column {
				width: 25.0%;
				flex: 0 0 25.0%;
			}

			.content-column {
				flex: 1 1 0;
				min-width: 0;
			}
        }

        /* Smartphone */
        @media (max-width: 575.98px) {
            .page-wrapper {
                width: 95%;
            }

            .content-area {
                padding: 15px;
            }
        }
		/*
		.top-menu-wrapper {
			position: fixed;
			top: 0;
			z-index: 1030;
			background-color: #fff;
		}
 */