/* NAVBAR: Anthrazit-Hintergrund */
.swagger-ui .topbar {
    background-color: #2A2A2A !important;
}

/* Logo ersetzen */
.topbar-wrapper .link * {
    display: none !important;
}

.topbar-wrapper .link {
    display: block !important;
    background-image: url('/docs/energieversum_invert.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left center;
    height: 60px;
    width: 220px;
}

/* SELECT-DROPDOWN: Akzentfarbe Blau */
.swagger-ui .topbar .download-url-wrapper .select-label select {
    border: 1px solid #00A7C2;
    background-color: #1D1D1D;
    color: #FFFFFF;
}

/* TITEL-Label */
.swagger-ui .info .title small:last-child {
    background-color: #00A7C2 !important;
    color: #FFFFFF;
}

/* BODY: Hellgrauer Hintergrund, dunkelgrauer Text */
.swagger-ui .swagger-ui {
    background-color: #EDEDED;
    color: #2A2A2A;
}

/* HEADLINE */
.swagger-ui .info .title {
    color: #1D1D1D;
}

/* BUTTONS: Primärfarbe Blau, Text weiß */
.swagger-ui .btn.authorize {
    background-color: #00A7C2 !important;
    color: #FFFFFF !important;
}

/* Sekundäre Buttons */
.swagger-ui .btn.cancel,
.swagger-ui .btn-done {
    background-color: #C2C6CA !important;
    color: #1D1D1D !important;
}

/* TEXT-Farben */
.swagger-ui .opblock-summary-description,
.swagger-ui .opblock-summary-path {
    color: #2A2A2A !important;
}

.swagger-ui {
    background-color: white !important;
}