html {
    font-size: 75%;
}

.fieldset__label {
    padding-top: 0;
    padding-bottom: 0;
}

.gin-breadcrumb-wrapper {
    visibility: hidden;
}

.text-primary {
    color: var(--gin-color-primary);
}

.d-none {
    display: none;
}

.pointer {
    cursor: pointer;
}

.toolbar-link--content,
.toolbar-link--blocks,
.toolbar-link--help,
.path-user details[data-drupal-selector="edit-gin-theme-settings"],
.view-revisionen .views-field.views-field-revision-log {
    display: none !important;
}

ul.horizontal-tabs-list {
    margin-bottom: -1em !important;
}

.gin--edit-form .field--name-title .form-element {
    font-size: inherit;
    font-weight: normal;
    line-height: normal;
    letter-spacing: unset;
}

div#block-gin-content {
    width: 100% !important;
    margin: 0 !important;
    max-width: unset !important;
}

.claro-details__wrapper.details-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.claro-details__wrapper.details-wrapper>fieldset {
    width: 32%;
    margin-top: var(--space-xs);
    margin-bottom: var(--space-xs);
}

.node-objekt-edit-form {
    width: 100% !important;
    max-width: unset !important;
    margin: 0 !important;
}

.field--name-field-bilder {
    width: 100%;
}

.file-widget-multiple.has-table {
    width: 100%;
}

fieldset[id^="edit-combine-wrapper"] {
    width: 100%;
}

fieldset#edit-combine-wrapper .form-item.js-form-type-select {
    width: 33.33%;
}

fieldset#edit-combine-wrapper .form-item.js-form-type-textfield {
    width: 66.67%;
}

fieldset#edit-combine-wrapper .form-item>* {
    width: 100%;
    max-width: unset;
}

#toolbar-link-ZzuE4qwk1v-xXaNe::before,
.toolbar-link[class*="toolbar-link--menu-link-content4acc66f7-06ab-4642-8dee-47d1175cd694"]::before {
    mask-image: url(/sites/default/files/icons/objects.svg);
}

#toolbar-link-tob6UFHcHZnmNNLI::before,
.toolbar-link[class*="toolbar-link--menu-link-contentd58b346c-982f-4ad0-918e-79e2bfa539b2"]::before {
    mask-image: url(/sites/default/files/icons/deals.svg);
}

#toolbar-link-cJZVnrK3qVPfw_Ht::before,
.toolbar-link[class*="toolbar-link--menu-link-content8efe2655-3be0-45fe-80d8-ffb85a231a16"]::before {
    mask-image: url(/sites/default/files/icons/inbox.svg);
}

#toolbar-link-2QRKZ9sYmElwzczq::before,
.toolbar-link[class*="toolbar-link--menu-link-content889f8c07-bf67-4ac2-95bc-c28261b2f225"]::before {
    mask-image: url(/sites/default/files/icons/contacts.svg);
}

.toolbar-link[class*="toolbar-link--menu-link-contenta2d50a0a-48d2-4b54-a140-97df0717a3b"]::before {
    mask-image: url(/sites/default/files/icons/dashboard.svg);
}

.view {
    &.view-neuste-objekte {
        .view-content {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            row-gap: 1rem;
        }

        .views-row {
            width: 32.5%;
            display: inline-block;
        }
    }

    .view-revisionen {
        width: 50%;
    }
}

.field.field--name-field-widgets-container>.field__item:not(:last-child) {
    padding-bottom: 2em;
    margin-bottom: 2em;
    border-bottom: 3px solid var(--gin-color-primary);
}

.slick {
    margin-top: .75em;
}

.slick-arrow {
    background: rgb(var(--gin-bg-app-rgb));
    margin-left: .5rem;
    margin-right: .5rem;

    &::before {
        color: var(--gin-color-primary);
    }

    &:hover {
        background: var(--gin-color-primary);

        &::before {
            color: rgb(var(--gin-bg-app-rgb));
        }
    }
}

.extlink-nobreak {
    color: unset !important;
}

.form-item--combine {
    width: 100%;

    input {
        width: inherit;
    }
}

fieldset#edit-combine-wrapper .form-item.js-form-type-select,
.form-item--combine-op {
    width: 240px;

    select {
        width: inherit;
    }
}

.node.node--type-objekt {

    &.node--view-mode-teaser {
        border: 3px solid var(--gin-color-primary);
        border-radius: 10px;
        padding: 1em;

        h2 {
            min-height: 55px;
        }
    }
}

@media screen and (max-width: 1024px) {

    .claro-details__wrapper.details-wrapper>fieldset,
    .view-neuste-objekte .views-row {
        width: 49%;
    }
}

@media screen and (max-width: 975.5px) {
    span.extlink-nobreak {
        position: absolute;
        padding: 0;
        top: 50%;
        left: 0;
        transform: translateY(-50%);
    }
}

@media screen and (max-width: 768px) {

    .claro-details__wrapper.details-wrapper>fieldset,
    .view-neuste-objekte .views-row {
        width: 100%;
    }
}