/* Code Wrapper Dateiname */
.wrap {
    width:40%;
    display:inline-block;
    padding-left:2em;
    vertical-align:middle;
    background-image:url("../../layout/svg_icons/file-text.svg");
    background-position:left center;
    background-repeat:no-repeat;
    font-weight:bold;
    background-size: 18px;
}

/* Code No Wrapper Dateiname */
.nowrap {
    width:40%;
    padding-left:2em;
    vertical-align:middle;
    background-image:url("../../layout/svg_icons/file-text.svg");
    background-position:left center;
    background-repeat:no-repeat;
    font-weight:bold;
    background-size: 18px;
}

/* Code Wrapper Inhalt */
.code {
    padding-right:2em;
    padding-left:2em;
}

/* Code No Wrapper Inhalt */
.code-no-wrap {
    padding-right:2em;
    padding-left:2em;
}

/* Code Wrapper Toggler */
.wrapper {
    display:inline-block;
    padding-left:2em;
    vertical-align:middle;
    background-image:url("../../layout/svg_icons/maximize-2.svg");
    background-position:left center;
    background-repeat:no-repeat;
    font-weight:bold;
    background-size: 18px;
    cursor: pointer;
    -webkit-transition: color 500ms ease-in-out;
    -moz-transition: color 500ms ease-in-out;
    -o-transition: color 500ms ease-in-out;
    transition: color 500ms ease-in-out;
}

/* Code Wrapper Toggler Hover */
.wrapper:hover {
    color:#f60;
    -webkit-transition: color 500ms ease-in-out;
    -moz-transition: color 500ms ease-in-out;
    -o-transition: color 500ms ease-in-out;
    transition: color 500ms ease-in-out;
}

/* Code Wrapper Toggler Aktiv */
.wrapper.active {
    background-image:url("../../layout/svg_icons/minimize-2.svg");
    background-position:left center;
    background-repeat:no-repeat;
    background-size: 18px;
}
