/* Container für Kataloge komplett */
#main #cataloge_weyland,
#cataloge_weyland {
    float: left;
    padding-top: 0;
    width: 100%;
}

.navAside #main > #cataloge_weyland {
    padding-left: 6%;
    padding-right: 6%;
}

/* Katalog Suche */
.catalog-suche-container-outer {
    margin-bottom: 30px;
    text-align: right;
}

.catalog-suche-container-inner {
    background-color: #585858;
    border: 1px solid #7e7e7e;
    display: inline-block;
    padding: 5px;
    position: relative;
    max-width: 100%;
    min-width: 194px;
    width: calc(40% - 20px);
}
.btn-search,
.txt-search { height: 34px; background-color: #585858; color: #fff; cursor: pointer; }
.btn-search:active { outline: none; }
.btn-search { width: 30px; vertical-align: middle; border: 1px solid #585858; border-right: none; }
.txt-search { width: calc(100% - 30px); border: 1px solid #585858; border-left: none; font-size: 22px; }

/* Katalog Suchergebnis */
.catalog-suche-erg { display: none; position: absolute; overflow-y: auto; overflow-x: hidden; max-height: 60vh; z-index: 100; padding: 10px; border: 1px solid #7e7e7e; border-top: none; background-color: #fff; width: calc(100% + 2px); left: -1px; top: calc(100% + 1px); box-shadow: 0 0 16px 0 #585858; }
.catalog-suche-erg ul::before,
.catalog-suche-erg li::before { display: none; }
.catalog-suche-erg ul,
.catalog-suche-erg li { margin: 0; padding: 0; list-style: none; cursor: pointer; }
.catalog-suche-erg a { display: block; padding: 10px; text-decoration: none; color: #585858; }
.catalog-suche-erg .ebene1 li { position: static; border-bottom: 1px solid #585858; background: url('/typo3conf/ext/catalog_weyland/Resources/Public/Img/arrow-right.svg') no-repeat; background-position: right center; background-size: 15px; }
.catalog-suche-erg .ebene1 { position: relative; }
.catalog-suche-erg .ebene2 {display: none; position: absolute; top: 0; left: 100%; width: 100%; }
.catalog-suche-erg .title { font-weight: bold; padding-bottom: 10px; }
.catalog-suche-erg .content { padding-bottom: 0; float: none; }
.catalog-suche-erg .is-open > ul { display: block; }
.catalog-suche-erg li.js-back { padding: 10px 30px; color: #585858; background: url('/typo3conf/ext/catalog_weyland/Resources/Public/Img/arrow-left.svg') no-repeat; background-position: left center; background-size: 15px; }
.catalog-suche-erg .js-back:hover { color: #f59c00; }
.catalog-suche-erg .slide-out > li { border: none; background: none; }

/* Ergebnis von Suche Effekte
-------------------------------------- */
.transition {
    -webkit-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

.slide-out {
    -webkit-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate3d(-100%, 0, 0);
    -o-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
}


/* Katalog Übersicht Style */
#mainWrapper #main .cataloge-wrap {
    width: 100%
}
.cataloge-wrap {
    clear: both;
    float: left;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}
.cataloge {
    flex: auto;
    max-width: 148px;
    margin: 12px;
    transition: all 500ms ease;
}

.cataloge p {
    font-size: 80%;
}

.cataloge img {
    width: 100%;
}

@media screen and (max-width: 500px) {
    .catalog-suche-container-inner {
        width: 100%;
    }
}

.js .cataloge:hover {
    transform: scale(1.05);
}