.views-exposed-form *{
font-family: 'OpenSans';
}
.views-exposed-form .d-flex.flex-wrap{
gap:2rem;
justify-content: center;
}
.views-exposed-form label{
font-family: 'OpenSansBold';
text-align: center; 
text-transform: uppercase;
}
.views-exposed-form #edit-actions{
display: none;
}
.views-exposed-form .js-form-item{
text-align: center;
}
.views-exposed-form select,
.webform-submission-form select {
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
border: none;
border-radius: 18px;
color: var(--link);
cursor: pointer;
font-family: 'OpenSansBold';
outline: none;
padding:11px 26px;
width: 100%;
background: url(/themes/custom/clew_barrio/icons/uEA03-arrow-down-darkblue.svg) var(--lightgreybkgr) no-repeat;
background-position: 93% 14px;
background-size: 18px;
}

.views-exposed-form select option {
color: #666;
}

.views-exposed-form select::-ms-expand {
display: none;
}

.views-exposed-form select:focus::-ms-value {
background-color: transparent;
}


/*Pager*/
nav[aria-label="pagination-heading"] {
margin: 4rem 0;
}

nav[aria-label="pagination-heading"] ul{
justify-content: center;
flex-wrap: wrap;
}

main#content nav[aria-label="pagination-heading"] li span,
main#content nav[aria-label="pagination-heading"] li.active span{
background: transparent;
color: var(--link) !important;
}

main#content nav[aria-label="pagination-heading"] .page-link,
main#content nav[aria-label="pagination-heading"] li a span{
border: 0;
color: var(--darkgrey) !important;
font-family: "OpenSans";
}
main#content nav[aria-label="pagination-heading"] .page-link:hover,
main#content nav[aria-label="pagination-heading"] li a span:hover{
background: transparent;
}




/*Kachelview*/

.view-kacheln .views-exposed-form{
margin: 0 auto;
position: relative;	
margin-bottom: 4rem;
}
.view-kacheln article{
position: relative;	
background-size: cover !important;
min-height: 24.375rem;
}
.clewTileInner{
position: absolute;
padding: 2rem 2.8125rem;
width: 100%;
}
.view-kacheln article:before{
content: '';
position: absolute;
right: 0;
left: 0;
top: 0;
bottom: 0;
opacity: .8;
background-color: #122f4d;
}
.expertsView article:before{
content: none;
}
.view-kacheln article *{
color:#fff;
}
.expertsView.view-kacheln article * {
color: 	color: var(--darkgrey);
}
.view-kacheln .views-exposed-form:after{
content: '';
position: absolute;
width: 400px;
left: calc(50% - 200px);
top: calc(100% + 25px);
height: 3px;
background-color: #1E9FCF;
visibility: visible;
}
.view-kacheln .views-view-responsive-grid__item{
background: #EEEFF2;
font-family: "OpenSans";
}
.view-kacheln .views-view-responsive-grid__item .iconText{
margin-left: -45px;
}
main#content .view-kacheln .views-view-responsive-grid__item .tile-title a{
color: #fff;
}
main#content .expertsView .views-view-responsive-grid__item .tile-title a{
color: var(--darkgrey);
}
.view-kacheln .views-view-responsive-grid__item .views-view-responsive-grid{
gap:40px !important;
}
.views-view-responsive-grid__item{
background: #42556C !important;
}
.expertsView .views-view-responsive-grid__item {
background: #eeeff2 !important;
}
.tileDate,
.tile-author-text,
.tile-author,
.tile-location{
font-size: 0.9375rem;
line-height: 1.33333rem;
font-family: "OpenSans";
}
#tileDateAuthor{
display: flex;
flex-wrap: wrap;
margin-bottom: 1rem;
}
.tile-location:before{
content:'|';
display: inline-block;
margin-left: 5px;
}
.tile-author,
.tile-location{
display: inline-block;
}
.view-kacheln .node--type-dossier .tileDate:after,
.view-kacheln .node--type-blog-post .tileDate:after{
content:'|';
display: inline-block;
margin-right: 5px;
}
h2.tile-title{
font-size: 1.3rem;
line-height: 1.26923rem;
font-family: "MerriweatherBold";
}
#eventAudience{
font-family: "OpenSans";
}
#expertGerName,
#expertFunction{
margin-bottom: 2rem;
}
#factsheetLoction{
margin-bottom: 1rem;
}
.view-kacheln .clewTags {
margin-bottom: 0rem;
}
main#content .view-kacheln .clewTags a{
font-size: 1rem;
color:#fff !important;
}
main#content .expertsView.view-kacheln .clewTags a{
color: var(--darkgrey) !important;
}
.field-stamp{
border:2px solid #fff;
border-radius: 5px;
display: inline-block;
position: absolute;
top: 3rem;
right: 2rem;
padding: 1px 9px;
transform: rotate(-10deg);
text-transform: uppercase;
}
.field-stamp.update{
background: #E1A234;
}
.field-stamp.evergreen{
background: #4B7F3D;
}
.view-kacheln .tile-author:not(:nth-last-child(-n+2)):after {
content: ",";
margin-left: -3px;
margin-right: 5px;
}


/*News*/
.clewNewsView .views-row{
border-bottom: 1px solid #CECFD2;
padding: 13px 0 1px 0;
}
.clewNewsView .views-row:last-child{
border-bottom: 0;
}

.clewNewsView .views-row .views-field-field-global-date{
font-family: "OpenSans";
font-size: 0.9375rem;
margin-bottom: 5px
}

.clewNewsView .views-row .views-field-title{

}
.clewNewsView .views-row .views-field-title h2{

}
main#content .clewNewsView .views-row .views-field-title h2 a{
color:var(--darkgrey);
font-size: 1.3rem;
line-height: 120%;
font-family: "MerriweatherBold";
}







/*Experts Map*/
.view-mapping-the-network{
display: grid;
font-family: 'OpenSans';
}
.view-mapping-the-network .view-content{
order:1;
}
.view-mapping-the-network .view-filters{
order:2;
}
.view-mapping-the-network .view-header{
order:3;
}
.view-mapping-the-network .attachment{
order:4;
}
.view-mapping-the-network .view-content.row{
margin-left: 0;
margin-right: 0;
}
.page-view-mapping-the-network main#content{
padding: 0;
}
.view-mapping-the-network .view-filters,
.view-mapping-the-network .view-header,
.view-mapping-the-network .attachment{
width: 1240px;
margin: 0 auto;
}
.page-view-mapping-the-network #main,
.page-view-mapping-the-network main#content{
max-width: 100%;
padding-right: 0;
border: 0;
}
.page-view-mapping-the-network #main-wrapper {
padding-top: 8.5rem;
}

.view-mapping-the-network .attachment .memberCol:hover{
background: #E8F4F9;
}
.view-mapping-the-network .views-field-title a,
.view-mapping-the-network .views-field-field-member-type{
font-family: "OpenSansBold" !important;
color:var(--darkgrey);
}
.view-mapping-the-network .attachment .memberCol .views-field-title a{
color:var(--darkgrey) !important;
}
.view-mapping-the-network .attachment .views-field-field-image{
padding: 0 23px 0 10px;
}
.view-mapping-the-network .attachment .views-field-field-image img{
border-radius: 50%;
width: 76px;
height: 76px;
}
.view-mapping-the-network .attachment .networkIcon{
width: 84px !important;
height: 76px !important;
}
.view-mapping-the-network .attachment .views-field-field-global-tags{
padding-right: 3rem;
}
.view-mapping-the-network .attachment .views-field-field-member-type {
padding-left: 24px;
}
.view-mapping-the-network .attachment .views-field-field-member-type .member{
background: url(/themes/custom/clew_barrio/images/dot-blue.png) no-repeat;
background-size: 17px;
background-position: 0 4px;
padding-left: 24px;
}
.view-mapping-the-network .attachment .views-field-field-member-type .ambassador{
background: url(/themes/custom/clew_barrio/images/dot-purple.png) no-repeat;
background-size: 17px;
background-position: 0 4px;
padding-left: 24px;
}
.leaflet-popup-content .memberLink{
display: none;
}
.leaflet-popup-content .iconText span{
margin-bottom: 1.5rem;
}
.leaflet-popup-content h1.title {
margin-bottom: 8px;
}
.leaflet-popup-content h1.title {
font-size: 1.5rem;
}
.view-mapping-the-network  .view-header{
text-align: center;
max-width: 720px;
margin: 0 auto;
background: #fff;
}
.view-mapping-the-network  .view-header p{
margin-bottom: 2rem;
}
.view-mapping-the-network .view-header h1{
font-family: "MerriweatherBold";
display: inline-block;
margin-top: 0;
margin-bottom: 50px;
padding: 0 70px 25px 70px;
border-bottom: 3px #1E9FCF solid;
}
#views-exposed-form-mapping-the-network-page-1 #edit-field-member-type-value--4--wrapper legend,
#views-exposed-form-mapping-the-network-page-1 #edit-field-member-type-value--4--wrapper .form-radios.form--inline > div:first-child{
display: none;
}
#views-exposed-form-mapping-the-network-page-1 #edit-field-member-type-value--4--wrapper .form-radios.form--inline{
margin-top: 19px;
}
#views-exposed-form-mapping-the-network-page-1 #edit-field-member-type-value--4--wrapper .form-radios.form--inline label{
text-align: left;
text-transform: none;
}
.view-mapping-the-network .view-filters fieldset label{
display: block;
}
.view-mapping-the-network .view-filters{
margin-top: -6rem;
padding-top: 2rem;
margin-bottom: 2rem;
display: flex;
justify-content: center;
z-index: 98;
background: #fff;
}
.klaro .context-notice {
border:0;
padding: 100px 12px;
}
.leaflet-popup-content {
width: 400px !important;
}
.leaflet-container a.leaflet-popup-close-button {
font-size: 2rem;
}
.leaflet-container a.leaflet-popup-close-button {
top: 0.5rem;
right: .75rem;
}
.leaflet-popup-content .iconText span {
border-top-left-radius: 10px;
}
.leaflet-popup-content .iconText.node--type-member{
margin-top: -15px;
margin-left: -21px;
}


/*Startseite News Slider*/
#views-bootstrap-mapping-the-network-attachment-1 .memberCol{
display: flex;
align-items: center;
flex-wrap: wrap;
align-items: center;
padding: 20px 10px;
border-bottom: 1px #CECFD2 solid;
}
#views-bootstrap-mapping-the-network-attachment-1 .memberCol span,
#views-bootstrap-mapping-the-network-attachment-1 .memberCol .views-field-field-twitter-handle{
display: block;
flex-grow: 1;
flex-basis: 0;
}
#views-bootstrap-mapping-the-network-attachment-1 .memberCol span span{
display: inline;
}

#frontpageViewNews{
display: flex;
max-width: 1320px;
margin: 0 auto;
}

#frontpageViewNewsText{
width: 33rem;
padding-right: 3rem;
}
#frontpageViewNewsText ul{
display: flex;
flex-wrap: wrap;
margin: 0;
padding: 0;
}
#frontpageViewNewsText ul li{
list-style: none;
list-style-type: none;
}
#frontpageViewNewsText ul li a{
display: block;
margin-bottom: 10px;
}

#frontpageViewNewsContent{
width: 60%;
}

#frontpageViewNews .slick-slide{
padding: 37px;
border-radius: 15px;
box-shadow: 0 2px 20px 0 rgba(0,0,0,0.17);
background-color: #FFFFFF;
margin: 10px 17px 10px 17px;
height: 17.1875rem;
}
#frontpageViewNews .slick-slide:first-child{
box-shadow: none;
background-color: #122F4E;
color: #FFFFFF;
}
main#content #frontpageViewNews .slick-slide:first-child a,
main#content #frontpageViewNews .slick-slide:first-child *{
color: #FFFFFF;
}
#frontpageViewNews .slick-slide:first-child .views-field-type .field-content:before{
content:'In focus · ';
}
#frontpageViewNews .views-field-type{
display: inline-block;
font-size: 0.9375em;
line-height: 1.55;
padding: 0 10px;
border-radius: 2px;
background-color: #1E9FCF;
color: #FFFFFF !important;
margin-bottom: 29px;	
font-family: 'OpenSans';
}
#frontpageViewNews .views-field-field-global-date{
font-family: 'OpenSans';
font-size: 0.9375rem;
margin-bottom: 1rem;
}
main#content #frontpageViewNews .views-field-title h3 a{
color: var(--darkgrey);
line-height: 115%;
}
main#content #frontpageViewNews .views-field-view-node a{
text-indent: -999999px;
background: url(/themes/custom/clew_barrio/icons/uEBA2-arrow-with-line.svg) transparent no-repeat;
background-size: auto 1.125rem;
padding-left: 29px;
transition: all 0.2s ease-in-out;
}
.slick__arrow {
top: -4%;
}
.slick .slick-prev{
background: url(/themes/custom/clew_barrio/images/arrow-left.png) no-repeat;
background-size: 27px;
background-position: center;
left: auto;
right: 49px;
}
.slick .slick-next{
background: url(/themes/custom/clew_barrio/images/arrow-right.png) no-repeat;
background-size: 27px;
background-position: center;
right: 10px;
}
.slick .slick-prev:before,
.slick .slick-next:before{
content: none;
}
.clewStartEventsView .views-field-field-event-custom-date{
display: inline-block;
}
.clewStartEventsView .views-field-field-event-type{
display: inline-block;
color: var(--link);
margin-right: 6px;
}
.clewStartEventsView .views-field-title{
	margin-top: 7px;
}
.view-mapping-the-network .view-header{
	position: relative;
}
main#content #mapLink{
background: var(--lightredbkgr) url(/themes/custom/clew_barrio/icons/uEA0D-network.svg) no-repeat;
position: absolute;
color: #fff;
top: -14rem;
display: block;
z-index: 9;
left: -16.25rem;
color: #fff !important;
text-transform: uppercase;
background-size: 35px !important;
background-position: 14px 14px !important;
padding: 13px 26px 15px 62px;
text-align: left;
font-size: 15px;
line-height: 18px;
}
main#content #mapLink span{
display: block;
font-family: 'OpenSansBold';
}


/*Suche*/
.view-search{

}

.view-search .view-filters label{
display: none;
}
.view-search .view-filters {
display: flex;
margin: 2rem 0;
justify-content: center;
}
.view-search .view-filters .form-type-select{
margin: 0 2rem;
}

.view-search .views-row,
.view-taxonomy-term .views-row{
border-bottom: 1px solid #CECFD2;
padding: 18px 0 20px 0;
}
.view-taxonomy-term .view-content.row{
margin: 0;
}

.views-search .views-field-title,
.view-taxonomy-term .views-row .views-field-title{
margin-top: 5px;
}
.view-search .views-field-field-global-date,
.view-search .views-field-type-1,
.view-taxonomy-term .views-row .views-field-field-event-custom-date,
.view-taxonomy-term .views-row .views-field-field-global-date,
.view-taxonomy-term .views-row .views-field-field-event-date-range,
.view-taxonomy-term .views-row .views-field-type,
.view-taxonomy-term .views-row .views-field-nothing{
font-family: 'OpenSans';
}
.view-search .views-field-field-global-tags-1,
.view-search .views-field-type-1,
.view-search .views-field-field-global-date,
.view-taxonomy-term .views-row .views-field-field-event-custom-date,
.view-taxonomy-term .views-row .views-field-field-global-date,
.view-taxonomy-term .views-row .views-field-field-event-date-range,
.view-taxonomy-term .views-row .views-field-type,
.view-taxonomy-term .views-row .views-field-nothing{
display: inline-block;
}
.taxDate{
margin-right: 6px;
}
.view-taxonomy-term .views-row .views-field-field-event-custom-date,
.view-taxonomy-term .views-row .views-field-field-global-date,
.view-taxonomy-term .views-row .views-field-field-event-date-range{
margin-right: 0;
margin-left: 0;
}
.view-taxonomy-term {
width: 73%;
}
.view-taxonomy-term h1{
font-style: italic;
}
.view-search .views-field-search-api-excerpt{
margin-bottom: 10px;
}
.view-search .views-field-type-1:before{
content: '|';
margin-left: 9px;
padding-right: 6px;
}
.view-taxonomy-term .taxDate time:after{
content:' | ';
}
.view-taxonomy-term .taxDate time{
margin-right: 3px;
}
.view-taxonomy-term .taxDate {
margin-right: 0;
}

main#content .view-search .views-field-search-api-excerpt a{
color:var(--darkgrey);
}

main#content .view-search h2,
.view-taxonomy-term .views-row h2{
font-size: 1.25rem;
}