Template:ArtBox/style.css

.wt-artbox-wrapper {
	margin: 1em 0;
}
.wt-artbox-header {
	display: flex;
}
.wt-artbox-icon {
	display: flex;
}

.wt-artbox-header { 
    display: flex; 
    align-items: stretch; /* Sorgt für gleiche Höhe */
}

/* Der Bereich für das Icon */
.wt-artbox-icon { 
    display: flex;
    align-items: center;
    padding: .5em .7em;
    border: 1px solid var(--border-color-muted, #dadde3);
    border-bottom: none;
    border-radius: .5em 0 0 0; /* Nur oben links abgerundet */
    background: var(--bg-muted, #f8f9fa); /* Optional: dezenter Hintergrund */
}

/* Der Bereich für den Text/Titel */
.wt-artbox-header .wt-artbox-title { 
    font-weight: bold; 
    padding: .5em 1em; 
    border: 1px solid var(--border-color-muted, #dadde3);
    border-width: 1px 1px 0 0; /* Oben und Rechts Rahmen */
    border-radius: 0 .5em 0 0; /* Nur oben rechts abgerundet */
}

/* Der restliche Platzhalter rechts daneben */
.wt-artbox-header .wt-artbox-fill { 
    border-bottom: 1px solid var(--border-color-muted, #dadde3); 
    flex: 2; 
}

.wt-artbox-header .wt-artbox-title {
	font-weight: bold;
	padding: .5em 1em;
	border-width: 1px 1px 0 1px;
	border-radius: .5em .5em 0 0;
}
.wt-artbox-header .wt-artbox-fill {
	border-width: 0 0 1px 0;
	flex: 2;
}
.wt-artbox-wrapper pre {
	font-family: "Source Code Pro",Menlo,Consolas,Monaco,"Lucida Console","Liberation Mono","DejaVu Sans Mono","Bitstream Vera Sans Mono","Courier New", monospace, monspace;
	margin: 0;
}
.wt-artbox-header + .mw-highlight pre {
	border-top: none;
}
.wt-artbox-wrapper div.mw-highlight,
.wt-artbox-header + div.mw-highlight {
	margin-top: 0;
}