@charset "UTF-8";
/*!
 * *
 *  ===============================================================================
 *
 *  MvA Development - PHP, JS, CSS, SCSS, SQL
 *
 *  =================================================================================
 *
 *  Organisation: MvA Internet Services GmbH, www.mva.ch
 *  Contact: support@mva.ch
 *  Date: 23.08.21, 14:21
 *  Autor: Markus Gillner
 *  Copyright 2021 by MvA Internet Services GmbH
 *
 *  ---------------------------------------------------------------------------------
 *
 *  Disclaimer in German.
 *
 *  Dieser PHP, CSS und Javascript-Code ist von MvA Internet Services GmbH
 *  erstellt. Das geistige Eigentum dieses Codes, sofern nicht anders vermerkt
 *  oder vereinbart, liegt bei MvA Internet Services GmbH.
 *
 *  Sofern keine andere, ausdrückliche Genehmigung vorliegt, darf dieser Code,
 *  weder als Ganzes noch in einzelnen Bestandteilen, kopiert, vervielfältigt
 *  oder anderweitig eingesetzt werden.
 *
 *  Eine Verwendung dieses Codes oder Teile davon in anderen Projekten, Webseiten
 *  oder Applikationen ohne ausdrückliche Genehmigung gilt als wiederrechtliche
 *  Vervielfältigung sowie als Raubkopie und kann strafrechtlich verfolgt werden.
 *
 *  ================================================================================
 *
 */

.res_standorte {
}



.res_standorte .download_btn,
.res_standorte .plz_search .plz {
    background: #f1f1f1;
    margin: 0;
    position: relative;
    z-index: 9;
    border: none;
    padding: 10px 15px;
    width: 100%;
    text-align: left;
}

.res_standorte .res-standorte-filter:not(.show) .download_btn:after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ed1c24' viewBox='0 0 384 512'%3E%3Cpath d='M376 232H216V72c0-4.42-3.58-8-8-8h-32c-4.42 0-8 3.58-8 8v160H8c-4.42 0-8 3.58-8 8v32c0 4.42 3.58 8 8 8h160v160c0 4.42 3.58 8 8 8h32c4.42 0 8-3.58 8-8V280h160c4.42 0 8-3.58 8-8v-32c0-4.42-3.58-8-8-8z'/%3E%3C/svg%3E");
    right: 15px;
    height: 17px;
    top: calc(50% - 8px);
    width: 13px;
    border: none;
    position: absolute;
    opacity: 1;
    background-repeat: no-repeat;
    transition: all .3s ease-in-out;
    display: block;
}
.res_standorte .res-standorte-filter .download_btn:after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ed1c24' viewBox='0 0 384 512'%3E%3Cpath d='M376 232H8c-4.42 0-8 3.58-8 8v32c0 4.42 3.58 8 8 8h368c4.42 0 8-3.58 8-8v-32c0-4.42-3.58-8-8-8z'/%3E%3C/svg%3E");
    transition: all .3s ease-in-out;
    right: 15px;
    height: 17px;
    top: calc(50% - 8px);
    width: 13px;
    border: none;
    position: absolute;
    opacity: 1;
    background-repeat: no-repeat;
    transition: all .3s ease-in-out;
    display: block;
}

.res_standorte .plz_search .plz-icon {
    position: absolute;
    top: 30%;
    right: 5%;
    color: #ed1c24;
    z-index: 10;
}

.res_standorte .active-filters i.fa-remove {
    color: #ed1c24;
}

.res_standorte .filter-dropdown label {
    margin-bottom: 0;
}

.res_standorte .filter-dropdown {
    margin-bottom: 2rem;
}

.plz_search > label {
    width: 100%;
}

.res_standorte .plz_search .search-form {
    position: relative;
}
.res_standorte .plz_search .search-form:after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ed1c24' viewBox='0 0 512 512'%3E%3Cpath d='M509.7 498.3l-149.2-149.2C394.8 312.1 415.1 262.6 415.1 208c0-114.9-93.13-208-208-208S-.0002 93.13-.0002 208S93.12 416 207.1 416c54.55 0 104.1-21.17 141.2-55.54l149.2 149.2C499.9 511.2 501.9 512 503.1 512s4.094-.7813 5.656-2.344C512.8 506.5 512.8 501.5 509.7 498.3zM207.1 400c-105.9 0-192-86.13-192-192s86.13-192 192-192s192 86.13 192 192S313.9 400 207.1 400z'/%3E%3C/svg%3E");
    position: absolute;
    right: 3%;
    top: calc(50% - 13px);
    content: "";
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
}


.res_standorte .dropdown-item {
    font-size: 14px;
    padding: 5px 0;
}

.res_standorte .dropdown-item.active {
    font-weight: 600;
}

.res_standorte .dropdown-menu {
    color: #2e2d2c;
    width: 100%;
    background: #f1f1f1;
}


.res_standorte .download_collapse {
    position: absolute;
    background: #f1f1f1;
    border: none;
    padding: 15px;
    box-shadow: 1px 1px 1px #fff;
    z-index: 100;
    width: calc(100% - 41px);
}
.res_standorte .res-standorte-filter {
    position: relative;
}
.res_standorte .download_collapse .card {
    background: #f1f1f1;
    /* box-shadow: 1px 1px 1px #fff; */
    z-index: 100;
    border: 0px;
    padding: 0;
}

.res_standorte i.remove,
.res_standorte .reset
{
    cursor: pointer;
}

/* clears the 'X' from Chrome */
.res_standorte input[type="search"]::-webkit-search-decoration,
.res_standorte input[type="search"]::-webkit-search-cancel-button,
.res_standorte input[type="search"]::-webkit-search-results-button,
.res_standorte input[type="search"]::-webkit-search-results-decoration { display: none; }


.standorte.header > * {
  font-weight: bold;
}

#searchResult .projekt {
  background-color: #f0f5f7;
  position: relative;
  height: 100px;
  overflow: hidden;
  border-bottom-right-radius: 50px;
  border-top-right-radius: 50px; }
  #searchResult .projekt .project-icon {
    max-width: 30px;
    height: auto;
    margin-right: 10px; }
  #searchResult .projekt .titel {
    max-height: 100px; }
  #searchResult .projekt .readmore {
    padding-right: 50px; }

@media only screen and (max-width: 1400px) {
	#searchResult.container {
	max-width: 100%;
}
}

@media only screen and (min-width: 970px) {
	.standorte-resultate .titel {
		font-size: 80%;
	}

    .res_standorte .filter-dropdown {
        column-gap: 1rem;
        flex-direction: row !important;
    }

    .res_standorte .res-standorte-filter,
    .res_standorte .plz_search {
        width: 50% !important;
    }
}

@media only screen and (max-width: 970px) {
    .res_standorte .filter-dropdown {
       row-gap: 1rem;
    }

    .res_standorte .active-filters-container,
    .res_standorte .active-filters-container .active-filters,
    .res_standorte .active-filters-container .filter-auswahl {
        flex-direction: column;
    }

}

.res_standorte .active-filters-container {
    display: none;
}


#suche {
  margin-bottom: 2rem; }
.standorte-resultate:nth-child(even) {
	background-color: #eee;
}


.standorte-resultate:hover {
    opacity: 1 !important;
    background-color: #e1e1e1;
    transition: background-color .3s ease-in-out;
}

.list {
	padding: 0.4rem 1rem;
}

#zielgruppe .input-group-text {
	background-color: #eee;
    border: 1px solid #eee;
	color: #696969;
	gap: 1rem;
}
#fachgebiet .input-group-text {
	background-color: #fff;
    border: none;
    border-bottom: 2px solid #eee;
	color: #696969;
	gap: 1rem;
}

i.pfeil-standorte {
	color: #53C0D9;
}

.active-filters-container {
	font-size: 80%;
}

.filter-container .fa-asterisk {
    color: #ed1c24;
    font-size: 10px;
    font-weight: 300;
    vertical-align: super;
    margin-left: 3px;
}