/* Internet-Artikel Codebox v1.0 */

.syntaxhighlighter {
    position: relative !important;
    box-sizing: border-box !important;
    border: 1px solid #30465f !important;
    border-radius: 8px !important;
    background: #101b2e !important;
    padding: 16px 12px 12px !important;
    margin: 18px 0 !important;
    max-width: 100% !important;
}

.syntaxhighlighter .code,
.syntaxhighlighter .gutter {
    background-color: #101b2e !important;
}

.syntaxhighlighter .code {
    padding-right: 10px !important;
}

.ia-codebox-copy {
    position: absolute;
    top: 5px;
    right: 8px;
    z-index: 20;
    padding: 5px 10px;
    border: 1px solid #3a5672;
    border-radius: 5px;
    background: #25374d;
    color: #e2effa;
    font: 12px/1.3 Arial, sans-serif;
    cursor: pointer;
    opacity: .65;
    transition: opacity .15s, background .15s;
}

.syntaxhighlighter:hover .ia-codebox-copy,
.ia-codebox-copy:focus-visible {
    opacity: 1;
    background: #34516e;
}

@media (max-width: 600px) {
    .syntaxhighlighter {
        padding: 16px 6px 10px !important;
    }
}