@charset "utf-8";
/**
 * Settings for external components.
 */

/* Bricklayer */
@media screen and (min-width: 1020px) {
    .bricklayer-column-sizer {
        /* divide by 2. */
        width: 50% !important;
    }
}

@media screen and (max-width: 1020px) {
    .bricklayer-column-sizer {
        /* divide by 1. */
        width: 100% !important;
    }
}

/* Django filer */
#inhalt .djangocms_picture {
    margin-bottom: 1em;
}

#inhalt .djangocms_picture.left,
#inhalt .djangocms_picture_wrapper.left {
    float: left;
    margin-right: 1em;
}

#inhalt .djangocms_picture.right,
#inhalt .djangocms_picture_wrapper.right {
    float: right;
    margin-left: 1em;
}

#inhalt figure.left {
    float: left;
}

#inhalt figure.right {
    float: right;
}

#inhalt figcaption {
    font-style: italic;
    color: #666;
}

#inhalt figcaption svg {
    display: none;
}

#inhalt figcaption.right {
    text-align: right;
}

/* Accordion */
.accordion_toggle {
    display: none;
}

.accordion_toggle + label {
    display: block;
    cursor: pointer;
}

.accordion_toggle_icon {
    background-repeat: no-repeat;
    background-size: .35em auto;
    background-image: url(../../images/navigation/chevron-right.svg);
    padding-left: 1em;
    background-position: .25em center;
}

.accordion_toggle:checked + label .accordion_toggle_icon {
    background-size: auto .35em;
    background-image: url(../../images/navigation/chevron-down.svg);
}

.accordion_toggle + label + div {
    display: none;
}

.accordion_toggle:checked + label + div {
    /*Former display: block
    We use display: contents to make it work with css grid*/
    display: contents;
}

/* Calendar */
table.month {
    margin: 1em auto;
}

table.month td.event {
    background-color: #E8EFCF;
    font-weight: bold;
}

table.month th {
    text-align: center;
}

table.month td {
    text-align: right;
}

table.month a {
    color: #003560;
}