html{
	background-color: #fff;
}
body, html {
	height: 100%;
	font: 100%/1.6 "Helvetica Neue",Arial,sans-serif;
	font-size: 10px;
	margin: 0; padding: 0;
}

*:focus { outline: none; }
* { box-sizing:border-box; }
*:before, *:after { box-sizing:inherit; }
p{line-height:2.2rem;}

p, ul, li{
	color:#4f4f4f;
	font-size: 1.4rem;
	text-align:justify;
	padding: 0;
}

.box-outer{
	margin-bottom:2rem;
}

.box-headline-grey, .box-headline-blue{
	display:block;
	background:#d9d9d9;
	font-size:1.3rem;
	font-weight:bold;
	padding:1rem 2rem;
	color:#000;
}
.box-headline-blue{background:#002a40;color:#fff;}

.box-intro-grey, .box-intro-blue, .box-intro-greyblue{
	display:block;
	background:#efefef;
	color:#002a40;
	font-size: 1.2rem;
	padding:1rem 2rem;
	text-align:justify;
	min-height:6rem;
}
.box-intro-blue{background:#b3bdc6;}
.box-intro-greyblue{background:#b3bdc6;}

.box-content-grey, .box-content-blue{
	display:block;
	background:#efefef;
	font-size:1.3rem;
	padding:1rem 2rem;
	color:#000;
	min-height:15rem;
}
.box-content-blue{background:#b3bdc6;}

a:hover{
	cursor:pointer;
}

/* -------------------------------------------------------------------------------------------------------------------------------------------- Infobox-Flex */
fs-infobox-flex{
	display:flex;
	flex-wrap:no-wrap;
	justify-content:space-around;
}
fs-infobox-flex ul{
	margin-left:1rem;
}
fs-infobox-content i{
	margin-right:1rem;
}
fs-infobox-content ulhead, fs-infobox-content i, content-ulhead, content-ulhead i{
	font-size:1.4rem;
	font-weight:bolder;
	text-transform:uppercase;
}
content-ulhead, content-ulhead i{
	font-size:1.4rem;
	font-weight:bolder;
	text-transform:uppercase;
}
content-ulhead i{
	margin:0 1.5rem 0 0.5rem;
}

/* -------------------------------------------------------------------------------------------------------------------------------------------- fs-header */
fs-header{
	height:5rem;
	position:fixed;
	top:0;
	left:0;
	z-index:999;
}

/* -------------------------------------------------------------------------------------------------------------------------------------------- Main Grid */
fs-teaser{grid-area:teaser;}
fs-content{grid-area:content;}
fs-footer{grid-area:footer;margin-top:5rem;background-color:#4f4f4f;}

body-grid-outer{
	display: grid;
	grid-template-columns: 1fr;
	grid-template-areas:
	"teaser"
	"content"
	"footer";
	gap:0;
}

body-grid-outer > teaser{
	background-image:url("images/teaser.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;
	overflow:hidden;
	height:100vh;
	min-height:60rem;
}

body-grid-outer > teaser#method{
	background-image:url("images/teaser-method.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;
	overflow:hidden;
	height:100vh;
	min-height:60rem;
}

.grid-headline{
	color:#000;
	padding:1rem 0.5rem 1rem 2rem;
	font-size:1.3rem;
	font-weight:bolder;
	line-height:3rem;
}
.grid-headline i{
	margin-right:1rem;
}

headline{
	display:block;
	padding:1rem;
	background:#efefef;
	font-size:1.3rem;
	font-weight:600;
	color:#002a40;
}

.logolink{
	display:block;
	height: 7rem;
	width:25rem;
	text-decoration:none;
	background-image: url("images/fiellascript_logo_single.png");
	background-repeat: no-repeat;
	background-position: center left;
	background-size:contain;
}

header{
	display:flex;
	flex-direction: row;
	justify-content: space-between;
	flex-wrap: nowrap;
	width:100vw;
	margin:0;
	z-index:99;
	
}

footer{
	display:flex;
	flex-direction: row;
	justify-content: space-between;
	flex-wrap: nowrap;
	width:100vw;
	margin:0;
	z-index:99;
	background: #ed1b24;
}

/* Content Styles ------------------------------------------------------------------------------------------------ */

.baselink{
	display:block;
	height: 9rem;
	min-width:25rem;
	text-decoration:none;
	background-image: url(images/Logo_2024-black.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 70%;
}

/* -------------------------------------------------------------------------------------------------------------------------------------------- Charity / Interest Box */

.button-box-interest{
	position:absolute;
	top:60rem;
	left:center;
	display:block;
	padding-top:2rem;
	width:100%;
}

a.button-box-interest-link:link, a.button-box-interest-link:visited{
	display:block;
	margin:auto;
	width:50%;
	max-width:25rem;
	text-align:center;
	font-size:1.6rem;
	padding:1rem 2rem;
	background:rgba(246,195,19,0.8);
	border:1px solid #d9d9d9;
	border-radius:0.5rem;
	color:#000;
	text-decoration:none;
}
a.button-box-interest-link:hover{
	background:rgba(246,195,19,0.95);
	color:black;
}

a.button-box-interest-link:hover i{
	color:#fff;
}

.button-box-charity{
	display:block;
}

a.button-box-charity-link:link, a.button-box-charity-link:visited{
	margin:auto;
	display:inline-block;
	margin-top:5rem;
	text-align:center;
	font-size:1.6rem;
	padding:1rem 3rem 1rem 5rem;
	background:rgba(14,73,15,0.5);
	border:1px solid #fff;
	border-radius:1rem;
	color:#fff;
	text-decoration:none;
	background-image:url("images/Charity_Button_Flower.png");
	background-repeat:no-repeat;
	background-size:contain;
	background-position:1rem center;
}
a.button-box-charity-link:hover{
	background-color:rgba(14,73,15,0.6);
}

a.button-box-challenge-link:link, a.button-box-challenge-link:visited{
	margin:auto;
	display:inline-block;
	text-align:center;
	font-size:1.6rem;
	padding:1rem 1.6rem;
	background:rgba(255,255,255,0.8);
	border:1px solid #fff;
	border-radius:1rem;
	color:#000;
	text-decoration:none;
}
a.button-box-challenge-link:hover{
	background:rgba(255,255,255,0.9);
}



/* -------------------------------------------------------------------------------------------------------------------------------------------- Content Image Box */
.content-left-footer p{
	font-size: 1.2rem;
	padding:0 2rem 0.5rem 1rem;
	text-align:justify;
}

.content-left-image{
	display:block;
	width:100%;
	padding:0;
	margin:0;
	background:#b3bdc6;
}
.content-left-image img{
	object-fit: cover; 
	width:100%; 
	max-height:20rem;
	margin:0;
	padding:0;
}

.content-left-image#ischein{
	display:block;
	width:100%;
	padding:0;
	margin:0;
	background-image:url("images/ischein.jpg");
	background-size:cover;
	background-position:center center;
}
/* -------------------------------------------------------------------------------------------------------------------------------------------- Footer */
.footer-outer{
	height: 16rem;
	width: 100%;
	color: white;
	background:#727477;
}

.flexbox-footer-content{
	height:13rem;
	width:100%;
	background:#727477;
	display:flex;
	justify-content: flex-end;
}

.flexbox-footer-content-footer-left, .flexbox-footer-content-footer-center, .flexbox-footer-content-footer-right{
	width:30%;
	height:12rem;
}

.footer-headline{
	font-size:1.2rem;
	font-weight:bold;
	padding:0.5rem 0 0.8rem 0;
}
.footer-text{
	font-size:1.0rem;
}

.footer-text a{
	text-decoration:none;
	color:white;
}

.footer-end{
	height:3rem;
	width:100%;
	background:#002a40;
	text-align:right;
	line-height:3rem;
	padding-right:2rem;
}

/* -------------------------------------------------------------------------------------------------------------------------------------------- Cookie Banner */
.fixed {position: fixed;will-change: transform;}
.fixed--bottom {bottom: 0;left: 0;right: 0;}
.media-body a {color: inherit;}
.cookie-disclaimer button {background-color: transparent;border: 0;color: inherit;cursor: pointer;font: inherit;margin: 0;padding: 0;}
.cookie-disclaimer .button {border-style: solid;border-width: 0.0625em;padding: 0.5em 1em;position: relative;}
.cookie-disclaimer .button::after {background-color: inherit;bottom: 0;content: '';left: 0;opacity: 0;position: absolute;right: 0;top: 0;-webkit-transition: opacity 0.3s;transition: opacity 0.3s;will-change: opacity;z-index: -1;}
.cookie-disclaimer .button:focus::after,.cookie-disclaimer .button:hover::after {opacity: 1;}
.cookie-disclaimer {background-color: rgba(120,120,120,0.95);color: #fff;font-size: inherit;font-size: 1.3rem;opacity: 0;padding: 2rem 1rem 1rem 1rem;-webkit-transform: translateY(100%);transform: translateY(100%);-webkit-transition: opacity 0.3s, -webkit-transform 0.5s;transition: opacity 0.3s, -webkit-transform 0.5s;transition: opacity 0.3s, transform 0.5s;transition: opacity 0.3s, transform 0.5s, -webkit-transform 0.5s;z-index:9999;}
.cookie-disclaimer.is-active {opacity: 1;-webkit-transform: translateY(0);transform: translateY(0);}
.cookie-disclaimer :first-child {margin-top: 0;}
.cookie-disclaimer :last-child {margin-bottom: 0;}
.media {display: -webkit-box;display: -ms-flexbox;display: flex;}
.media-center {-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.media-object--left {margin-right: 1em;}
.media-object--right {margin-left: 1em;-webkit-box-ordinal-group: 2;-ms-flex-order: 1;order: 1;}
.media-body {-webkit-box-flex: 1;-ms-flex-positive: 1;flex-grow: 1;}



content-headline, content-headline i{
	font-size:1.4rem;
	font-weight:bolder;
	text-transform:uppercase;
}
content-headline i{
	margin:0 1rem 0 1rem;
}

a.fs-contentlink:link, a.fs-contentlink:visited{
	text-decoration:none;
	color:#1a4a86;
}
a.fs-contentlink:hover{
	color:#000;
}
a.fs-contentlink i{
	margin:0 0.5rem 0 0.25rem;
}

/* ---------------------------------------------------------------------------------------------------------------------------------------------- Footer */
.footer-grid-logo{grid-area: footer-logo;}
.footer-grid-mentalgenial{grid-area: footer-mentalgenial;}
.footer-grid-address{grid-area: footer-address;}
.footer-grid-sm{grid-area: footer-sm;}
.footer-grid-links{grid-area: footer-links;}

.grid-box-footer{
	display:grid;
	grid-template-areas:
	'footer-logo footer-logo'
	'footer-address footer-links'
	'footer-address footer-sm'
	'footer-mentalgenial footer-mentalgenial';
	align-content: top;
	align-items: top;
	grid-template-columns: 1fr 1fr;
	color:#fff;
	font: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
	font-size: 1.3rem;
	padding:1rem;
	height:100%;
	min-height:40rem;
	background-color:#4f4f4f;
/*	background-image: linear-gradient(to bottom,#fff,#4f4f4f); */
}

.footer-grid-logo{
	height:90px;
	background:transparent;
	background-image:url("images/Logo_2025_white_4f4f4f.png");
	background-position: top left;
	background-repeat:no-repeat;
	background-size:300px auto;
}

.footer-grid-address{
	color:#fff;
	font-size:1.2rem;
}

.footer-grid-address span{
	display:block;
	color:#F0F0F0;
	font-size:1.2rem;
	letter-spacing:0.1rem;
	padding:0 0 0.5rem 0;
	margin:2rem 0 0 0;
}

.footer-grid-mentalgenial{
	height:10rem;
	background:transparent;
	background-image:url("images/MentalGenial.png");
	background-position: bottom right;
	background-repeat:no-repeat;
	background-size:20rem auto;
}

.footer-grid-links{
	text-align:right;
	padding-top:4rem;
}

.footer-grid-links > div {
	display:block;
	margin-top:1rem;
}

.footer-grid-links > div > a:link, .footer-grid-links > div > a:visited{
	display:inline-block;
	width:15rem;
	margin-right:2rem;
	text-align:center;
	padding:0.5rem 0;
	text-decoration:none;
	color:#fff;
	font-size:1.3rem;
	border:1px solid #f4f4f4;
}
.footer-grid-links > div > a:hover{
	cursor:pointer;
	background:#f4f4f4;
	color:#000;
}

.footer-grid-smicons{
	display:flex;
	flex-wrap:no-wrap;
	gap:2%;
	padding-top:2.5rem;
	margin-right:3rem;
	justify-content:flex-end;
}
.footer-grid-smicons > a > i{
	color:#fff;
}

@media screen and (min-width: 801px) {
	.grid-box-footer{
		display:grid;
		grid-template-areas:
		'footer-logo footer-logo footer-sm'
		'footer-address footer-address footer-links'
		'footer-mentalgenial footer-mentalgenial footer-mentalgenial';
		grid-template-columns: 1fr 1fr 1fr;
	}
	.footer-grid-links{
		padding-top:1rem;
	}
}

@media screen and (min-width: 1200px) {
	.grid-box-footer{
		display:grid;
		grid-template-areas:
		'footer-logo footer-logo footer-sm footer-sm'
		'footer-address footer-address footer-mentalgenial footer-links';
		grid-template-columns: 1fr 1fr 1fr 1fr;
	}
	.footer-grid-links{
		padding-top:1rem;
	}
}




a.tlink:link, a.tlink:visited, a.tlink-top:link, a.tlink-top:visited, a.tlink-footer:link, a.tlink-footer:visited{
	padding:0;
	margin:0;
	text-decoration:none;
	color:#fff;
	flex-basis:2rem;
	flex-grow:0;
	flex-shrink:0;
	font-size:2rem;
}
a.tlink:hover, a.tlink-top:hover, a.tlink-footer:hover{
	cursor:pointer;
}

a.tlink-top:link, a.tlink-top:visited, a.tlink-footer:link, a.tlink-footer:visited{
	color:#666666;
}

a.tlink-footer:link, a.tlink-footer:visited{
	font-size:1.4rem;
}

a.fs-formbutton:link, a.fs-formbutton:visited, a.fs-formbutton-portal:link, a.fs-formbutton-portal:visited{
	display:block;
	margin:0 2rem;
	border:1px solid #fff;
	padding:1rem 3rem;
	color:#fff;
	border-radius:0.5rem;
	text-decoration:none;
	font-size:1.3rem;
}
a.fs-formbutton:link, a.fs-formbutton:visited{background:rgba(160,13,13,1);}
a.fs-formbutton-portal:link, a.fs-formbutton-portal:visited{background:rgba(14,73,15,1);}

a.fs-formbutton:hover, a.fs-formbutton:hover{background:rgba(160,13,13,0.9);cursor:pointer;}
a.fs-formbutton-portal:hover, a.fs-formbutton-portal:hover{background:rgba(14,73,15,0.9);cursor:pointer;}

.fs-form-submit, .fs-form-submit-red, .fs-form-submit-blue, .fs-form-submit-grey{
	display:block;
	margin:auto;
	background:rgba(26,74,134,1);
	border:1px solid #fff;
	padding:1rem 3rem;
	color:#fff;
	border-radius:1rem;
}
.fs-form-submit:hover, .fs-form-submit-red:hover, .fs-form-submit-blue:hover{
	background:rgba(26,74,134,0.9);
	cursor:pointer;
}

.fs-form-submit-red{	
	display:block;
	min-width:13rem;
	text-align:center;
	padding:1rem 0;
	background:rgba(160,13,13,1);
}
.fs-form-submit-red:hover{
	background:rgba(160,13,13,0.9);
}

.fs-form-submit-blue{
	display:block;
	min-width:13rem;
	text-align:center;
	padding:1rem 0;
}
.fs-form-submit-grey{
	display:block;
	min-width:13rem;
	text-align:center;
	padding:1rem 0;
	background:rgba(186,186,186,1.00);
	color:#000;
}

#eltern .login-portal-button{
	background:rgba(26,74,134,1);
	border:1px solid #fff;
	padding:1rem 3rem;
	color:#fff;
	border-radius:1rem;
}
#eltern .login-portal-button:hover{
	background:rgba(26,74,134,0.9);
	cursor:pointer;
}

#eltern .logout-portal-button{
	background:rgba(160,13,13,1);
	border:1px solid #fff;
	padding:1rem 3rem;
	color:#fff;
	border-radius:1rem;
}
#eltern .logout-portal-button:hover{
	background:rgba(160,13,13,0.9);
	cursor:pointer;
}