/*#page-wrapper{
border-top:30px solid #72cc7e;
}
*/
body.is-unpublished h1.title,
body.is-unpublished main#content #landingPageHeader h1 span::first-letter {
color:red !important;
}
body.is-unpublished #header #clewHeader{
background: url(/themes/custom/clew_barrio/images/unpublished.png) no-repeat;
background-size: 209px;
background-position: 480px 43px;
}
/* 
body.gin--classic-toolbar.scrolled #header{
height: 8.125rem !important;
}
body.gin--classic-toolbar.scrolled #clewLogo img{
transform: scale(1) !important;
}
*/
/*Edit Form Links*/
nav.tabs{
position: fixed;
bottom: 0;
left: 0;
right: 0;
background-color: #2f2d3a;
width: 100%;
border: 0;
z-index: 20;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
text-transform: uppercase;
margin-bottom: 0 !important;
font-family: 'OpenSans';
z-index: 1000000;
}
main#content nav.tabs a{
color: #fff !important;
border-radius: 0;
}
main#content nav.tabs a,
main#content nav.tabs li{
border: 0 !important;
}
main#content nav.tabs a:hover,
main#content nav.tabs li:hover{
border: 0 !important;
background: var(--link	);
}
main#content nav.tabs .active a,
main#content nav.tabs .active a:hover{
color: #2f2d3a !important;
background: #fff;
}
.page-view-taxonomy-term #main{
padding: 0;
}



.primaryButton,
.countryLinks a,
#edit-submit{
color: #fff !important;
text-decoration: none;
background: var(--lightredbkgr);
border-radius: 100px;
padding: .5625rem 1.25rem;
margin-right: 1.5rem;
font-family: 'OpenSans';
}
main#content .primaryButton a{
color: #fff;
}
.primaryButton:hover,
.countryLinks a:hover,
#edit-submit:hover{
background: var(--darkredbkgr);
}
#block-clew-barrio-addtoanysharebuttons{
margin: 4rem 0 0 0;
padding: 0;
}
.node--type-landing-page #block-clew-barrio-addtoanysharebuttons,
.path-network #block-clew-barrio-addtoanysharebuttons{
margin: 4rem auto 0 auto;
}
#block-clew-barrio-addtoanysharebuttons h2{
font-size: .9rem !important;
font-family: 'OpenSans';
margin-bottom: 5px !important;
}
.addtoany_list > a {
padding: 0 10px 0 0;
}
#edit-submit{
border: 0;
}


main#content{
font-size: 1em;
line-height: 1.5625em;
border-right: 1px solid #CECFD2;
padding-right: 8.125rem;
}
main#content h1.title{
font-family: 'MerriweatherBold';
font-size: 2.1875em;
font-weight: 700;
line-height: 1.25714em;
margin-bottom: 3rem;
margin-top: 1rem;
}
main#content h2{
font-size: 1.375em;
line-height: 1.3em;
margin-bottom: 1rem;
}
main#content h3{
font-size: 1.125em;
line-height: 1.1em;
margin-bottom: 1rem;
}
main#content h4{
font-size: 1em;
line-height: 1em;
margin-bottom: 1rem;
}
main#content a{
color:var(--link);
text-decoration: none;
}




/*IconText*/

.iconText a,
.iconText span,
.teaserBoxParagraphTitle .iconText{
color: #fff !important;
padding-left: 65px;
padding-right: 20px;
line-height: 56px;
display: inline-block;
background-color: var(--link) !important;
text-transform: uppercase;
font-family: 'OpenSans';
font-size: 1.125rem;
font-weight: 600;
background: url(/themes/custom/clew_barrio/icons/uEAB6-experts.svg) no-repeat;
margin-bottom: 3rem;
background-size: 2.1875rem !important;
background-position: 1.25rem .625rem !important;
position: relative;
}
.iconText a:after,
.iconText span:after,
.teaserBoxParagraphTitle .iconText:after{
content: '';
position: absolute;
left: 100%;
top: 0;
bottom: 0;
border-left: 0.4em solid #1B7EB1;
border-bottom: 56px solid transparent;
}
.iconText.node-type--article a,
.teaserBoxParagraphTitle .iconText{
background-color: var(--link) !important;
background: url(/themes/custom/clew_barrio/icons/uEA0E-news.svg) no-repeat var(--link) !important;
background-size: 2.1875rem !important;
background-position: 1.25rem .625rem !important;
}
.iconText.node-type--factsheet a{
background-color: var(--link) !important;
background: url(/themes/custom/clew_barrio/icons/uEA09-factsheet.svg) no-repeat var(--link) !important;
background-size: 2.1875rem !important;
background-position: 1.25rem .625rem !important;
}
.iconText.node-type--event a{
background-color: #A30C2F !important;
background: url(/themes/custom/clew_barrio/icons/uEA05-calendar.svg) no-repeat #A30C2F !important;
background-size: 2.1875rem !important;
background-position: 1.25rem .625rem !important;
}
.iconText.node-type--event a:after{
border-left: 0.4em solid #A30C2F;
}
.iconText.node-type--dossier span{
background-color: var(--link) !important;
background: url(/themes/custom/clew_barrio/icons/uEA08-dossier.svg) no-repeat var(--link) !important;
background-size: 2.1875rem !important;
background-position: 1.25rem .625rem !important;
}
.iconText.node-type--interest-point span{
background-color: var(--link) !important;
background: url(/themes/custom/clew_barrio/icons/uEA01-about clew.svg) no-repeat var(--link) !important;
background-size: 2.1875rem !important;
background-position: 1.25rem .625rem !important;
}
.iconText.node-type--member span{
background-color: var(--link) !important;
background: url(/themes/custom/clew_barrio/icons/uEA0D-network.svg) no-repeat var(--link) !important;
background-size: 2.1875rem !important;
background-position: 1.25rem .625rem !important;
}
.iconText.node-type--page span{
background-color: var(--link) !important;
background: url(/themes/custom/clew_barrio/icons/uEA0A-infobox.svg) no-repeat var(--link) !important;
background-size: 2.1875rem !important;
background-position: 1.25rem .625rem !important;
}
.iconText.node-type--blog-post a{
background-color: #422D6D !important;
background: url(/themes/custom/clew_barrio/icons/uEA10-blog-white.svg) no-repeat #422D6D !important;
background-size: 2.1875rem !important;
background-position: 1.25rem .625rem !important;
}
.iconText.node-type--blog-post a:after{
border-left: 0.4em solid #422D6D;
}





/*Tags*/ 

.clewTags{
display: inline-block;
margin-bottom: 2rem;
}
main#content .clewTags a,
.sidebar .block-views .views-field-field-global-tags a,
.view .views-field-field-global-tags .field-content a,
.views-field-field-global-tags a,
.view-search .views-field-field-global-tags-1 a{
font-family: 'OpenSans';
font-size: 1.0625rem;
font-style: italic;
line-height: 1.35294rem;
text-align: center;
color: var(--darkgrey) !important;
padding-right: 5px;
display: inline-block;
}
main#content .clewTags a:before,
.sidebar .block-views .views-field-field-global-tags a:before,
.view .views-field-field-global-tags .field-content a:before,
.views-field-field-global-tags a:before,
.view-search .views-field-field-global-tags-1 a:before{
content: '#';
margin-right: -3px
}



/*Date Author*/

#dateAuthor{
font-family: 'OpenSans';
display: flex;
}
#nodeDate{
font-family: 'OpenSans';
}
.nodeAuthor:before{
content: ' | ';
}
#nodeAuthor {
margin-left: .375rem;
display: inherit;
}
#nodeAuthor a .field__item{
display: inline-block;
}
#nodeAuthor a .field__item:after{
content:',';
}
#nodeAuthor a .field__item:last-child:after{
content:none;
}
#nodeAuthor:after,
#nodeDate time:after,
.clewBlogAuthor:after {
content: ' | ';
}
#nodeLocation{
margin-left: .3125rem;
}
.clewBlogAuthorWrapper{
display: flex;
margin: 2rem 0 3.125rem 0;
}
.clewBlogAuthor .clewBlogAuthorImage{
width: 8rem;
flex-shrink: 0;
}
.clewBlogAuthor .clewBlogAuthorImage img{
border-radius: 50%;
aspect-ratio: 1 / 1;
width: 6.25rem;
}
.clewBlogAuthor .clewBlogAuthorWrapper{
display: inline-block;
}
.clewBlogAuthor .clewBlogAuthorTextFullname{
font-family: "OpenSansBold";
}
.clewArticleAuthor .clewBlogAuthor .clewBlogAuthorTextFullname{
font-family: "OpenSans";
}
.clewBlogAuthor .clewBlogAuthorWrapper{
margin: 0;
}
.clewArticleAuthor #nodeDate{
margin-right: .375rem;
}
.clewBlogAuthor .clewBlogAuthorWrapper a:after{
content:',';
}
.clewBlogAuthor .clewBlogAuthorWrapper:last-child a:after{
content:none;
}






/*Nodes*/
.clewAbbinder{
font-family: 'OpenSans';
font-size: 0.9375rem;
line-height: 1.46667rem;
font-style: italic;
margin-top: 4rem;
}
.image-caption{
font-size: 0.8rem; 
font-family: 'OpenSans';
line-height: 1rem;
}

/*Member*/
#memberContent{
margin-bottom: 1rem;
display: flex;
}
#memberPic{
padding-right: 2rem;
}
.memberTwitter{
margin-bottom: 10px;
}
#memberPic img{
width: 100px;
height: 100px;
border-radius: 50%;
max-width: 100px;
}
.memberIcon{
width: 6.25rem;	
height: auto;
}
#memberLocation{
font-family: "OpenSans";
}
#memberContent .clewTags{
margin-bottom: 0;
border-top: 1px solid #CECFD2;
border-bottom: 1px solid #CECFD2;
padding: 10px 0 10px 0;
margin: 10px 0 10px 0;
}
main#content #memberContent h1.title {
margin-bottom: 1.375rem;
margin-top: 0;
}
.memberLink{
margin: 50px auto 0 auto;
text-align: center;
display: inline-block;
}
#memberText h2 a{
	color:var(--darkgrey);
}


/*Expert*/
#expertNode{

}
#expertNode #expertDescription{
font-family: "OpenSans";
font-size: 1.25rem;
line-height: 1.3rem;
margin-bottom: 3.125rem;
}
#expertContact span{
font-family: "OpenSansBold";	
display: inline-block;
margin-right: 1rem;
}
#expertLocation,
#expertEmail,
#expertTwitter,
#expertWeb,
#expertLanguages{
display: flex;
}
#expertText{
margin-bottom: 1.875rem;
}



/*Events*/
.node--type-event .iconText a{
background-color: var(--lightredbkgr) !important;
}
.node--type-event .iconText a:after{
border-left: 0.4em solid var(--lightredbkgr)  !important;
}
main#content .node--type-event h1.title{
margin-bottom: 1.375rem;
}
#eventAudience {
font-family: "OpenSansBold";	
margin-bottom: 1.25rem;
}
#eventDateCal{
font-family: "OpenSans";	
border-top: 3px solid var(--link);
border-bottom: 3px solid var(--link);
padding:  .6875rem 0 .6875rem 0;
margin-bottom: 1.5rem;
display: flex;
justify-content: space-between;
align-items: center;
}
#eventDateCalLeft,
#eventDateCalRight{
display: flex;
}
#eventDate{
font-family: "OpenSansBold";
font-size: 1.1875rem;
line-height: 1.36842rem;
}


#eventDate .field--name-field-event-date-range .addtocal-container{
display: none;
}
#eventCalIcon .field--name-field-event-date-range {
visibility: hidden;
font-size: .1px;
}
#eventCalIcon .field--name-field-event-date-range .addtocal-container{
visibility: visible;
font-size: 1rem;
}
#eventCalIcon .addtocal-container{
margin-bottom: 0;
}
#eventCalIcon a {
padding: 5px;
display: block;
background: url(/themes/custom/clew_barrio/icons/uEA05-calendar-blue.svg) transparent no-repeat;
border-width: 0;
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
cursor: pointer;
text-indent: -9999999px;
background-size: 45px;
width: 100px;
height: 39px;
background-position: 87% -3px;
margin-right: 2rem;
margin-top: .25rem;
}
#eventSignup{
margin-right: 0;
}
#clewEventForm.collapsible {
max-height: 0;
overflow: hidden;
transition: max-height 0.5s ease, padding 0.5s ease;
padding: 0 1em; /* nur horizontal, oben/unten später bei aktiv */
border: 1px solid #ddd;
border-radius: 4px;
background-color: #f9f9f9;
margin-top: 1em;
}
#toggleEventForm:checked ~ #clewEventForm.collapsible {
max-height: 2000px; 
padding: 1em;      
}
#eventSignupWrapper .primaryButton label {
display: inline-block;
padding: 0.5em 1em;
background-color: #0077cc;
color: #fff;
cursor: pointer;
border-radius: 4px;
user-select: none;
transition: background-color 0.3s ease;
}
#eventSignupWrapper .primaryButton label:hover {
background-color: #005fa3;
}
.event-ics-download {
display:inline-block;
margin-top:8px;
padding:6px 12px;
background:#01579b;
color:white;
border-radius:4px;
text-decoration:none;
font-size:14px;
}
.event-ics-download:hover {
background:#013f6d;
}
#eventSignupClosed{
font-family: 'MerriweatherBold';
margin-bottom: 2rem;
}
#eventLocation{
font-family: "OpenSansBold";
font-size: 1.1875rem;
line-height: 1.36842rem;
}
.node--type-event .clewBlogTeaser{
font-family: 'MerriweatherBold';
font-size: 1.0625rem;
line-height: 1.47059rem;
}
.clewAttachmentTitle a{
color: var(--darkgrey) !important;
font-family: "MerriweatherBold";
margin-bottom: .5rem;
display: block;
}
.clewAttachmentData{
font-family: 'OpenSans';
}
.iconText.attachment span {
margin-bottom: 1rem;
background: url(/themes/custom/clew_barrio/icons/uEAB6-experts-blue.svg) no-repeat;
background-color: #EEEFF2 !important;
color:var(--darkgrey) !important;
font-size: 0.9375em;
}
.iconText.attachment span::after {
border-left: 0.4em solid #eeeff2;
border-bottom: 56px solid transparent;
}
/*Factsheet*/
.node--type-factsheet main#content h1.title{
margin-bottom: 1.375rem;
}
.nodeTeaser{
font-family: 'MerriweatherBold';
}
#factsheetTeaserImage{
margin-bottom: 3rem;
}
.node--type-factsheet .nodeTeaser{
margin-bottom: 2rem;
}


/*Landingpage*/
.node--type-landing-page #main{
max-width: 100%;
margin: 0;
padding: 0;
}
.node--type-landing-page #main .row.row-offcanvas{
margin: 0;
}
.node--type-landing-page #main-wrapper {
padding-top: 8.5rem;
}
.node--type-landing-page main#content {
border-right: 0;
padding-right: 0;
padding-left: 0;
}
#landingPageHeader{
background: var(--darkblue);
text-align: center;
padding: 4rem 0 4.75rem 0;
margin-bottom: 5.625rem; 
}
#landingPageHeader h2,
#landingPageHeader h3,
#landingPageHeader h4{
color:#fff;
font-family: 'OpenSansBold';
margin: 21px 0 4px 0;
}
.page-node-15389 #landingPageHeader {
background: #422D6D;
}
#landingPageHeader p{
color:#fff;
font-family: 'OpenSans';
font-size: 1.25rem;
line-height: 1.75rem;
max-width: 50rem;
margin: .5rem auto 0 auto;
padding: 0 3rem;
}
#landingPageHeader .primaryButton{
display: inline-block;
margin: 2rem auto 0 auto;
}
main#content #landingPageHeader h1.title {
display: flex;
justify-content: center;
align-items: center;
color:#fff;
font-family: 'OpenSansBold';
font-size: 3.125rem;
line-height: 100%;
text-transform: uppercase;
margin: 0;
}
main#content #landingPageHeader h1 span::first-letter {
color:var(--link) !important;
}
.page-node-15389 main#content #landingPageHeader h1 span::first-letter {
color:#fff !important;
}

.landingPageContent .field--name-field-referenced-content {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: stretch;
}
.node--type-landing-page main#content {
border-right: 0;
}
h1.title .headerIcon[data-icon="0A"]{
background: url(/themes/custom/clew_barrio/icons/uEA01-about-clew.svg) no-repeat !important;
background-size: 6.75rem !important;
background-position: 0 0 !important;
width: 8.125rem;
height: 7.1875rem;
}

h1.title .headerIcon[data-icon="0B"]{
background: url(/themes/custom/clew_barrio/icons/uEA0E-news.svg) no-repeat !important;
background-size: 6.75rem !important;
background-position: 0 0 !important;
width: 8.125rem;
height: 7.1875rem;
}
h1.title .headerIcon[data-icon="0C"]{
background: url(/themes/custom/clew_barrio/icons/uEA02-analysis.svg) no-repeat !important;
background-size: 6.75rem !important;
background-position: 0 0 !important;
width: 8.125rem;
height: 7.1875rem;
}
h1.title .headerIcon[data-icon="0D"]{
background: url(/themes/custom/clew_barrio/icons/uEA0D-network.svg) no-repeat !important;
background-size: 6.75rem !important;
background-position: 0 0 !important;
width: 8.125rem;
height: 7.1875rem;
}
h1.title .headerIcon[data-icon="0E"]{
background: url(/themes/custom/clew_barrio/icons/uEA05-calendar.svg) no-repeat !important;
background-size: 6.75rem !important;
background-position: 0 0 !important;
width: 8.125rem;
height: 7.1875rem;
}
h1.title .headerIcon[data-icon="0F"]{
background: url(/themes/custom/clew_barrio/icons/uEA07-contact.svg) no-repeat !important;
background-size: 6.75rem !important;
background-position: 0 0 !important;
width: 8.125rem;
height: 7.1875rem;
}
h1.title .headerIcon[data-icon="0G"]{
background: url(/themes/custom/clew_barrio/icons/uEA08-dossier.svg) no-repeat !important;
background-size: 6.75rem !important;
background-position: 0 0 !important;
width: 8.125rem;
height: 7.1875rem;
}
h1.title .headerIcon[data-icon="0H"]{
background: url(/themes/custom/clew_barrio/icons/uEA09-factsheet.svg) no-repeat !important;
background-size: 6.75rem !important;
background-position: 0 0 !important;
width: 8.125rem;
height: 7.1875rem;
}
h1.title .headerIcon[data-icon="0J"]{
background: url(/themes/custom/clew_barrio/icons/uEA0A-infobox.svg) no-repeat !important;
background-size: 6.75rem !important;
background-position: 0 0 !important;
width: 8.125rem;
height: 7.1875rem;
}
h1.title .headerIcon[data-icon="0K"]{
background: url(/themes/custom/clew_barrio/icons/uEAB4-ask-clew.svg) no-repeat !important;
background-size: 6.75rem !important;
background-position: 0 0 !important;
width: 8.125rem;
height: 7.1875rem;
}
h1.title .headerIcon[data-icon="0L"]{
background: url(/themes/custom/clew_barrio/icons/uEA10-blog-white.svg) no-repeat !important;
background-size: 6.75rem !important;
background-position: 0 0 !important;
width: 8.125rem;
height: 7.1875rem;
}
h1.title .headerIcon[data-icon="0M"]{
background: url(/themes/custom/clew_barrio/icons/uEAB6-experts.svg) no-repeat !important;
background-size: 6.75rem !important;
background-position: 0 0 !important;
width: 8.125rem;
height: 7.1875rem;
}
h1.title .headerIcon[data-icon="0N"]{
background: url(/themes/custom/clew_barrio/icons/uEAB8-easyguide.svg) no-repeat !important;
background-size: 6.75rem !important;
background-position: 0 0 !important;
width: 8.125rem;
height: 7.1875rem;
}
h1.title .headerIcon[data-icon="0P"]{
background: url(/themes/custom/clew_barrio/icons/uEA0F-newsletter.svg) no-repeat !important;
background-size: 6.75rem !important;
background-position: 0 0 !important;
width: 8.125rem;
height: 7.1875rem;
}
.node--type-landing-page .paragraph,
.webform-submission-get-support-form{
width:800px;
margin: 0 auto 3rem auto;
}


/*Dossier*/
.path-node #main > .row,
.page-view-taxonomy-term .row {
margin-left: 0;
margin-right: 0;
}
.node--type-dossier #dateAuthor {
display: block;
}
.node--type-dossier #nodeAuthor::after, 
.node--type-dossier #nodeDate time::after,
.node--type-dossier .nodeAuthor::before{
content: none;
}
.node--type-dossier #nodeAuthor,
.node--type-dossier #nodeLocation{
margin-left: 0;
}
.node--type-dossier .field--type-entity-reference {
margin: 0;
}
.node--type-dossier main#content {
border-right: 0;
}
#clewDossierHeader{
text-align: center;
width: 52rem;
margin: 0 auto;
}
main#content #clewDossierSubtitle h2{
font-size: 1.25rem;
}
#clewDossierContent{	
width: 52rem;
margin: 0 auto;
}
#clewDossierDate,
#clewDossierAuthor,
#clewDossierLocation{
font-family: 'OpenSans';
}
#clewDossierLocation{
margin-bottom: 2rem;
}
#clewDossierHeadlines{
display: flex;
flex-direction: column-reverse;
}
#clewDossierHeader .clewTags{
margin-bottom: 0;
}
#clewDossierHeader .clewTags .field__item{
display: inline-block;
}
main#content #clewDossierHeader .clewTags a::before {
margin-right: 0;
}
.clewSeparator{
border-bottom: 3px solid #1E9FCF;
width: 32rem;
margin: 0 auto 3rem auto;
}
#clewDossierTeaser{
font-family: "MerriweatherBold";
margin-bottom: 3rem;
}
#clewDossierReferencesContent{
margin-bottom: 3rem;
}
#clewDossierReferencesTabs{
display: flex;
padding-left: 0;
margin: 4rem 0 0 0;
}
#clewDossierReferences #clewDossierReferencesTabs li { 
padding: 41px 30px 42px;
list-style: none;
list-style-type: none;
width: 50%;
}
#clewDossierReferences #clewDossierReferencesTabs li a{ 
color:rgba(238,239,242,0.75);
padding: 5px 30px 2px;
font-family: 'OpenSansBold';
font-size: 1.875em;
text-transform: uppercase;
background: url(/themes/custom/clew_barrio/icons/uEA03-arrow-down-lightblue.svg) no-repeat right 2px;
background-size: auto;
padding-right: 60px;
background-size: 38px;
display: block;
text-align: left;
line-height: 2rem;
}
#clewDossierReferences #clewDossierReferencesTabs li.active a{
background: url(/themes/custom/clew_barrio/icons/uEA04-arrow-up-lightblue.svg) no-repeat right 44px !important;
background-size: auto;
padding-right: 60px !important;
background-size: 38px !important;
}
#clewDossierReferences #clewDossierReferencesTabs li:first-child{
background: var(--darkblue);
text-align: center;
width: 50%;
}
#clewDossierReferences #clewDossierReferencesTabs li:last-child{
background: var(--link);
text-align: center;
width: 50%;
}
.clewDossierReferencesTabContent{
padding: 3rem 16rem;
background: var(--link);
}
#clewDossierReferencesContent #id1{
background: var(--darkbluebkgr);
}
main#content .clewDossierReferencesTabContent a{
color: #fff;
margin: 25px 0 0 0;
border-bottom: 1px solid #fff;
display: block;
padding-bottom: 25px;
}
main#content .clewDossierReferencesTabContent .field--type-entity-reference{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
main#content .clewDossierReferencesTabContent .field__item{
width: 40%;
}
.clewDossierAuthor{
display: flex;
justify-content: center;
margin: 5px 0;
}
.clewDossierAuthor a:after{
content:',';
margin-right: 5px;
}
.clewDossierAuthor .clewDossierAuthorWrapper:last-child a:after{
content:none;
}
.node--type-dossier h1.title{
margin-bottom: 2rem !important;
}
.node--type-dossier .page-background-image{
background-size: cover;
background-position: center;
background-repeat: no-repeat;
height: 50rem;
}
.node--type-dossier main#content {
border-right: 0;
background: #fff;
margin-top: -30rem;
padding: 0;
}
.node--type-dossier #main-wrapper {
padding-top: 8.75rem;
}
.node--type-dossier .clewAbbinder{
width:52rem;
margin: 0 auto;
}
.node--type-dossier .iconText.node-type-dossier{
margin-top: -1.625rem;
}
.node--type-dossier .iconText.node-type-dossier span{
margin-bottom: 1rem;
}
#clewDossierContent .node-body{
margin-top: 3rem;
}
#tocid{    
width: 465px;
border-radius: 26.5px;
background-color: #EEEFF2;
margin: 0 auto 60px auto;
padding:10px 20px 10px 20px;
font-family: 'OpenSans';
}
#tocid h2{    
font-size: 1.2rem !important;
font-family: 'OpenSansBold';
margin: 5px 0 !important;
}
#tocid button{
background-image: url("/themes/custom/clew_barrio/icons/uEA03-arrow-down-darkblue.svg");
background-size: 22px;
}
#tocid :not(.collapsiblockTitleCollapsed) button{
background-image: url("/themes/custom/clew_barrio/icons/uEA04-arrow_up.svg");
background-size: 22px;
}
#tocid ul,
#tocid ul li{
list-style: none;
list-style-type: none;
margin: 0;
padding: 0;
}
#tocid ul li{
border-bottom: 1px solid #CECFD2;
padding: 14px 0;
margin: 0 2px 0 19px;
}
#tocid ul li:last-child{
border-bottom: 0;
}


/*Article*/
.node--type-article .field-name-field-global-teaser{
font-family: 'MerriweatherBold';
}

/*importierte Nodes*/
#clewDossierReferencesBody .paragraphs-item-more-box .field-name-field-title.field-type-text {
font-family: 'OpenSansBold';
text-transform: uppercase;
text-align: center;
font-size: 1.25em;
line-height: 1.25em;
}
#clewDossierReferencesBody .paragraphs-item-more-box .field-name-field-title.field-type-text .field-items{
display: block;
text-align: center;
padding: 3rem 0;
}
#clewDossierReferencesBody .paragraphs-item-text-only,
#clewDossierReferencesBody .paragraph--type--text-and-image{
width: 52rem;
margin: 0 auto;
}
#clewDossierReferencesBody .paragraph--type--text-and-image,
#clewDossierReferencesBody .paragraphs-item-more-box{
margin-bottom: 3rem;
}
#clewDossierReferencesBody .paragraph--type--text-and-image h3 a{
color:var(--darkgrey);
line-height: 1.8rem;
font-family: "MerriweatherBold";
}
#clewDossierContent .nodeTeaser{
display:none;
}
.clewDossierReferencesTabContent {
display: none;
}
.field-name-field-global-text table,
.field-name-field-global-text table td,
.paragraph--type--text-only table,
.paragraph--type--text-only table td{
font-family: 'OpenSans';
font-size: 1rem;
}
.field-name-field-global-text table tr,
.paragraph--type--text-only table tr,
.paragraph--type--text-only table th{
background-color: #fff;
}
.paragraph--type--text-only table th,
.paragraph--type--text-only table thead tr{
	color: #000;
	border-bottom:0;
	font-family: 'OpenSansBold';
}
.field-name-field-global-text table tr:nth-child(2n+1),
.paragraph--type--text-only  table tr:nth-child(2n+1){
background-color: rgba(30,159,207,0.11);
}
.field-name-field-global-text table tr td,
.paragraph--type--text-only table tr td{
border:0;
vertical-align: top;
}
.field-name-field-global-text table tr td:nth-child(2),
.paragraph--type--text-only  table tr td:nth-child(2){
border-left: 1px solid #CECFD2;
}



main#content .lexicon-term{
color: var(--darkgrey);
}



/*Blog*/
.node--type-blog-post .clewBlogAuthorWrapper{
display: flex;
align-items: center;
margin-bottom: 1rem;
}
.node--type-blog-post .nodeAuthor::after, 
.node--type-blog-post #nodeDate time::after, 
.node--type-blog-post .clewBlogAuthor::after {
content: none;
}
.node--type-blog-post #nodeDate{
margin-bottom: 2rem;
}
.node--type-blog-post #dateAuthor{
margin-bottom: 3rem;
display: block;
}
.node--type-blog-post .clewBlogAuthorText p{
margin-bottom: 0	;
}
.node--type-blog-post .clewBlogTeaserImage{
margin-bottom: 3rem;
}
.node--type-blog-post .clewBlogTeaserText,
.node--type-blog-post .field--name-field-global-teaser{
font-family: "MerriweatherBold";
margin-bottom: 3rem;
}
.node--type-blog-post .clewBlogTeaserImage img{
width: 100%;
height: auto;
}











/*Webform*/
.webform-confirmation__message{
	color: var(--lightgreenbkgr) !important;
}

#user-login-form,
#user-pass,
article.profile {
width: 100%;
margin: 0 auto;
max-width: 620px;
padding: 2rem;
background: var(--lightgreybkgr);
box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
}
#user-login-form fieldset {
width: 75%;
}
.path-user .tabs {
max-width: 620px;
margin: 0 auto 0 auto;
padding-top: 133px;
background-size: 51%;
background-position: 13px 0;
}
.user-logged-in.path-user .tabs {
padding-top: 10px;
background: none;
}
.path-user .nav-tabs .nav-link.active {
background: #edf1f3;
font-weight: bold;
border-color: transparent;
}
.path-user #edit-pass--description,
.path-user #edit-name--description,
.view-frontpage {
display: none;
}
.path-user .btn-primary,
.path-user .btn-primary:hover {
margin: 1rem 0 0 0;
}
.tabs a {
color: #204c5f !important;
}
.text-muted {
color: inherit !important;
}



.webform-submission-form *{
font-family: 'OpenSans';
font-size: 1rem;
}
.webform-submission-add-form .js-form-item input[type="text"], 
.webform-submission-add-form .js-form-item input[type="email"], 
.webform-submission-add-form .js-form-item input[type="number"] {
border: 1px solid #CECFD2;
border-radius: 0;
}
.webform-submission-form fieldset{
border: 1px solid #CECFD2;
padding: 1rem 2rem;
}
.webform-submission-form fieldset fieldset,
.radios--wrapper{
border: 0 !important;
padding: 0 !important;
}

.webform-submission-form fieldset legend {
margin-bottom: 1rem;
font-family: 'OpenSansBold' !important;
}
.webform-submission-form fieldset legend span{
font-family: 'OpenSansBold' !important;
}
.radios--wrapper legend span{
font-family: 'OpenSans' !important;
font-style: italic;
}

.webform-submission-form label{
font-style: italic;
}

.webform-submission-form .fieldset-wrapper > div{

}


.webform-submission-form {

}

.webform-submission-form {

}












/*Frontpage*/

/*Stage*/
#landingPageImages{
position: relative;
margin-bottom: 5rem;
}
#landingPageImages #clewFrontStage{
position: absolute;
top:100px;
z-index: 10;
width: 100%;
}

#landingPageImages #clewFrontStage h1{
font-size: 4rem;
line-height: 125%;
font-family: "MerriweatherBold";
color: #1E9FCF;
width: 70%;
max-width: 963px;
margin: 0 auto 50px auto;
}
#landingPageImages #clewFrontStage #aboutLink{
width: 70%;
max-width: 963px;
margin: 0 auto 65px auto;
}
#landingPageImages:before{
content: "";
position: absolute;
z-index: 1;
left: 0;
right: 0;
top: 0;
bottom: 0;
background-image: radial-gradient(circle at 24% 15%,#122f4e 13%,rgba(18,47,78,0) 81%);
}
#clewFfrontCTA{
display: flex;
justify-content: space-between;	
width: 58%;
margin: 0 auto;
max-width: 950px;
gap: 1rem;
}
.clewFfrontCTACol{
width: 	300px;
background: #fff;
padding: 30px;
border-radius: 10px;
box-shadow: 0 2px 20px 0 rgba(0,0,0,0.17);
background-color: #FFFFFF;
text-align: center;
}
.clewFfrontCTACol h2{
color:var(--link);
font-family: "MerriweatherBold";
font-size: 1.625rem !important;
line-height: 1.5rem !important;
margin-bottom: .875rem !important;
}
.clewFfrontCTAColText{
font-family: 'OpenSans';
}
.clewFfrontCTAColText a{
color: var(--darkgrey) !important;
}
.node-random-image {
width: 100%;
height: 725px;
background-size: cover;
background-position: center; 
background-repeat: no-repeat;
border-radius: 6px;
display: block;
position: relative;
overflow: hidden;
}
.node-random-image::after {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(rgba(0,0,0,0.15), rgba(0,0,0,0.15));
pointer-events: none;
}
.visually-hidden {
position: absolute !important;
height: 1px; width: 1px;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
white-space: nowrap;
border: 0; padding: 0; margin: -1px;
}



.page-node-15398 .paragraph {
width: 100% !important;
} 
.serviceLinks{
margin: 7.5rem auto;	
}
.serviceLinks a:hover{
color: var(--link) !important;
}


/*Views Events Blog*/
#frontpageViews{
display: grid;
grid-template-columns: 1fr 1fr; /* zwei Spalten je 50% */
gap: 2.5rem;
margin-bottom: 6rem;
}
#frontpageViews .frontpageViews{
background-color: #FFFFFF;
padding: 52px 53px 36px 119px;
border-radius: 15px;
box-shadow: 0 2px 20px 0 rgba(0,0,0,0.17);
font-family: 'OpenSans';
}
#frontpageViews .frontpageViews h2{
font-family: "MerriweatherBold";
}
.frontpageViewsEvents{
background: url(/themes/custom/clew_barrio/icons/uEA05-calendar-grey.svg) no-repeat;
background-position: 36px 38px;
background-size: 58px;
}
.frontpageViewsBlog{
background: url(/themes/custom/clew_barrio/icons/uEA0D-network-grey.svg) no-repeat;
background-position: 36px 38px;
background-size: 58px;
}
#frontpageViews .frontpageViews p{
margin-bottom: 2.5rem;
}
#frontpageViews .frontpageViews ul,
#frontpageViews .frontpageViews li{
list-style: none;
list-style-type: none;
margin: 0;
padding: 0;
}
#frontpageViews .frontpageViews ul {
display: flex;
flex-wrap: wrap;
margin-bottom: 2rem;
}
#frontpageViews .frontpageViews ul li a{
display: block;
margin-bottom: 10px;
}
#frontpageViews .frontpageViews .view-content a{
color: var(--darkgrey);
font-family: "MerriweatherBold";
}
#frontpageViews .frontpageViews .view a:hover{

}
.frontpageViewsBlog .views-field-field-global-date .field-content{
color: var(--link);
}
.frontpageViewsBlog .views-field-field-global-date .field-content time{
color: var(--darkgrey);
}





/*Service Links*/

.serviceLinks ul{
list-style: none;
list-style-type: none;
margin: 0;
padding: 0;
display: flex;
justify-content: center;
}
.serviceLinks ul li{
margin: 0;
padding: 0;
}
main#content .serviceLinks ul li a{
font-family: 'OpenSansBold';
font-size: 1.25rem;
color: var(--darkgrey);
display: block;
padding: 3rem;
border-right: 1px solid #122F4E;
}
main#content .serviceLinks  ul li a{
background-image: url(/themes/custom/clew_barrio/icons/uEA0E-news-grey.svg);
background-repeat: no-repeat;
background-position: center 0;
background-size: 65px;
padding-top: 80px;
}
main#content .serviceLinks  ul li a:hover{
background-image: url(/themes/custom/clew_barrio/icons/uEA0E-news-blue.svg);
}
main#content .serviceLinks  ul li:first-child a{
background-image: url(/themes/custom/clew_barrio/icons/uEA01-about-clew-grey.svg);
}
main#content .serviceLinks  ul li:first-child a:hover{
background-image: url(/themes/custom/clew_barrio/icons/uEA01-about-clew-blue.svg);
}
main#content .serviceLinks s ul li:nth-child(2) a{
background-image: url(/themes/custom/clew_barrio/icons/uEAB6-experts-grey.svg);
}
main#content .serviceLinks s ul li:nth-child(2) a:hover{
background-image: url(/themes/custom/clew_barrio/icons/uEAB6-experts-blue.svg);
}
main#content .serviceLinks  ul li:nth-child(3) a{
background-image: url(/themes/custom/clew_barrio/icons/uEA05-calendar-grey.svg);
}
main#content .serviceLinks  ul li:nth-child(3) a:hover{
background-image: url(/themes/custom/clew_barrio/icons/uEA05-calendar-blue.svg);
}
main#content .serviceLinks  ul li:last-child a{
border-right: 0;
}
#block-clew-barrio-addtoanysharebuttons, .path-network #block-clew-barrio-addtoanysharebuttons {
/*text-align: center;*/
}