/* Suche Top-Navigation */
    
    .search-form-top {
        border-bottom: 1px solid #ccc;
    }
    
    .search-form-top input {
        border: none;
        background: none;
    }
    
    .search-form-top .button {
        font-family: fontawesome;
        cursor: pointer;
    }
    
    .search-form-top .button:hover {
        animation: flip-icon 1s ease-in-out;
    }
    /* Suche */
    
    .search .input {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding-right: 35px;
        border: none;
        background: none;
        height: 25px;
        width: 100%;
        color: #FFF;
        font-size: 95%;
        border-bottom: 1px solid #FFF;
    }
    
    .search .button {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        border: none;
        background: none;
        height: 25px;
        width: 35px;
        color: #FFF;
        font-family: 'fontawesome';
        position: absolute;
        right: 0;
        top: 12px;
        cursor: pointer;
        padding: 0;
    }
    /* Suchresultate */
    
    .search-form {
        position: relative;
        margin: 1rem 0 2.5rem 0;
    }
    
    .search-form form {
        display: flex;
        flex-wrap: nowrap;
        justify-content: flex-start;
        align-items: stretch;
        width: 100%;
    }
    
    .search-form-input {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
        background: none;
        border: 1px solid #000;
        color: #000;
        border-right: none;
        padding: 10px 15px;
    }
    
    .search-form-button {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        border: none;
        background: none;
        background-color: #000;
        color: #FFFFFF;
        font-family: var(--main-font-buttonFont);
        cursor: pointer;
        font-weight: 100;
        padding: 0 1rem;
    }
    
    .search-form-button:hover {
        opacity: 0.6;
        transition: all 0.5s ease-out;
    }
    
    .content-search {
        margin-bottom: 3rem;
    }
    
    .content-search .subtitle {
        font-weight: 100;
    }
    
    .search-results {
        padding: 1rem 0;
        border-top: 1px solid #000;
        margin: 1rem 0;
    }
    /* Suchresultate Inhalte */
    
    .layerListTemplate .list.search {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: stretch;
        margin: 0 -2.5%;
    }
    
    .layerListTemplate .list.search .item {
        background: #eee;
        padding: 1rem;
    }