.paragraph{
margin-bottom: 2rem;
}
html{
scroll-padding-top: 10rem;
overflow: scroll;
}
#cboxNext,
#cboxNext:hover {
background: url(/themes/custom/clew_barrio/images/next_colorbox.png) no-repeat 0 0;
}
#cboxPrevious,
#cboxPrevious:hover{
background: url(/themes/custom/clew_barrio/images/prev_colorbox.png) no-repeat 0 0;
}


/*Donation Teaser*/
.paragraph--type--donation-teaser{
margin: 4.6875rem 0 3.75rem 0;
border-radius: 20px;
padding: 67px 0 67px 55px;
background-color: #E9F4F9;
background-image: url(/themes/custom/clew_barrio/icons/uEBA3-credit-card-heart-paragraph.svg);
background-repeat: no-repeat;
background-size: auto 211px;
background-position: top 80px right 61px;
}
.path-frontpage .paragraph--type--donation-teaser {
background-size: auto 249px;
background-position: top 29px right 131px;
}
.paragraph--type--donation-teaser .donationParagraph{
width: 45%;
}
main#content .paragraph--type--donation-teaser h3{
font-size: 1.625em;
line-height: 1.5em;
color: var(	--darkblue);
}
main#content .paragraph--type--donation-teaser p{
font-family: 'OpenSans';
margin-bottom: 2rem;
}

/*Infobox*/
.paragraph--type--infobox .infoBoxParagraph,
.paragraphs-item-infobox{
padding: 1.6875rem 0 1.6875rem 3.25rem;
font-family: 'OpenSans';
margin-bottom: 2rem;
}
.paragraph--type--infobox .infoBoxParagraph.red,
.paragraphs-item-infobox.red{
background: var(--lightredbkgr);
}
.paragraph--type--infobox .infoBoxParagraph.grey,
.paragraphs-item-infobox.grey{
background: #CECFD2;
}
.paragraph--type--infobox .infoBoxParagraph.red,
.paragraphs-item-infobox.red{
background: var(--lightredbkgr);
}
.paragraph--type--infobox .infoBoxParagraph.blue,
.paragraphs-item-infobox.blue{
background: var(	--lightbluebkgr);
}
.paragraph--type--infobox .infoBoxOpener::-webkit-details-marker {
display: none;
}
.infoBoxOpener::marker {
content: "";
}
.infoBoxParagraph a{
color:#fff !important;
}
.infoBoxParagraph.grey *{
color:var(--darkgrey) !important;
}
.paragraph--type--infobox .infoBoxParagraph .infoBoxOpener h2{
background: url(/themes/custom/clew_barrio/icons/uEA04-arrow-up-white.svg) no-repeat 95% top !important;
}
.paragraph--type--infobox .infoBoxParagraph.grey .infoBoxOpener h2{
background: url(/themes/custom/clew_barrio/icons/uEA04-arrow-up-black.svg) no-repeat 95% top !important;
}
.paragraph--type--infobox .infoBoxParagraph details[open] .infoBoxOpener h2  {
background: url(/themes/custom/clew_barrio/icons/uEA03-arrow-down-white.svg) no-repeat 95% top !important;
}
.paragraph--type--infobox .infoBoxParagraph.grey details[open] .infoBoxOpener h2  {
background: url(/themes/custom/clew_barrio/icons/uEA03-arrow-down-black.svg) no-repeat 95% top !important;
}
.paragraph--type--infobox .infoBoxParagraph .infoBoxContent,
.paragraphs-item-infobox .field-name-field-global-text{
padding-right:7.5rem; 
margin-top: 1rem;
}
.paragraph--type--infobox .infoBoxParagraph .infoBoxContent,
.paragraph--type--infobox .infoBoxParagraph .infoBoxOpener h2,
.paragraphs-item-infobox .field-name-field-title,
.paragraphs-item-infobox .field-name-field-global-text,
.paragraphs-item-infobox .field-name-field-global-text a{
color:#fff !important;
}
.paragraph--type--infobox .infoBoxParagraph.grey .infoBoxContent,
.paragraph--type--infobox .infoBoxParagraph.grey .infoBoxOpener h2,
.paragraph--type--infobox .infoBoxParagraph.grey .infoBoxContent a,
.paragraphs-item-infobox.grey .field-name-field-title,
.paragraphs-item-infobox.grey .field-name-field-global-text,
.paragraphs-item-infobox.grey .field-name-field-global-text a{
color: var(--darkgrey) !important;
}
.paragraph--type--infobox .infoBoxParagraph .infoBoxOpener h2,
.paragraphs-item-infobox .field-name-field-title{
font-size: 1rem !important;
line-height: 1.66667rem;
font-family: 'OpenSansBold';
position: relative;
margin-bottom: 0 !important;
}
.paragraphs-item-infobox .field-name-field-global-text a,
.paragraph--type--infobox .infoBoxParagraph .infoBoxContent a{
text-decoration: underline !important;
}

/*Newsletter mit CTA*/
.paragraph--type--newsletter {
position: relative;
border-radius: 20px;
background-color: var(--darkbluebkgr);
background-image: url(/themes/custom/clew_barrio/icons/uEA0F-newsletter-cta.svg);
background-repeat: no-repeat;
background-size: auto 780px;
background-position: top -2px right -29px;
color:#fff;
text-align: center;
}
.newsletterCTAParagraphInner{
background-image: url(/themes/custom/clew_barrio/icons/uEA0F-newsletter-cta.svg);
background-repeat: no-repeat;
background-size: auto 10.3125rem;
background-position: 1.625rem .375rem;
}
.newsletterCTAParagraph {
padding: 4.375rem 0;
width:50%;
margin: 0 auto;
}
.newsletterCTAParagraphText{
margin-bottom: 2rem;	
font-family: 'OpenSans';
}
main#content .paragraph--type--newsletter .newsletterCTAParagraphTitle h2{
font-size: 1.625rem;
line-height: 1.5rem;
font-family: "MerriweatherBold";
margin-bottom: 1.25rem !important;
}
.paragraph--type--newsletter .newsletterCTAParagraphLink a{
background: #fff;
color: var(--darkgrey) !important;
}
.paragraph--type--newsletter .newsletterCTAParagraphLink a:hover {
background: var(--lightredbkgr) !important;
color: #fff !important;
}


/*Quote*/
.paragraph--type--quote,
.paragraphs-item-quote{
text-align: center;
position: relative;
border-top: 3px solid #009870;
border-bottom: 3px solid #009870 !important;
padding: 2.6875rem 0;
}
.paragraph--type--quote:before{

}
.paragraph--type--quote .quoteParagraph blockquote,
.paragraphs-item-quote .field-name-field-global-text{
color:rgba(1,67,50,0.7);
margin: 0 5rem 1rem 5rem;
font-size: 2.0625rem;
line-height: 2.5rem;
font-family: 'OpenSansBold';
}
.paragraph--type--quote .quoteAuthor,
.paragraphs-item-quote .field-name-field-quote-author{
font-family: 'OpenSans';
color: var(--lightgrey);
}

.paragraph--type--quote .quoteMarks{
background: #fff;
padding: 0 1rem;  position: absolute;
top: -.75rem;
left: 50%;
}
.paragraph--type--quote .quoteMarks img{
width: 2.25rem;
height: 2.25rem;
}
.paragraph--type--quote .quoteLink a,
.paragraphs-item-quote .field-name-field-url a{
color:rgba(0,152,112,0.7) !important;
font-family: 'OpenSans';
}
.paragraphs-item-quote .field-name-field-image {
display: none;
}


/*TeaserBox*/
.paragraph--type--teaser-box{
position: relative;
color:#fff !important;
font-family: 'OpenSans';
}
.teaserBoxLayout13{
width: 31%;
}
.teaserBoxLayout23{
width: 66%;
}
.teaserBoxLayout13 .paragraph,
.teaserBoxLayout23 .paragraph,
.teaserBoxLayout33 .paragraph{
width: auto;
margin-bottom: 0;
height: 100%;
}

.teaserBoxLayout13,
.teaserBoxLayout23,
.teaserBoxLayout33{
background-repeat: no-repeat;
background-size: cover;
background-position: center;
margin-bottom: 2.5rem;
}

.paragraph--type--teaser-box .teaserBoxParagraph{

padding: 2.8125rem 2.8125em 5.3125em 0;
}
.teaserBoxLayout13 .paragraph:before,
.teaserBoxLayout23 .paragraph:before,
.teaserBoxLayout33 .paragraph:before{
content: '';
position: absolute;
right: 0;
left: 0;
top: 0;
bottom: 0;
opacity: .8;
background-color: var(--darkbluebkgr);
}
.teaserBoxParagraphTitle{
position: relative;
}
.teaserBoxParagraphText{
font-size: 1.1875rem;
line-height: 1.75rem;
position: relative;
padding: 3.125rem 0 3.5rem 2.8125em;
}
main#content .paragraph--type--teaser-box a{
color: #fff;
}

.teaserBoxParagraphTitle .iconText{
padding-left: 4.5rem;
}
.teaserBoxParagraphTitle .iconText[data-icon="0A"]{
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;
}
.teaserBoxParagraphTitle .iconText[data-icon="0B"]{
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;
}
.teaserBoxParagraphTitle .iconText[data-icon="0C"]{
background: url(/themes/custom/clew_barrio/icons/uEA02-analysis.svg) no-repeat var(--link) !important;
background-size: 2.1875rem !important;
background-position: 1.25rem .625rem !important;
}
.teaserBoxParagraphTitle .iconText[data-icon="0D"]{
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;
}
.teaserBoxParagraphTitle .iconText[data-icon="0E"]{
background: url(/themes/custom/clew_barrio/icons/uEA05-calendar.svg) no-repeat var(--link) !important;
background-size: 2.1875rem !important;
background-position: 1.25rem .625rem !important;
}
.teaserBoxParagraphTitle .iconText[data-icon="0F"]{
background: url(/themes/custom/clew_barrio/icons/uEA07-contact.svg) no-repeat var(--link) !important;
background-size: 2.1875rem !important;
background-position: 1.25rem .625rem !important;
}
.teaserBoxParagraphTitle .iconText[data-icon="0G"]{
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;
}
.teaserBoxParagraphTitle .iconText[data-icon="0H"]{
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;
}
.teaserBoxParagraphTitle .iconText[data-icon="0J"]{
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;
}
.teaserBoxParagraphTitle .iconText[data-icon="0K"]{
background: url(/themes/custom/clew_barrio/icons/uEAB4-ask-clew.svg) no-repeat var(--link) !important;
background-size: 2.1875rem !important;
background-position: 1.25rem .625rem !important;
}
.teaserBoxParagraphTitle .iconText[data-icon="0L"]{
background: url(/themes/custom/clew_barrio/icons/uEA10-blog-white.svg) no-repeat var(--link) !important;
background-size: 2.1875rem !important;
background-position: 1.25rem .625rem !important;
}
.teaserBoxParagraphTitle .iconText[data-icon="0M"]{
background: url(/themes/custom/clew_barrio/icons/uEAB6-experts.svg) no-repeat var(--link) !important;
background-size: 2.1875rem !important;
background-position: 1.25rem .625rem !important;
}
.teaserBoxParagraphTitle .iconText[data-icon="0N"]{
background: url(/themes/custom/clew_barrio/icons/uEAB8-easyguide.svg) no-repeat var(--link) !important;
background-size: 2.1875rem !important;
background-position: 1.25rem .625rem !important;
}
.teaserBoxParagraphTitle .iconText[data-icon="0P"]{
background: url(/themes/custom/clew_barrio/icons/uEA0F-newsletter.svg) no-repeat var(--link) !important;
background-size: 2.1875rem !important;
background-position: 3.5rem .625rem !important;
}


/*Image only*/
.paragraph img{
width: 100%;
height: auto;
}


/*Image Text*/
.paragraph--type--text-and-image .textImageParagraphImage.left{
width: 30%;
margin:0.375rem 2rem 1rem 0;
float: left;
}
.paragraph--type--text-and-image .textImageParagraphImage.right{
width: 30%;
margin:0.375rem 0 1rem 2rem;
float: right;
}
.paragraph--type--text-and-image .textImageParagraphImage.big{
width: 50%;
}
.paragraph--type--text-and-image .textImageParagraphImage.small{
width: 20%;
}
.paragraph--type--text-and-image .textImageParagraphImage img{
width: 100%;
height: auto;
}


/*Country*/
.paragraph--type--country .countryParagraph{
grid-template-columns: 50% calc(50% - 1.25rem);
display: grid;
gap:1.25rem;
}
.paragraph--type--country .countryParagraphCountry{
font-family: 'OpenSans';
margin-bottom: .25rem;
font-size: 0.9375rem;
line-height: 1.55;
}
.paragraph--type--country .countryParagraphText{
font-family: 'OpenSans';
margin-bottom: 2rem;
font-size: 1.0625em;
line-height: 1.55;
}
.paragraph--type--country .countryLinks{
display: flex;
}
.paragraph--type--country .countryLinks div{
margin-right: 1rem;
}


/*Regular Reference*/
.paragraph--type--regular-reference .regularReferenceParagraph,
.clewTile{
background: #42556D;
color:#fff;
}
.paragraph--type--regular-reference .regularReferenceParagraph.layout13{
width:31%;
}
.paragraph--type--regular-reference .regularReferenceParagraph.layout23{
width:65.5%;
}
.paragraph--type--regular-reference .regularReferenceParagraphType,
.clewTile .clewTileIcon{
padding-top: 4.5rem;
padding-bottom: 1.625rem;
}
.paragraph--type--regular-reference .regularReferenceParagraphText,
.clewTitle .clewTileText{
padding: 0 2.8125rem 2.5rem 2.8125rem;
}
main#content .paragraph--type--regular-reference .regularReferenceParagraphText h3 a,
.clewTitle .clewTileText h3 a{
color:#fff;
}
.paragraph--type--regular-reference .iconText a,
.clewTitle .clewTileText .iconText a{
background-position: 2.8125rem .625rem !important;
padding-left: 5.75rem !important;
}
.field-name-field-layout,
a.back-to-top{
display: none;
}


/*Headline*/
.headlineParagraphTitle h2{
text-align: center;
font-family: 'OpenSansBold';
margin-bottom: 3rem !important;
border-top: 1px solid #CECFD2;
border-bottom: 1px solid #CECFD2;
padding: 33px 0;
}


/*More Box*/
.paragraph--type--more-box,
.paragraphs-item-more-box .field-items{
display: grid;
grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
gap:2rem;
border-top: 1px solid #CECFD2;
border-bottom: 1px solid #CECFD2;
padding: 2rem 0;
}
.paragraph--type--more-box:after{
display: none;
}
main#content .paragraph--type--more-box .moreBoxParagraphText a,
.paragraphs-item-more-box a{
color: var(--darkgrey) !important;
}
.paragraph--type--more-box h3,
.paragraph--type--more-box h3 a,
.paragraphs-item-more-box h2,
.paragraphs-item-more-box h2 a{
font-size: 1.1875em !important;
line-height: 1.42105em;
font-family: "MerriweatherBold";
color: var(--darkgrey) !important;
}
.paragraph--type--more-box .moreBoxParagraph,
.paragraphs-item-more-box .field-items .field-item{
border-right: 1px solid #CECFD2;
padding-right: 2rem;
}
.paragraph--type--more-box .moreBoxParagraph:last-child,
.paragraphs-item-more-box .field-items .field-item:last-child,
.paragraphs-item-more-box .field-items .field-item .field-item{
border-right: 0;
padding-right: 0;
}
.paragraph--type--more-box .moreBoxAuthor,
.paragraphs-item-more-box .field-name-field-global-date,
.paragraphs-item-more-box .field-name-field-global-author{
font-family: 'OpenSans'; 
font-size: 0.9375rem;
line-height: 1.33333rem;
display: block;
margin-bottom: .8125rem;
}
.paragraph--type--more-box .moreBoxDate{
font-family: 'OpenSans';
font-size: 0.9375rem;
line-height: 1.33333rem;
display: block;
}
.paragraph--type--more-box .iconText a{
margin-bottom: 1.5rem;
}
.field-name-field-global-author .field-item{
display: inline-block;
margin-right: 5px;
}
.field-name-field-global-author .field-item:after{
content:',';
}
.field-name-field-global-author .field-item:last-child:after{
content:none;
}
.paragraphs-item-more-box .field-items .field-items{
display: block;
border: 0;
padding: 0;
}
.paragraphs-item-more-box .node{
display: flex;
flex-direction: column-reverse;
}
.paragraphs-item-more-box .field-name-field-global-date{
margin-bottom: 0;
}


/*FAQ List*/
.paragraphs-item-faq-list .field-type-text{
font-size: 1.375rem;
line-height: 1.3rem;
margin-bottom: 1rem;
}
.paragraphs-item-faq-list .field-name-field-global-text{
margin-bottom: 2rem;
}
.paragraph--type--faq-list details,
.paragraphs-items-field-faq-items {
font-family: 'OpenSans';
margin-bottom: 3rem;
}
.paragraph--type--faq-list details summary,
.paragraphs-items-field-faq-items .field-name-field-faq-question{
position: relative;
padding-left: 2rem;
font-family: "OpenSansBold";
margin-bottom: 1rem;
}
.paragraph--type--faq-list details summary::before,
.paragraphs-items-field-faq-items .field-name-field-faq-question::before {
content: counter(faq-counter) "";
position: absolute;
left: 0;
top: 0;
color: #CECFD2;
font-size: 1.5rem;
}
.paragraph--type--faq-list details  div,
.paragraphs-items-field-faq-items .field-name-field-global-text{
padding-left: 2rem;
}
.paragraph--type--faq-list,
.paragraphs-items-field-faq-items .field-items{
counter-reset: faq-counter;
}
.paragraph--type--faq-list > details,
.field-name-field-faq-items .field-items > .field-item {
counter-increment: faq-counter; 
margin-bottom: 1em;
}
.paragraph--type--faq-list summary.faqSummary {
list-style: none;
cursor: pointer;
background: url(/themes/custom/clew_barrio/icons/uEA03-arrow-down-grey.svg) no-repeat;
background-position: 98% 0;
}
.paragraph--type--faq-list details[open] summary.faqSummary {
list-style: none;
cursor: pointer;
background: url(/themes/custom/clew_barrio/icons/uEA04-arrow-up-grey.svg) no-repeat;
background-position: 98% 0;
}
.paragraph--type--faq-list summary.faqSummary::-webkit-details-marker {
display: none;
}
.paragraph--type--faq-list > details > summary.faqSummary::before {
content: counter(faq-counter) "";
margin-right: 0.5em;
font-family: "OpenSans";
}


/*Link mit Source*/
.clewSourceLinkWrapper{
border-left:4px solid var(--link);
margin-bottom:50px;
padding-left:25px;
}

.clewSourceLinkWrapper .clewSourceSource{
color:#777;
font-size:0.85rem;
letter-spacing:1px;
text-transform:uppercase;
margin-bottom:10px;
}

.clewSourceLinkWrapper h2{
font-size:1.6rem !important;
line-height:1.3;
margin-bottom:1rem;
margin-top:0;
}

.clewSourceLinkWrapper .clewSourceText{
color:#444;
font-size:1.05em;
line-height:1.7;
margin-bottom:15px;
}

.clewSourceLinkWrapper .clewSourceLink{
color:var(--link);
display:inherit;
font-size:1rem;
text-decoration:none;
background: url(/themes/custom/clew_barrio/icons/uEBA2-arrow-with-line.svg) transparent no-repeat;
background-size: auto 1rem;
background-position: 0 .3125rem;
padding-left: 1.6875rem;
font-family: 'MerriweatherBold';
}


/*
.clewSourceAlternativeLayout .clewSourceSource{
padding-right: 1rem;
width: 13rem;
display: block;
flex-shrink: 0;
}
.clewSourceAlternativeLayout .clewSourceFlex {
display: flex;
}
.clewSourceAlternativeLayout .clewSourceLinkWrapper {
padding-left: 0;
border: 0;
}
.clewSourceAlternativeLayout .clewSourceSource{
color:var(--darkgrey);
display:block;
font-size:1.6rem;
letter-spacing:-1px;
line-height:1;
}
.clewSourceAlternativeLayout .clewSourceSource span {
display:none;
}
.clewSourceAlternativeLayout .clewSourceContent{
border-left: 2px solid var(--link);
padding-left: 1rem;
}
*/








/*Paragraphs der importierten Nodes*/
.paragraphs-item-faq-list .field-name-field-check,
.paragraphs-item-faq-list .field-label,
.paragraphs-item-more-box .field-name-field-global-tags,
.paragraphs-item-more-box .field-name-field-global-subtitle{
display: none;
}
.paragraphs-item-text-only .field-name-field-title{
font-family: 'MerriweatherBold';
font-size: 1.25rem;
line-height: 1.25rem;
margin-bottom: 1.5rem;
}
.entity-paragraphs-item{
margin-bottom: 1.5rem;
}


.paragraphs-item-more-box .contextual-links-wrapper,
.paragraphs-item-more-box .form-type-item,
.paragraphs-item-regular-reference .contextual-links-wrapper,
.paragraphs-item-regular-reference .form-type-item{
display: none;
}