:root {
	/*akzentfarben*/
	--sea_pick: #d2a661; /*fact one bg + suchende h1 + fact bg*/
	--sea_pick2: #dbb983; /*fact two bg + gesuchte h1 + fact bg*/
	--sea_pick3: #333333; /*bot_lane bg*/
	
	--sea_ft: #272727; /*schriftfarbe*/
	--sea_ft_pick: #ffffff; /*fact one + suchende - schriftfarbe*/
	--sea_ft_pick2: rgba(255,255,255,.8); /*fact two + gesuchte - schriftfarbe*/
	--sea_ft_pick3: #ffffff; /*bot_lane - schriftfarbe*/

	--sea_one: #ffffff; /*textfelder-bg + rahmenfarbe unter imgbg*/
	--sea_oneop: rgba(255,255,255,.2); /*container-hintergrundfarbe*/
	--sea_two: #f2f2f2; /*allgemeine hintergrundfarbe*/
	
	--sea_heading: 'Playfair Display', serif;
	--sea_subheading: 'Roboto', sans-serif;
	--sea_text: 'Calibri', sans-serif;
	
	--sea_imgbg: url(/images/layouts/sparks/first_as_back_bw.png);
	--sea_container_wdt: 65%;
}


/*AML GESUCHE - amlsea für amlsearch*/

.amlsea_container {
	display: flex; 
	flex-direction: column;
	width: var(--sea_container_wdt);
	background-color: var(--sea_oneop);
	font-family: var(--sea_text);
	font-size: 0.8em; 
	text-wrap: pretty; 
	box-sizing: border-box; 
	margin: 0 auto;
}

.amlsea_container a, .amlsea_container b, .amlsea_container u, .amlsea_container i {
	color: var(--sea_pick);
}

.amlsea_container *::-webkit-scrollbar {
    width: 3px;
    background: var(--sea_pick);
    margin: 2px;
}

.amlsea_container .sea_bucket {
	display: flex; 
	flex-direction: column;
	max-width: 100%;
	box-sizing: border-box; 
	margin: 1em;
}

/**title banner + überschriften**/

.amlsea_container .sea_head_one {
	display: flex; 
	flex-direction: column; 
	height: 9em;
	background-color: var(--sea_two);
	text-align:center;
	padding-top: 2em;
	box-sizing:content-box;
}

.amlsea_container .sea_head_one .sea_h1 {
	display: flex;
	justify-content: center;
	align-items: flex-end;
	height: 65%; 
	font-family: var(--sea_heading); 
	font-size: 4em; 
	text-transform: lowercase;
	margin: 0 0.5em; 
}

.amlsea_container .sea_head_one .sea_subheading {
	display: flex;
	justify-content: center;
	align-items: flex-start;
	height: 35%; 
	font-family: var(--sea_subheading); 
	font-size: 0.8em; 
	letter-spacing: 1.2em;
	text-transform: uppercase;
	margin: 0 1em; 
}

/**erster container: welcome**/

.amlsea_container .sea_wel {
	display: flex; 
	flex-direction: column; 
	width:100%; 
	background-color: var(--sea_two);
	box-sizing: border-box; 
}

.amlsea_container .sea_wel .sea_textarea {
	max-width:100%; 
	max-height: 14em; 
	background-color: var(--sea_one);
	opacity: 0.6;
	text-align: justify; 
	box-sizing: border-box; 
	padding: 1.5em;
	margin: 1.5em; 
	overflow-y: auto;
}

.amlsea_container .sea_wel .sea_factarea {
	display: flex; 
	flex-direction: row; 
	justify-content: space-between; 
	max-width: 100%; 
	text-wrap: pretty;
	box-sizing: border-box; 
	margin: 0 1.5em 1.5em 1.5em; 
}

.amlsea_container .sea_wel .sea_fact_one {
	display:flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	width:19%;
	background-color: var(--sea_pick);
	color: var(--sea_ft_pick); 
	font-size: 0.6em; 
	text-transform: uppercase; 
	box-sizing: border-box;
	padding: 0.5em 0.1em; 
}

.amlsea_container .sea_wel .sea_fact_two {
	display:flex;
	align-items: center;
	justify-content: center;
	width:19%;
	background-color: var(--sea_pick2);
	color: var(--sea_ft_pick2); 
	font-size: 0.6em; 
	text-transform: uppercase; 
	box-sizing: border-box;
	padding: 0.5em 0.1em; 
}

/**zweites title banner + überschriften - suchende/r**/

.amlsea_container .sea_head_two {
	display: flex; 
	flex-direction: column; 
	height: 7em;
	background-color: var(--sea_two);
	text-align:center;
}

.amlsea_container .sea_head_two .sea_h1 {
	display: flex;
	justify-content: center;
	align-items: flex-end;
	height: 65%; 
	font-family: var(--sea_heading); 
	color: var(--sea_pick);
	font-size: 2em; 
	text-transform: lowercase;
	margin: 0 0.5em; 
}

.amlsea_container .sea_head_two .sea_subheading {
	display: flex;
	justify-content: center;
	align-items: flex-start;
	height: 35%; 
	font-family: var(--sea_subheading); 
	font-size: 0.6em; 
	letter-spacing: 0.1em;
	text-transform: uppercase;
	margin: 0 1em; 
}

/**zweiter container: who is searching**/

.amlsea_container .sea_who {
	display: flex; 
	flex-direction: row; 
	width:100%; 
	background-color: var(--sea_two);
	box-sizing: border-box; 
}

.amlsea_container .sea_who .sea_textarea {
	flex: 1; 
	background-color: var(--sea_one);
	opacity: 0.6;
	box-sizing: border-box; 
	margin: 1.5em; 
}

.amlsea_container .sea_who .sea_textbit {
	max-height: 200px; 
	text-align: justify; 
	box-sizing: border-box; 
	margin: 1.5em; 
	padding-right: 1em;
	overflow-y: auto;
}

.amlsea_container .sea_who .sea_factarea {
	display: flex; 
	flex-direction: column; 
	justify-content: flex-start; 
	width:20%;
	max-width: 145px; 
	text-wrap: pretty;
	box-sizing: border-box; 
	margin: 1.5em 0 1.5em 1.5em; 
}

.amlsea_container .sea_who .sea_img {
	display:flex;
	align-items: center;
	max-width: 150px;
	justify-content: center;
	box-sizing: border-box;
	margin-bottom: 1.5em;
}

.amlsea_container .sea_who .sea_img img {
	width: 100%;
	height: auto;
	aspect-ratio: 1 / 1 !important;
	background-color: var(--sea_one);
	border: 0.5em solid transparent;
	border-image: var(--sea_imgbg) 8 8 stretch;
	object-fit: cover;
	box-sizing: border-box;
}

.amlsea_container .sea_who .sea_fact_box {
	display:flex;
	width:100%;
	flex-direction: column;
	justify-content: flex-start; 
	color: var(--sea_ft_pick); 
	font-size: 0.6em;
	text-transform: uppercase; 
	box-sizing: border-box;
}

.amlsea_container .sea_who .sea_fact_box .sea_factline {
	display:flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	background-color: var(--sea_pick);
	box-sizing: border-box;
	margin: 0.1em 0;
	padding: 0.2em 0.1em;
}

.amlsea_container .sea_who .sea_fact_box .sea_fact_descr {
	display:flex;
	align-items: flex-start;
	justify-content: flex-start;
	flex-wrap:wrap;
	min-width: 1%;
	height: 100%; /* andernfalls 'klappt' align-items nicht */
	text-wrap: pretty;
	word-wrap:break-word;
	font-weight: bolder;
	box-sizing: border-box;
	padding: 0.4em 0.3em 0 0.3em; 
	margin-right: 1em;
}

.amlsea_container .sea_who .sea_fact_box .sea_fact_fill {
	display: flex;
	flex:1;
	align-items:flex-start;
	justify-content: flex-end;
	flex-wrap:wrap;
	min-width: 1%;
	height:100%;
	text-wrap: pretty;
	word-wrap: break-word;
	text-align: right;
	text-transform: uppercase; 
	box-sizing: border-box;
	padding: 0.4em 0.3em 0 0.3em; 
}

/**drittes title banner + überschriften - gesuchte**/

.amlsea_container .sea_head_three {
	display: flex; 
	flex-direction: column; 
	height: 7em;
	background-color: var(--sea_two);
	text-align:center;
}

.amlsea_container .sea_head_three .sea_h1 {
	display: flex;
	justify-content: center;
	align-items: flex-end;
	height: 65%; 
	font-family: var(--sea_heading); 
	color: var(--sea_pick2);
	font-size: 2em; 
	text-transform: lowercase;
	margin: 0 0.5em; 
}

.amlsea_container .sea_head_three .sea_subheading {
	display: flex;
	justify-content: center;
	align-items: flex-start;
	height: 35%; 
	font-family: var(--sea_subheading); 
	font-size: 0.6em; 
	letter-spacing: 0.1em;
	text-transform: uppercase;
	margin: 0 1em; 
}

/**dritter container: friend or foe - textbox links **/

.amlsea_container .sea_ffl {
	display: flex; 
	flex-direction: row; 
	width:100%; 
	background-color: var(--sea_two);
	box-sizing: border-box; 
}

.amlsea_container .sea_ffl .sea_textarea {
	flex: 1; 
	background-color: var(--sea_one);
	opacity: 0.6;
	box-sizing: border-box; 
	margin: 1.5em; 
}

.amlsea_container .sea_ffl .sea_textbit {
	max-height: 200px; 
	text-align: justify; 
	box-sizing: border-box; 
	margin: 1.5em; 
	padding-right: 1em;
	overflow-y: auto;
}

.amlsea_container .sea_ffl .sea_factarea {
	display: flex; 
	flex-direction: column; 
	justify-content: flex-start; 
	width:20%;
	max-width: 145px; 
	text-wrap: pretty;
	box-sizing: border-box; 
	margin: 1.5em 1.5em 1.5em 0; 
}

.amlsea_container .sea_ffl .sea_img {
	display:flex;
	align-items: center;
	justify-content: center;
	max-width:150px;
	box-sizing: border-box;
	margin-bottom: 1.5em;
}

.amlsea_container .sea_ffl .sea_img img {
	width: 100%;
	height: auto;
	aspect-ratio: 1 / 1 !important;
	background-color: var(--sea_one);
	border: 0.5em solid transparent;
	border-image: var(--sea_imgbg) 8 8 stretch;
	object-fit: cover;
	box-sizing: border-box;
}

.amlsea_container .sea_ffl .sea_fact_box {
	display:flex;
 	width: 100%;
	flex-direction: column;
	justify-content: flex-start; 
	color: var(--sea_ft_pick2); 
	font-size: 0.6em;
	text-transform: uppercase; 
	box-sizing: border-box;
}

.amlsea_container .sea_ffl .sea_fact_box .sea_factline {
	display:flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	background-color: var(--sea_pick2);
	box-sizing: border-box;
	margin: 0.1em 0;
	padding: 0.1em;
}

.amlsea_container .sea_ffl .sea_fact_box .sea_fact_descr {
	display:flex;
	align-items: flex-start;
	justify-content: flex-start;
	flex-wrap:wrap;
	min-width: 1%;
	height: 100%; /* andernfalls 'klappt' align-items nicht */
	text-wrap: pretty;
	word-wrap:break-word;
	font-weight: bolder;
	box-sizing: border-box;
	padding: 0.4em 0.3em 0 0.3em; 
	margin-right: 1em;
}

.amlsea_container .sea_ffl .sea_fact_box .sea_fact_fill {
	display: flex;
	flex:1;
	align-items:flex-start;
	justify-content: flex-end;
	flex-wrap:wrap;
	min-width: 1%;
	height:100%;
	text-wrap: pretty;
	word-wrap: break-word;
	text-align: right;
	text-transform: uppercase; 
	box-sizing: border-box;
	padding: 0.4em 0.3em 0 0.3em; 
}


/**vierter container: friend or foe - textbox rechts **/

.amlsea_container .sea_ffr {
	display: flex; 
	flex-direction: row; 
	width:100%; 
	background-color: var(--sea_two);
	box-sizing: border-box; 
}

.amlsea_container .sea_ffr .sea_textarea {
	flex: 1; 
	background-color: var(--sea_one);
	opacity: 0.6;
	box-sizing: border-box; 
	margin: 1.5em; 
}

.amlsea_container .sea_ffr .sea_textbit {
	max-height: 200px; 
	text-align: justify; 
	box-sizing: border-box; 
	margin: 1.5em; 
	padding-right: 1em;
	overflow-y: auto;
}

.amlsea_container .sea_ffr .sea_factarea {
	display: flex; 
	flex-direction: column; 
	justify-content: flex-start; 
	width:20%;
	max-width: 145px; 
	text-wrap: pretty;
	box-sizing: border-box; 
	margin: 1.5em 0 1.5em 1.5em; 
}

.amlsea_container .sea_ffr .sea_img {
	display:flex;
	align-items: center;
	justify-content: center;
	max-width:150px;
	box-sizing: border-box;
	margin-bottom: 1.5em;
}

.amlsea_container .sea_ffr .sea_img img {
	width: 100%;
	height: auto;
	aspect-ratio: 1 / 1 !important;
	background-color: var(--sea_one);
	border: 0.5em solid transparent;
	border-image: var(--sea_imgbg) 8 8 stretch;
	object-fit: cover;
	box-sizing: border-box;
}

.amlsea_container .sea_ffr .sea_fact_box {
	display:flex;
	width:100%;
	flex-direction: column;
	justify-content: flex-start; 
	color: var(--sea_ft_pick2); 
	font-size: 0.6em;
	text-transform: uppercase; 
	box-sizing: border-box;
}

.amlsea_container .sea_ffr .sea_fact_box .sea_factline {
	display:flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	background-color: var(--sea_pick2);
	box-sizing: border-box;
	margin: 0.1em 0;
	padding: 0.1em;
}

.amlsea_container .sea_ffr .sea_fact_box .sea_fact_descr {
	display:flex;
	align-items: flex-start;
	justify-content: flex-start;
	flex-wrap:wrap;
	min-width: 1%;
	height: 100%; /* andernfalls 'klappt' align-items nicht */
	text-wrap: pretty;
	word-wrap:break-word;
	font-weight: bolder;
	box-sizing: border-box;
	padding: 0.4em 0.3em 0 0.3em; 
	margin-right: 1em;
}

.amlsea_container .sea_ffr .sea_fact_box .sea_fact_fill {
	display: flex;
	flex:1;
	align-items:flex-start;
	justify-content: flex-end;
	flex-wrap:wrap;
	min-width: 1%;
	height:100%;
	text-wrap: pretty;
	word-wrap: break-word;
	text-align: right;
	text-transform: uppercase; 
	box-sizing: border-box;
	padding: 0.4em 0.3em 0 0.3em; 
}

/**fünfter container: friend or foe - image free **/

.amlsea_container .sea_ffif {
	display: flex; 
	flex-direction: column; 
	width:100%; 
	background-color: var(--sea_two);
	box-sizing: border-box; 
}

.amlsea_container .sea_ffif .sea_textarea {
	flex: 1; 
	max-height: 200px; 
	background-color: var(--sea_one);
	opacity: 0.6;
	text-align: justify; 
	box-sizing: border-box; 
	padding: 1.5em;
	margin: 1.5em; 
	overflow-y: auto;
}

.amlsea_container .sea_ffif .sea_factarea {
	display: flex; 
	flex:1;
	flex-direction: column; 
	justify-content: space-between; 
	text-wrap: pretty;
	box-sizing: border-box; 
	margin: 1.5em 1.5em 0 1.5em; 
}


.amlsea_container .sea_ffif .sea_factline {
	display:flex;
	flex:1;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	box-sizing: border-box;
	margin: 0.1em 0;
	padding: 0.1em;
}


.amlsea_container .sea_ffif .sea_factline .sea_fact_one {
	display:flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	width:24%;
	background-color: var(--sea_pick);
	color: var(--sea_ft_pick); 
	font-size: 0.6em; 
	text-transform: uppercase; 
	box-sizing: border-box;
	padding: 0.5em 0.5em; 
}

.amlsea_container .sea_ffif .sea_factline .sea_fact_two {
	display:flex;
	align-items: center;
	justify-content: center;
	width:24%;
	background-color: var(--sea_pick2);
	color: var(--sea_ft_pick2); 
	font-size: 0.6em; 
	text-transform: uppercase; 
	box-sizing: border-box;
	padding: 0.5em 0.5em; 
}

.amlsea_container .sea_ffif .sea_factline .sea_fact_descr {
	display:flex;
	justify-content: flex-start;
	flex-wrap:wrap;
	min-width: 1%;
	text-wrap: pretty;
	word-wrap:break-word;
	font-weight: bolder;
	box-sizing: border-box;
	padding: 0.5em 0.5em; 
	margin-right: 1em;
}

.amlsea_container .sea_ffif .sea_factline .sea_fact_fill {
	display: flex;
	flex:1;
	justify-content: flex-end;
	flex-wrap:wrap;
	min-width: 1%;
	text-wrap: pretty;
	word-wrap: break-word;
	text-align: right;
	text-transform: uppercase; 
	box-sizing: border-box;
	padding: 0.5em 0.5em; 
}

/**bottom lane für alle gesuchscontainer**/

.amlsea_container .sea_bot_lane {
	background-color: var(--sea_pick3);
	text-align: center;
	color: var(--sea_ft_pick3);
	opacity: 0.8;
	font-size: 0.5em; 
	text-transform: uppercase;
	letter-spacing: 0.4em;
	box-sizing: border-box; 
	padding: 1.5em; 
}

/**vierter title banner + überschriften**/

.amlsea_container .sea_head_four {
	display: flex; 
	flex-direction: column; 
	height: 9em;
	background-color: var(--sea_two);
	text-align:center;
	padding-top: 2em;
	box-sizing:content-box;
}

.amlsea_container .sea_head_four .sea_h1 {
	display: flex;
	justify-content: center;
	align-items: flex-end;
	height: 65%; 
	font-family: var(--sea_heading); 
	font-size: 4em; 
	text-transform: lowercase;
	margin: 0 0.5em; 
}

.amlsea_container .sea_head_four .sea_subheading {
	display: flex;
	justify-content: center;
	align-items: flex-start;
	height: 35%; 
	font-family: var(--sea_subheading); 
	font-size: 0.8em; 
	letter-spacing: 1.2em;
	text-transform: uppercase;
	margin: 0 1em; 
}

/**sechster container: conclusion**/

.amlsea_container .sea_con {
	display: flex; 
	flex-direction: column; 
	width:100%; 
	background-color: var(--sea_two);
	box-sizing: border-box; 
}

.amlsea_container .sea_con .sea_textarea {
	max-width:100%; 
	max-height: 16em; 
	background-color: var(--sea_one);
	opacity: 0.6;
	text-align: justify; 
	box-sizing: border-box; 
	padding: 1.5em;
	margin: 1.5em; 
	overflow-y: auto;
}

.amlsea_container .sea_con .sea_factarea {
	display: flex; 
	flex-direction: row; 
	justify-content: space-between; 
	max-width: 100%; 
	text-wrap: pretty;
	box-sizing: border-box; 
	margin: 0 1.5em 1.5em 1.5em; 
}

.amlsea_container .sea_con .sea_fact_one {
	display:flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	width:33%;
	background-color: var(--sea_pick);
	color: var(--sea_ft_pick); 
	font-size: 0.6em; 
	text-transform: uppercase; 
	box-sizing: border-box;
	padding: 0.5em 0.1em; 
}

.amlsea_container .sea_con .sea_fact_one a {
	color: var(--sea_ft_pick) !important; 
	text-transform: uppercase; 
}

.amlsea_container .sea_con .sea_fact_two {
	display:flex;
	align-items: center;
	justify-content: center;
	width:33%;
	background-color: var(--sea_pick2);
	color: var(--sea_ft_pick2); 
	font-size: 0.6em; 
	text-transform: uppercase; 
	box-sizing: border-box;
	padding: 0.5em 0.1em; 
}