:root {
  	--lilac: rgba(210, 179, 255, 1);
  	--lightblue: rgba(31, 99, 255, 1);
  	--turqoise: rgba(112, 228, 244, 1);
  	--darkblue: rgba(0, 45, 99, 1);
  	--orange: rgba(255, 159, 115, 1);
  	--red: rgba(235, 121, 121, 1);
  	--peach:rgba(254, 250, 246, 1);
  	--blueopacity:rgba(229, 237, 255, 1);
}

:link,:visited { text-decoration:none }

ul { list-style:none }


ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,img,dl
{ margin:0; padding:0 }

a img,:link img,:visited img { border:none }

html {
	scroll-behavior: smooth;
}
hml, body {
	font-family: Manrope, Arial, Helvetica, sans-serif;
	font-size: 20px;
	line-height:30px;
	font-style: normal;
  	font-weight:300;
  	letter-spacing:0.5px;
	color: var(--darkblue);
	padding-bottom: 20px;
	min-height:100vh;
}
 body { 
 	/* background: transparent linear-gradient(4deg, rgba(250, 249, 252, 0.3) 0%, rgba(112, 228, 244, 0.3) 17%, rgba(255, 253, 254, 0.3) 42%, rgba(0, 82, 254, 0.3) 66%, rgba(255, 219, 204, 0.3) 100%) 0% 0% no-repeat padding-box;
	background-repeat:no-repeat; */
	background-color:rgba(255, 159, 115, 0.1);
}
 body#page-1 { 
	background: transparent linear-gradient(176deg, rgba(250, 249, 252, 0.5) 0%, rgba(221, 196, 255, 0.5) 17%, rgba(255, 253, 254, 0.5) 42%, rgba(255, 160, 116, 0.5) 66%, rgba(255, 159, 115, 0.5) 89%, rgba(255, 219, 204, 0.5) 100%) 0% 0% no-repeat padding-box;
	background-repeat:no-repeat;
}
/*

*/

p {
	margin:0;
	padding:0;
}
a {
	color: var(--lightblue);
	text-decoration:none;
}
b, strong {
	font-family: Manrope, Arial, Helvetica, sans-serif;
  	font-weight: 700;
}
h1 {
	font-family: Manrope, Arial, Helvetica, sans-serif;
  	font-weight: 700;
  	font-size:60px;
  	line-height:78px;
}
h2 {
	font-family: Manrope, Arial, Helvetica, sans-serif;
  	font-style: normal;
  	font-weight: 700;
  	font-size:38px;
  	line-height:48px;
}
h3 {
	font-family: Manrope, Arial, Helvetica, sans-serif;
  	font-style: normal;
  	font-weight: 700;
  	font-size:24px;
  	line-height:32px;
}
h4 {
	font-size:20px;
	font-weight: 700;
	line-height:26px;
}
h5 {
	font-size:20px;
	font-weight: 700;
	line-height:26px;
}
header, main,figure, ul, ol,
h1,h2,h3,h4,h5 {
	margin:0;
	padding:0;
}
iframe {
	border:none;
}
.text-left {
	text-align:left;
}
.text-center {
	text-align:center;
}
.text-right {
	text-align:right;
}
.smallfont {
	font-size:13px;
	line-height:20px;
}
ul, .ce-intext.ce-left ul {
	padding-left:30px;
}
.wrapper {
	width: 1230px;
	/*margin: 20px 0 20px 20px;*/
	margin:20px auto;
	position:relative;
}




/* * * * * * * * * * * * * * * * * * Header * * * * * * * * * * * * * * * * * */

.logo-navigation {
	display: grid;
	  grid-template-columns: 230px 1fr;
	  gap: 10px;
}
#logo {
	width: auto;
	height:42px;
	position: relative;
}



#header #fb-like {
	width: 225px;
	position: absolute;
	right: 0px;
	top: 0px;
	text-align: right;
}

#searchbox {
	width: 225px;
	position: absolute;
	right: 0px;
	bottom: 30px;
	overflow: hidden;
}

.social-container {
  margin: 0 48px auto auto;
  height: 20px;
  text-align: right;
  text-align: left;
  float: right;
}
#socialshareprivacy {
  
}
#header .social-container a {
	margin-right: 0;
}
a#academia-button .academia-button-logo {
	padding: 4px 4px 5px 6px !important;
}
#academia-button span.academia-papers-text {
	margin:0 !important;
	padding:6px 5px 0 5px !important;
	height:14px !important;
	line-height:5px !important;
}

/* * * * * * * * * * * * * * * * * * Content * * * * * * * * * * * * * * * * * */

main .ce-bodytext a {
	color:var(--orange);
}
main ol { 
	margin-left:20px;
}
main .ce-bodytext ul {
	padding-left:35px;
}
main .ce-bodytext ul > li {
	line-height:30px;
	padding-top:6px;
	padding-bottom:6px;
	color:var(--lightblue);
}
main .ce-bodytext ul > li::before {
	content:"→";
	display:inline-block;
	margin-right:10px;
	margin-left:-30px;
}

#mainwrap {
	padding-top:80px;
	width:100%;
}
.hidden {
	display:none;
}

.frame-type-header header h2,
.frame-type-header header h3,
.frame-type-text header h2,
.frame-type-text header h3 {
	margin:0 0 30px 0;
}
.frame-type-text .ce-bodytext .text-column {
	column-count: 2;
  	column-gap: 30px;
}
.frame-type-text.frame-layout-32 .ce-bodytext .text-column {
	column-count: 1;
  	column-gap: 0;
}
.frame-type-text.frame-layout-33 .ce-bodytext .text-column {
	column-count: 1;
  	column-gap: 0;
  	width:75%;
}
.frame-type-text.frame-layout-33 header {
  	width:75%;
}

.frame-type-text .ce-bodytext h1 {

}

.rte-orange-text {
	color:var(--orange);
}
.rte-light-blue-text {
	color:var(--lightblue);
}

.ce-gallery img {
	border-radius:10px;
}


.ce-textpic.ce-nowrap {
  display: flex;
  flex-wrap: wrap;
  column-gap: 30px;
  justify-content: flex-start;
}
.ce-textpic.ce-nowrap .ce-bodytext,
.ce-textpic.ce-nowrap .ce-gallery {
	width:calc(50% - 15px);
}
.ce-textpic.ce-nowrap .ce-gallery img {
	width:100%;
	height:auto;
}
.ce-textpic.ce-right.ce-nowrap .ce-gallery {
	order:2;
}
.ce-textpic.ce-right.ce-nowrap .ce-bodytext {
	order:1;
}

.ce-textpic.ce-nowrap .ce-gallery .ce-column {
  float: none;
}
.ce-textpic.ce-right.ce-nowrap .ce-gallery {
  margin-left: 0;
}
.ce-textpic.ce-left.ce-nowrap .ce-gallery {
  margin-right: 0;
}

.rte-find-out-link {
	color:var(--orange);
}
.rte-find-out-link::after {
	content:" →";
}


/* Logo carpet */
.frame-layout-95 .ce-gallery .ce-row {
	display:flex;
	gap:40px;
	flex-wrap:wrap;
}
.frame-layout-95 .ce-gallery .ce-column {
	float:none;
	margin:0;
	width:calc(25% - 30px);
}
.frame-layout-95 .ce-gallery .ce-column img {
	max-width:100%;
}

/* Partner */
.container-partner .ce-gallery {
	min-height:62px;
}
.container-partner .ce-gallery img {
	max-height:60px;
}

/* Table packages */

.packages-table table {
	border-radius:20px;
	overflow:hidden;
}

.packages-table thead tr:nth-child(odd) {
	background-color:white;
}
.packages-table tr:nth-child(even) {
	background-color:white;
}
.packages-table tr:nth-child(odd) {
	background-color:rgb(229, 237, 255);
}
.packages-table th {
	padding:30px;
	text-align:left;
	vertical-align:middle;
	color:var(--lightblue);
}
.packages-table th:last-child {
	width:170px;
	
}
.packages-table td {
	padding:30px;
	vertical-align: top;
}
.packages-table td:last-child {
	text-align:center;
}
.packages-table th,
.packages-table td {
	border-right:1px solid var(--lightblue);
}
.packages-table th:last-child,
.packages-table td:last-child {
	border-right:none;
}
.packages-table td:last-child {
	color:var(--lightblue);
	font-weight:700;
}

@media only screen and (max-width: 768px) {
	.packages-table th {
		display:none;
	}
	.packages-table tr {
		display:block;
		margin-bottom:20px;
		border-radius:20px;
	}
	.packages-table td {	
		display:block;
		border-right:none;
		position:relative;
	}
	.packages-table tr td:last-child::after {
		content:" ZAR";
		position:relative;
		left:initial;
		right:initial;
		top:initial;
		display:inline;
	}
	.packages-table tr td:before {
		content: "";
		position: absolute;
		left: 25%;      /* Startpunkt der Linie */
		right: 25%;     /* Endpunkt der Linie */
		top: 0;       /* Vertikal mittig */
		height: 1px;
	}
	.packages-table tr:nth-child(odd) td:before {
		background: white;
	}
	.packages-table tr:nth-child(even) td:before {
		background: rgb(229, 237, 255);
	}
	.packages-table tr td:first-child::before {
		content: none;
	}
}

/* Hosting */

.hosting .container-3cols .frame-default,
.hosting .container-4cols .frame-default {
	background-color:rgba(229, 237, 255, 1);
	border-radius:20px;
	padding:20px;
	height:100%;
	position:relative;
}
.hosting .container-3cols .container-3cols-2 .frame-default,
.hosting .container-4cols .container-4cols-2 .frame-default,
.hosting .container-4cols .container-4cols-4 .frame-default {
	background-color:rgba(255, 255, 255, 1);
}
.hosting .container-3cols .frame-default h3,
.hosting .container-4cols .frame-default h3 {
	font-size:20px;
	font-weight:600;
}
.hosting .container-3cols .frame-default hr,
.hosting .container-4cols .frame-default hr {
	border: 0;
  	height: 1px;
  	background: #fff;
}
.hosting .container-3cols .container-3cols-2 .frame-default hr,
.hosting .container-4cols .container-4cols-2 .frame-default hr,
.hosting .container-4cols .container-4cols-4 .frame-default hr {
  	background: rgba(229, 237, 255, 1);
}
main .ce-bodytext ul {
	padding-left:25px;
}
main .hosting .ce-bodytext ul > li {	
	color:var(--darkblue);
}
main .hosting .ce-bodytext ul > li::before {
	content:">";
	margin-left:-20px;
}	
main .hosting .container-3cols .ce-bodytext p:last-child,
main .hosting .container-4cols .ce-bodytext p:last-child {
	position:absolute;
	bottom:20px;
}
@media only screen and (max-width: 768px) { 
	.hosting .container-3cols .frame-default,
	.hosting .container-4cols .frame-default {
		margin-bottom:30px;
	}
}

/* Fundraising */

.fundraising .container-header .frame-default {
	background-color: var(--blueopacity);
	border-radius:20px;
	padding:30px 0;
	text-transform: uppercase;
}
.fundraising .container-header .frame-type-header header h2 {
	margin-bottom:0;
}
.fundraising .container-col .frame-default {
	background-color: white;
	border-radius:20px;
	height:100%;
	display:flex;
	justify-content: center;
	align-items: center;
	padding:30px 0;
}
.fundraising .container-col .frame-default h3 {
	margin-bottom:0;
}
@media only screen and (max-width: 680px) { 
	.fundraising .container-col .frame-default {
		margin-bottom:30px;
	}
}


/* modules */

.modules {
	background-color:white;
	border-radius:20px;
	position:relative;
	padding:30px;
}
.modules .frame-type-image {
	background-color: rgba(255, 159, 115, 0.1);
	display:block;
	width:220px;
	height:220px;
	position:relative;
	border-radius:110px;
	padding-top:25px;
}
.modules .frame-type-image:nth-child(odd) {
	margin-left:200px;
	margin-top:-20px;
}
.modules .frame-type-image:first-child {
	margin-top:0;
}
.modules .frame-type-image:nth-child(even) {
	margin-top:-60px;
}
.modules .frame-type-image:nth-child(1){
	padding-top:10px;
}
.modules .frame-type-image:nth-child(2){
	padding-top:5px;
}
.modules .frame-type-image:nth-child(3){
	padding-top:0;
}
.modules .frame-type-image:nth-child(4){
	padding-top:0;
}
.modules .frame-type-image:nth-child(5){
	padding-top:0;
	padding-left:10px;
	padding-right:10px;
}
.modules .frame-type-image:nth-child(6){
	padding-top:0;
}
.modules .frame-type-image:nth-child(6) header{
	right:10px;
	left:10px;
}
.modules .frame-type-image:nth-child(7){
	padding-top:0;
}

.modules .frame-type-image header {
	position:absolute;
	bottom:20px;
	right:0;
	left:0;
	text-align:center;
}
.modules .frame-type-image header h3 {
	font-size:20px;
}
.modules .frame-type-image img {
	width:100%;
	height:auto;
}
.modules .frame-type-image::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 220px;
  height: 1px;
  width:550px;
  background-color: var(--lightblue);
}
.modules .frame-type-image::after {
  content: "";
  position: absolute;
  top: calc(50% - 8px);
  left: 752px;
  width: 16px;
  height: 16px;
  border-top: 1px solid var(--lightblue);
  border-right: 1px solid var(--lightblue);
  transform: rotate(45deg);
  transform-origin: center;
}

.modules .frame-type-header {
	position:absolute;
	right:30px;
	top:30px;
	bottom:30px;
	background-color: var(--blueopacity);
	border-radius:20px;
	display:flex;
	justify-content: center;
	align-items: center;
	padding:10px;
}
@media only screen and (max-width: 1300px) {
	.modules .frame-type-image::before {

	  width:calc(100vw - 750px);
	}
	.modules .frame-type-image::after {
	  left: calc(100vw - 548px);
	}
}
@media only screen and (max-width: 768px) {
	.modules .frame-type-image:nth-child(odd) {
		margin-left:0;
		margin-top:0;
		margin-bottom:20px;
	}
	.modules .frame-type-image:nth-child(even) {
		margin-top:0;
		margin-bottom:20px;
	}
	.modules .frame-type-image::before {
	  width:calc(100vw - 520px);
	}
	.modules .frame-type-image::after {
	  left: calc(100vw - 318px);
	}
}
@media only screen and (max-width: 540px) {
	.modules .frame-type-header {
		width:80px;
	}
	.modules .frame-type-header h2 {
		transform-origin:center;
		transform:rotate(90deg);
	}
	.modules .frame-type-image::before {
	  width:calc(100vw - 430px);
	}
	.modules .frame-type-image::after {
	  left: calc(100vw - 228px);
	}
}
@media only screen and (max-width: 460px) {
	.modules {

		padding:15px;
	}
	.modules .frame-type-image {
		transform:scale(0.7);
		transform-origin:0 50%;
	}
	.modules .frame-type-header {
		right:15px;
		width:60px;
	}
	.modules .frame-type-image:nth-child(1){
		margin-top:-10px;
	}
	.modules .frame-type-image:nth-child(2){
		margin-top:-60px;
	}
	.modules .frame-type-image:nth-child(3){
		margin-top:-60px;
	}
	.modules .frame-type-image:nth-child(4){
		margin-top:-60px;
	}
	.modules .frame-type-image:nth-child(5){
		margin-top:-60px;
	}
	.modules .frame-type-image:nth-child(6){
		margin-top:-60px;
	}
	.modules .frame-type-image:nth-child(7){
		margin-top:-60px;
	}
	.modules .frame-type-image::before {
	  	width:calc(100vw - 270px);
	  	height:1.5px;
	}
	.modules .frame-type-image::after {
	  left: calc(100vw - 68px);
	}
}

/* Join now */

.fullwidth-container.join-now {
	min-height:0;
}
.join-now .frame-default {
	position:absolute;
	bottom:100px;
	left:50px;
}
@media only screen and (max-width: 1600px) {
	.join-now .frame-default {
		bottom:60px;
		left:50px;
	}
	 main .join-now .ce-gallery img {
		width:11vw;
	}
}
@media only screen and (max-width: 1000px) {
	.join-now .frame-default {
		bottom:400px;
		left:30px;
	}
	 main .join-now .ce-gallery img {
		width:14vw;
	}
}
@media only screen and (max-width: 820px) {
	.join-now .frame-default {
		bottom:360px;
		left:30px;
	}
	 main .join-now .ce-gallery img {
		width:120px;
	}
}
@media only screen and (max-width: 440px) {
	.join-now .frame-default {
		bottom:320px;
		left:20px;
	}
	 main .join-now .ce-gallery img {
		width:100px;
	}
}

/* AMP */

.apm-container {
  	display: grid;
  	grid-template-columns: repeat(8, 1fr);
  	gap: 30px;
  	padding:30px;
  	border-radius:20px;
	position: relative;
  	background-color:white;
  	font-weight:700;
  	color:var(--lightblue);
}


.apm-item {
	background-color:rgb(213, 247, 252);
	height:150px;
	border-radius:20px;
	text-align:center;
	vertical-align: middle;
	display:none;
	position:relative;
	place-content: center;
}
.apm-item-1 { /* Individual help seekers */
	display:block;
	grid-column-start: 2;
	grid-column-end: 4;
	grid-row-start: 1;
	grid-row-end: 2;
	background-color:rgb(255, 227, 214);
	color:var(--orange);
	order:1;
}
.apm-item-1::after {
  content: "";
  position: absolute;
  bottom: calc(-100% - 60px);
  left: 50%;
  width: 1px;
  height:calc(100% + 60px);
  background-color: var(--lightblue);
}
.apm-item-2 { /* Program/Campaign website */
	display:block;
	grid-column-start: 2;
	grid-column-end: 4;
	grid-row-start: 3;
	grid-row-end: 4;
	background-color:rgb(255, 227, 214);
	color:var(--orange);
	order:12;
}
.apm-item-2::after {
  content: "";
  position: absolute;
  bottom: calc(-100% - 60px);
  left: 50%;
  width: 1px;
  height:calc(100% + 60px);
  background-color: var(--lightblue);
}
.apm-item-3 { /* Open application form */
	display:block;
	grid-column-start: 2;
	grid-column-end: 4;
	grid-row-start: 5;
	grid-row-end: 6;
	background-color:rgb(255, 227, 214);
	color:var(--orange);
	order:3;
}
.apm-item-3::after {
  content: "";
  position: absolute;
  bottom: calc(-100% - 60px);
  left: 50%;
  width: 1px;
  height:calc(100% + 60px);
  background-color: var(--lightblue);
}
.apm-item-4 { /* Institutional applicants */
	display:block;
	grid-column-start: 4;
	grid-column-end: 6;
	grid-row-start: 1;
	grid-row-end: 2;
	background-color:rgb(242, 233, 255);
	order:4;
}
.apm-item-4::after {
  content: "";
  position: absolute;
  bottom: calc(-100% - 60px);
  left: 50%;
  width: 1px;
  height:calc(100% + 60px);
  background-color: var(--lightblue);
}
.apm-item-5 { /* Program/Campaign website */
	display:block;
	grid-column-start: 4;
	grid-column-end: 6;
	grid-row-start: 3;
	grid-row-end: 4;
	background-color:rgb(242, 233, 255);
	order:5;
}
.apm-item-5::after {
  content: "";
  position: absolute;
  bottom: calc(-100% - 60px);
  left: 50%;
  width: 1px;
  height:calc(100% + 60px);
  background-color: var(--lightblue);
}
.apm-item-6 { /* Portal based application */
	display:block;
	grid-column-start: 4;
	grid-column-end: 6;
	grid-row-start: 5;
	grid-row-end: 6;
	background-color:rgb(242, 233, 255);
	order:6;
}
.apm-item-6::after {
  content: "";
  position: absolute;
  bottom: calc(-100% - 60px);
  left: 50%;
  width: 1px;
  height:calc(100% + 60px);
  background-color: var(--lightblue);
}
.apm-item-7 { /* Create account/login */
	display:block;
	grid-column-start: 6;
	grid-column-end: 8;
	grid-row-start: 2;
	grid-row-end: 3;
	background-color:rgb(242, 233, 255);
	order:7;
}
.apm-item-7::after {
  	content: "";
  	position: absolute;
  	bottom: calc(-50% - 30px);
  	left: -30px;
  	width: calc(50% + 30px);
  	height:calc(50% + 30px);
  	border-right:1px solid var(--lightblue);
	border-bottom:1px solid var(--lightblue);
	z-index:0;
}
.apm-item-8 { /* Kepp data up to date */
	display:block;
	grid-column-start: 6;
	grid-column-end: 8;
	grid-row-start: 4;
	grid-row-end: 5;
	background-color:rgb(242, 233, 255);
	order:8;
}
.apm-item-8::after {
  	content: "";
  	position: absolute;
  	bottom: calc(-50% - 30px);
  	left: -30px;
  	width: calc(50% + 30px);
  	height:calc(50% + 30px);
  	border-right:1px solid var(--lightblue);
	border-bottom:1px solid var(--lightblue);
	z-index:0;
}
.apm-item-9 { /* CIVICRM */
	display:block;
	grid-column-start: 1;
	grid-column-end: 9;
	grid-row-start: 7;
	grid-row-end: 8;
	background-color:var(--lightblue);
	color:white;
	order:9;
}

.apm-item-10 { /* Comms */
	display:block;
	grid-column-start: 1;
	grid-column-end: 3;
	grid-row-start: 10;
	grid-row-end: 11;
	order:10;
}
.apm-item-10::before {
  	content: "";
  	position: absolute;
  	top: calc(-50% - 30px);
  	right: -30px;
  	width: calc(50% + 30px);
  	height:calc(50% + 30px);
  	border-left:1px solid var(--lightblue);
	border-top:1px solid var(--lightblue);
	z-index:0;
}
.apm-item-11 { /* Payouts */
	display:block;
	grid-column-start: 1;
	grid-column-end: 3;
	grid-row-start: 13;
	grid-row-end: 14;
	order:11;
}
.apm-item-11::before {
  	content: "";
  	position: absolute;
  	top: calc(-50% - 60px);
  	right: -30px;
  	width: calc(50% + 30px);
  	height:calc(50% + 60px);
  	border-left:1px solid var(--lightblue);
	border-top:1px solid var(--lightblue);
	z-index:0;
}
.apm-item-12 { /* Accepted */
	display:block;
	grid-column-start: 3;
	grid-column-end: 5;
	grid-row-start: 9;
	grid-row-end: 10;
	order:12;
}
.apm-item-12::before {
  content: "";
  position: absolute;
  top: -60px;
  left: 50%;
  width: 1px;
  height:60px;
  background-color: var(--lightblue);
}
.apm-item-13 { /* Support program */
	display:block;
	grid-column-start: 3;
	grid-column-end: 5;
	grid-row-start: 11;
	grid-row-end: 12;
	order:13;
}
.apm-item-13::before {
  content: "";
  position: absolute;
  top: calc(-100% - 60px);
  left: 50%;
  width: 1px;
  height:calc(100% + 60px);
  background-color: var(--lightblue);
}
.apm-item-14 { /* Support program */
	display:block;
	grid-column-start: 3;
	grid-column-end: 5;
	grid-row-start: 13;
	grid-row-end: 14;
	order:14;
}
.apm-item-14::before {
  content: "";
  position: absolute;
  top: -60px;
  left: 50%;
  width: 1px;
  height:60px;
  background-color: var(--lightblue);
}
.apm-item-15 { /* Grant portal access */
	display:block;
	grid-column-start: 5;
	grid-column-end: 7;
	grid-row-start: 10;
	grid-row-end: 11;
	order:15;
}
.apm-item-15::before {
  	content: "";
  	position: absolute;
  	top: calc(-50% - 30px);
  	left: -30px;
  	width: calc(50% + 30px);
  	height:calc(50% + 30px);
  	border-right:1px solid var(--lightblue);
	border-top:1px solid var(--lightblue);
	z-index:0;
}
.apm-item-16 { /* Evaluation */
	display:block;
	grid-column-start: 5;
	grid-column-end: 7;
	grid-row-start: 13;
	grid-row-end: 14;
	order:16;
}
.apm-item-16::before {
  	content: "";
  	position: absolute;
  	top: calc(-50% - 60px);
  	left: -30px;
  	width: calc(50% + 30px);
  	height:calc(50% + 60px);
  	border-right:1px solid var(--lightblue);
	border-top:1px solid var(--lightblue);
	z-index:0;
}
.apm-item-17 { /* Refused */
	display:block;
	grid-column-start: 7;
	grid-column-end: 9;
	grid-row-start: 9;
	grid-row-end: 10;
	background-color:rgb(249, 216, 216);
	color:var(--red);
	order:17;
}
.apm-item-17::before {
  content: "";
  position: absolute;
  top: -60px;
  left: 50%;
  width: 1px;
  height:60px;
  background-color: var(--lightblue);
  color:var(--red);
}
.apm-item-18 { /* Comns */
	display:block;
	grid-column-start: 7;
	grid-column-end: 9;
	grid-row-start: 11;
	grid-row-end: 12;
	background-color:rgb(249, 216, 216);
	color: var(--red);
	order:18;
}
.apm-item-18::before {
  content: "";
  position: absolute;
  top: calc(-100% - 60px);
  left: 50%;
  width: 1px;
  height:calc(100% + 60px);
  background-color: var(--lightblue);
  
}
@media only screen and (max-width: 768px) {

	.apm-container {
		gap:20px;
	}
	.apm-item {
		display:none;
	}
	
	.apm-item {

		height:150px;

	}
	.apm-item-1 { /* Individual help seekers */
		display:block;
		grid-column-start: 1;
		grid-column-end: 8;
		grid-row-start: 1;
		grid-row-end: 2;
		background-color:rgb(255, 227, 214);
		color:var(--orange);
	}
	.apm-item-1::after {
	  content: "";
	  position: absolute;
	  bottom: -40px;
	  left: 50%;
	  width: 1px;
	  height:40px;
	  background-color: var(--lightblue);
	}
	.apm-item-2 { /* Program/Campaign website */
		display:block;
		grid-column-start: 1;
		grid-column-end: 8;
		grid-row-start: 3;
		grid-row-end: 4;
		background-color:rgb(255, 227, 214);
		color:var(--orange);
	}
	.apm-item-2::after {
	  content: "";
	  position: absolute;
	  bottom: -40px;
	  left: 50%;
	  width: 1px;
	  height:40px;
	  background-color: var(--lightblue);
	}
	.apm-item-3 { /* Open application form */
		display:block;
		grid-column-start: 1;
		grid-column-end: 8;
		grid-row-start: 5;
		grid-row-end: 6;
		background-color:rgb(255, 227, 214);
		color:var(--orange);
	}
	.apm-item-3::after {
	  content: "";
	  position: absolute;
	  bottom: calc(-100% - 60px);
	  left: 50%;
	  width: 1px;
	  height:calc(100% + 60px);
	  background-color: var(--lightblue);
	  display:none;
	}
	
	.apm-item-4 { /* Institutional applicants */
		display:block;
		grid-column-start: 1;
		grid-column-end: 7;
		grid-row-start: 7;
		grid-row-end: 8;
		background-color:rgb(242, 233, 255);
	}
	.apm-item-4::after {
	  content: "";
	  position: absolute;
	  bottom: calc(-100% - 60px);
	  left: 10%;
	  width: 1px;
	  height:calc(100% + 60px);
	  background-color: var(--lightblue);
	}
	.apm-item-5 { /* Program/Campaign website */
		display:block;
		grid-column-start: 1;
		grid-column-end: 7;
		grid-row-start: 9;
		grid-row-end: 10;
		background-color:rgb(242, 233, 255);
		order:20;
	}
	.apm-item-5::after {
	  content: "";
	  position: absolute;
	  bottom: calc(-100% - 60px);
	  left: 10%;
	  width: 1px;
	  height:calc(100% + 60px);
	  background-color: var(--lightblue);
	}
	.apm-item-6 { /* Portal based application */
		display:block;
		grid-column-start: 1;
		grid-column-end: 7;
		grid-row-start: 11;
		grid-row-end: 12;
		background-color:rgb(242, 233, 255);
		order:21;
	}
	.apm-item-6::after {
	  content: "";
	  position: absolute;
	  bottom: calc(-50% - 60px);
	  left: 50%;
	  width: 1px;
	  height:calc(50% + 60px);
	  background-color: var(--lightblue);
	}
	.apm-item-7 { /* Create account/login */
		display:block;
		grid-column-start: 3;
		grid-column-end: 9;
		grid-row-start: 8;
		grid-row-end: 9;
		background-color:rgb(242, 233, 255);

	}
	.apm-item-7::after {
		content: "";
		position: absolute;
		bottom: calc(-50% - 20px);
		left:auto;
		right: 20px;
		width: 100%;
		height:calc(50% + 20px);
		border-right:1px solid var(--lightblue);
		border-bottom:1px solid var(--lightblue);
		z-index:0;
	}
	.apm-item-8 { /* Kepp data up to date */
		display:block;
		grid-column-start: 3;
		grid-column-end: 9;
		grid-row-start: 10;
		grid-row-end: 11;
		background-color:rgb(242, 233, 255);
	}
	.apm-item-8::after {
		content: "";
		position: absolute;
		bottom: calc(-50% - 20px);
		left:auto;
		right: 20px;
		width: 100%;
		height:calc(50% + 20px);
		border-right:1px solid var(--lightblue);
		border-bottom:1px solid var(--lightblue);
		z-index:0;
	}
	.apm-line-1 {
		width:15px;
		border-top:1px solid var(--lightblue);
		border-left:1px solid var(--lightblue);
		border-bottom:1px solid var(--lightblue);
		grid-column-start: 1;
		grid-column-end: 2;
		grid-row-start: 6;
		grid-row-end: 13;
		margin-left:-15px;
		margin-top:-95px;
		margin-bottom:-80px;
	}
	
	.apm-item-9 { /* CIVICRM */
		display:block;
		grid-column-start: 1;
		grid-column-end: 9;
		grid-row-start: 13;
		grid-row-end: 14;
		background-color:var(--lightblue);
		color:white;
		order:9;
	}
	
	.apm-item-12 {
	  display: block;
	  grid-column-start: 1;
	  grid-column-end: 7;
	  grid-row-start: 15;
	  grid-row-end: 16;
	}
	.apm-item-10 {
	  display: block;
	  grid-column-start: 3;
	  grid-column-end: 9;
	  grid-row-start: 16;
	  grid-row-end: 17;
	}
	.apm-item-10::before {
		top:auto;
		bottom: 50%;
		left: -10%;
		right: auto;
		width: 10%;
		height: calc(50% + 20px);
		border-top:none;
		border-left:1px solid var(--lightblue);
		border-right: none;
		border-bottom: 1px solid var(--lightblue);
	}
	.apm-item-15 {
	  display: block;
	  grid-column-start: 3;
	  grid-column-end: 9;
	  grid-row-start: 17;
	  grid-row-end: 18;
	}
	.apm-item-15::before {
		top:auto;
		bottom: 50%;
		left: -15%;
		right: auto;
		width: 15%;
		height: calc(150% + 40px);
		border-top:none;
		border-left:1px solid var(--lightblue);
		border-right: none;
		border-bottom: 1px solid var(--lightblue);
	}
	.apm-item-13 {
	  display: block;
	  grid-column-start: 1;
	  grid-column-end: 7;
	  grid-row-start: 18;
	  grid-row-end: 19;
	}
	.apm-item-13::before {
	  content: "";
	  position: absolute;
	  top: auto;
	  bottom:100%;
	  left: 12%;
	  width: 1px;
	  height: calc(200% + 60px);
	  background-color: var(--lightblue);
	}
	.apm-item-11 {
	  display: block;
	  grid-column-start: 3;
	  grid-column-end: 9;
	  grid-row-start: 19;
	  grid-row-end: 20;
	}
	.apm-item-11::before {
		top:auto;
		bottom: 50%;
		left: -10%;
		right: auto;
		width: 10%;
		height: calc(50% + 20px);
		border-top:none;
		border-left:1px solid var(--lightblue);
		border-right: none;
		border-bottom: 1px solid var(--lightblue);
	}
	.apm-item-16 {
	  display: block;
	  grid-column-start: 3;
	  grid-column-end: 9;
	  grid-row-start: 20;
	  grid-row-end: 21;
	}
	.apm-item-16::before {
		top:auto;
		bottom: 50%;
		left: -15%;
		right: auto;
		width: 15%;
		height: calc(150% + 40px);
		border-top:none;
		border-left:1px solid var(--lightblue);
		border-right: none;
		border-bottom: 1px solid var(--lightblue);
	}
	.apm-item-14 {
	  display: block;
	  grid-column-start: 1;
	  grid-column-end: 7;
	  grid-row-start: 21;
	  grid-row-end: 22;
	}
	.apm-item-14::before {
	  content: "";
	  position: absolute;
	  top: auto;
	  bottom:100%;
	  left: 12%;
	  width: 1px;
	  height: calc(200% + 60px);
	  background-color: var(--lightblue);
	}
	.apm-item-17 {
	  display: block;
	  grid-column-start: 1;
	  grid-column-end: 7;
	  grid-row-start: 23;
	  grid-row-end: 24;
	}
	.apm-item-17::before {
		display:none;
	}
	.apm-item-18 {
	  display: block;
	  grid-column-start: 1;
	  grid-column-end: 7;
	  grid-row-start: 24;
	  grid-row-end: 25;
	}
	.apm-item-18::before {
	  top: -20px;
	  left: 50%;
	  width: 1px;
	  height: 20px;
	}
	.apm-line-2 {
		width: 15px;
		border-top: 1px solid var(--lightblue);
		border-left: 1px solid var(--lightblue);
		border-bottom: 1px solid var(--lightblue);
		grid-column-start: 1;
		grid-column-end: 2;
		grid-row-start: 14;
		grid-row-end: 23;
		margin-left: -15px;
		margin-top: -80px;
		margin-bottom: -95px;
	  }
}

/* * * * * * * * * * * * * * * * * * Footer * * * * * * * * * * * * * * * * * */

.footer-totop {
	position:absolute;
	right:20px;
}

#site-footer {
	font-size:14px;
	line-height:24px;
	color:var(--darkblue);
	margin-top:100px;
}
.footer-column a {
	color:var(--darkblue);
}
#site-footer .wrapper {
	margin-top: 16px;
	border-top: 1px solid var(--darkblue);
	padding-top:60px;
}

.footer-column .menu-pages li {
	display:block;
}
#site-footer .menu-pages li a {
	line-height:20px;
	padding:0  0 12px 0;
	display:inline-block;
}

.footer-row-1 {
	display: grid;
  	grid-template-columns: 200px 1fr 200px;
}
.footer-column-2 {
	display:flex;
	gap:40px;
	justify-content:flex-end;
	box-sizing:border-box
}
.footer-column-3 {
  justify-self: end;
}
.footer-column-4 {
  	grid-row-start:2;
}
.footer-column-5 {
  	grid-row-start:2;
  	grid-column-start:2;
  	grid-column-end:4;
  	justify-self: end;
  	align-self: end;
}

.footer-column-5 .menu-pages li {
	display:inline-block;
}
.footer-column-5 .menu-pages li {
	margin-left:20px;
}


.footer-column-5 .menu-pages li a {
	color:var(--orange);
	text-transform: uppercase;
}




/* * * * * * * * * * * * * * * * * * generic classes  * * * * * * * * * * * * * * * * * */

.hidden {
	display: block;
	width: 0px;
	height: 0px;
	overflow: hidden;
	line-height: 0px;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}







#mainwrap .content .csc-textpic-clear {
	clear: both;
}



#mainwrap .content ul li {
	
}





















/* * * * * * * * * * * * * * * * * * Form * * * * * * * * * * * * * * * * * */


#mainwrap form fieldset {
	
	border: 0 none;

}

.frontendlogin {
	margin-bottom:20px;
}
.content form .input-text,
.frontendlogin input {
	border: 1px solid var(--civiblue);
	margin: 0;
	height: 22px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: var(--civiblue);
	padding: 0px 5px;
	line-height: 22px;
}

.frontendlogin-input-line {
	margin-bottom:10px;
}
.frontendlogin-submit-line {
	padding-left:84px;
}
.frontendlogin input {
	width:160px;
}

.frontendlogin label {
	font-size: 1.2em;
	line-height: 1.5em;
	display:inline-block;
	width:80px;
}
.frontendlogin-logout label {
	width:120px;
	border: 1px solid var(--civiblue);
	height: 23px;
	line-height: 23px;
	padding: 0px 5px;
}



.content form .input-submit {
	border: 1px solid var(--civiblue);
	background-color: var(--civiblue);
	margin: 10px 0 20px 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #fff;
	padding: 5px 10px;
	line-height: 10px;
	cursor:pointer;
}
.frontendlogin input[type=submit] {
	background-color: var(--civiblue);
	color: #fff;
	height: 25px;
	line-height: 25px;
	width:171px;
	cursor:pointer;
}

.frontendlogin input[type=submit]:hover {
	background-color: rgba(17,136,187,0.9);

}











/* * * * * * * * * * * * * * * * * * Container * * * * * * * * * * * * * * * * * */


/* 4 Cols */
.container-4cols-header {
	margin-bottom: 42px;
}
.container-4cols {
	display:flex;
	gap: 30px;
}
.container-4cols .container-col {
	width:25%;
}
.container-4cols .ce-gallery img {
	width:100%;
	height:auto;
	border-radius:20px;
}

/* 2 Cols */
.container.frame-layout-41 {
	width:70%;
}
.container.frame-layout-42 {
	width:80%;
}
.container-2cols {
	display:flex;
	gap: 30px;
}
.container-2cols .container-col {
	width:50%;
}
/* 3 Cols */
.container-3cols {
	display:flex;
	flex-wrap:wrap;
	gap: 30px;
}
.container-3cols .container-col {
	width:calc(33.3% - 20px);
}

.flex-container {
	display:flex;
	flex-wrap:wrap;
	gap:30px;
}
.fullwidth-container {
	min-height:200px;
  	width: 100vw;
  	position: relative;
  	left: 50%;
  	right: 50%;
  	margin-left: -50vw;
  	margin-right: -50vw;
}



@media only screen and (max-width: 980px) {
	.container-4cols {
		flex-wrap:wrap;
	}
	.container-4cols .container-col {
	  width: calc(50% - 15px);
	}
}
@media only screen and (max-width: 860px) {
	.container-3cols .container-col {
		width:calc(50% - 20px);
	}
}
@media only screen and (max-width: 680px) {
	.container-2cols {
		display:block;
	}
	.container-2cols .frame-layout-5 {
		margin-bottom:26px;
	}
	.container-2cols .container-col {
	  width: 100%;
	}
	.container-3cols .container-col {
		width:calc(100% - 20px);
	}
	.container-4cols {
		display:block;
	}
	.container-4cols .container-col {
	  width: 100%;
	}
}


/* * * * * * * * * * * * * * * * * * @media all * * * * * * * * * * * * * * * * * */

@media only screen and (max-width: 1290px) {
	.wrapper {
		width: calc(100vw - 60px);
	}
	.flex-container {
  			justify-content: center; /* horizontale Zentrierung (optional) */
	}
	
	
	

	

	
	main .ce-gallery img {
		width:100%;
		height:auto;
	}
	
}

@media only screen and (max-width: 1150px) {
	
	.footer-row-1 {
	  	display: grid;
	  	grid-template-columns: 200px 1fr 100px;
	}
}
@media only screen and (max-width: 1000px) {
	.frame-layout-95 .ce-gallery .ce-column { /* Logo carpet */
		width:calc(33% - 30px);
	}
	.frame-type-text.frame-layout-33 .ce-bodytext .text-column {
		width:100%;
	}
	.frame-type-text.frame-layout-33 header {
		width:100%;
	}
}
@media only screen and (max-width: 880px) {
	
	.footer-row-1 .footer-column-2 {
		flex-wrap:wrap;
		column-gap:30px;
		row-gap:0;
		justify-content: flex-start;
	}
	#site-footer .footer-column-2 .menu-pages li {
		display:none;
	}
	#site-footer .footer-column-2 .menu-pages li:first-child {
		display:block;
	}
}

@media only screen and (max-width: 768px) {

	main h1 {
		font-size:44px;
		line-height:52px;
	}
	main h2 {
		font-size:30px;
		line-height:38px;
	}
	main h3 {
		font-size:24px;
		line-height:32px;
	}
	main h4 {
		font-size:20px;
		line-height:26px;
	}
	main h5 {
		font-size:20px;
		line-height:26px;
	}
	.frame-type-text .ce-bodytext .text-column {
		column-count: initial;
		column-gap: 0;
	}
	
	.ce-textpic.ce-intext {
		flex-wrap: wrap;
		column-gap:0;
	}
	.ce-textpic.ce-intext .ce-gallery,
	.ce-textpic.ce-intext .ce-bodytext {
		width:100%;
	}
	.ce-textpic.ce-left.ce-intext .ce-gallery {
		order:2;
	}
	.ce-textpic.ce-left.ce-intext .ce-bodytext {
		order:1;
	}
	.ce-textpic.ce-intext .ce-bodytext {
		margin-bottom:30px;
		padding:0 20px 20px 20px;
	}
	
	.frame-layout-95 .ce-gallery .ce-column { /* Logo carpet */
		width:calc(50% - 30px);
	}
}

@media only screen and (max-width: 600px) {
	.footer-row-1 {
		grid-template-columns: 1fr;
	}
	.footer-column-1 {
		grid-column-start:1;
		grid-column-end: 2;
		grid-row-start:3;
		grid-row-end:4;
		padding-top:30px;
		justify-self: center;
	}
	.footer-column-2 {
		grid-column-start:1;
		grid-column-end: 2;
		grid-row-start:1;
		grid-row-end:2;
	}
	.footer-column-3 {
		grid-column-start:1;
		grid-column-end: 2;
		grid-row-start:1;
		grid-row-end:2;
	}
	.footer-column-4 {
		grid-column-start:1;
		grid-column-end: 2;
		grid-row-start:4;
		grid-row-end:5;
		padding-top:30px;
		justify-self: center;
	}
	.footer-column-5 {
		grid-column-start:1;
		grid-column-end: 2;
		grid-row-start:2;
		grid-row-end:3;
		justify-self: center;
  		align-self: start;
  		padding-top:30px;
	}
	
	.footer-column-2 .frame-type-menu_pages {
		width:100%;
		text-align:center;
	}
	.footer-column-5 .menu-pages li {
	  display: block;
	  text-align:center;
	  margin-left:0;
	}
	

}
@media only screen and (max-width: 480px) {

	main h1 {
		font-size:36px;
		line-height:42px;
	}
	main h2 {
		font-size:28px;
		line-height:36px;
	}
	main h3 {
		font-size:24px;
		line-height:32px;
	}
	main h4 {
		font-size:20px;
		line-height:26px;
	}
	main h5 {
		font-size:20px;
		line-height:26px;
	}

}

@media only screen and (max-width: 450px) {

	.wrapper {
		width: calc(100vw - 40px);
	}

	
	.ce-textpic.ce-intext .ce-bodytext {
		margin-bottom:30px;
		padding:0;
	}
	
	 .frame-layout-95 .ce-gallery .ce-column { /* Logo carpet */
		width:100%;
		padding:0 20px;
		box-sizing:border-box;
	}
}