/*-------------------------------------------------------------
/ General Settings: -------------------------------------------
/------------------------------------------------------------*/		

:root {
	--fc_nav_al: #db9f3d;             
	--fc_nav_pl: #595D66;
	--fc_nav_al2: #db9f3d;
	--fc_nav_pl2: #0F172A; 
	--bgc_nav: transparent; 
	--bgc_content1: rgba(247, 239, 213, 1.0);
	--bgc_content2: rgba(255, 255, 255, 1.0); 
	--fc_txt_normal: #0F172A; 
	--radius_box_vid: 0px;
	--radius_box_web: 0px;
	--radius_box_pics: 0px;
	--radius_yt_box: 0px 0px 0px 0px;
	--padding_vid_ext: 0px 0px 0px 0px;
	
	--fc_welc_dark: #0F172A; /*#383838;*/
	--fc_welc_orange: #db9f3d;
		
	--bc_img1: none; /*url('images/back1.png');*/
	--bc_img2: none; /*url('images/back2.png');*/	
	
	--lh_cont: 1.5;
	--lh_list: 1.5;
	
	--link_ul_type: none;
	--link_ul_offset: 0px;
	--link_ul_thickness: 0px;
}

@media (max-width: 768px) {
	:root {            
	--fc_nav_pl: #0F172A;
	}
}

*,
*::before,
*::after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
	hyphens: auto;
}

html, body {
	 -webkit-text-size-adjust: 100%;
    font-family: Arial, Verdana, sans-serif;
    background: none;
	background-color: var(--bgc_content2);
    color: var(--fc_txt_normal);
    font-size: 1rem;
    line-height: var(--lh_cont);
    text-align: justify;
 	
	background-image: var(--bc_img2);
	background-repeat: repeat;
	background-attachment: scroll;
	background-size: 100%;
}

h1 {
	font-size: 2.8rem;
	margin: 0.9rem 0;
	letter-spacing: 0.05em;
	color: var(--fc_txt_normal); 
}

h2 {
    font-size: 1.2rem;
    color: var(--fc_txt_normal); 
    margin: 0.9rem 0;
    letter-spacing: 0.05em;
}

h3 {
    font-size: 1.1rem;
    margin-bottom: 0.5rem;
    letter-spacing: 0.025em;
	color: var(--fc_txt_normal); 
}

h4 {
    font-size: 1.1rem;
    color: var(--fc_txt_normal);
    letter-spacing: 0.05em;
	margin-bottom: 0.5rem;
}

h5 {
    font-size: 1.00rem;
    color: var(--fc_txt_normal); 
	letter-spacing: 0.025em;
	margin-bottom: 0.5rem;
}

p, ul, li, strong {
    font-size: 1.0rem;
    margin-bottom: 0.5rem;
}

a {
	font-size: 1.0rem;
	text-decoration: none;
	word-break: normal;
	overflow-wrap: anywhere;
}

strong {font-size: 1.0rem;}

.my_list {
	max-width: 100%;
	padding: 0.0rem 0.5rem 0.0rem 0.5rem;
	list-style: none;
}

.my_list li {
	font-weight: normal;   
	text-indent: -0.3em;     
	padding-left: 0.3em;     
	line-height: var(--lh_list);
	margin: 0 0 0.5rem 0;
}

.my_list li:last-child {margin: 0;}

.my_list li::before {
	display: inline-block;
	content: "• ";      
	font-weight: normal;
	font-size: 1.0rem;
	width: 0.4rem;
}

sup {
	position: relative;
	top: 1px; 
}

.liner {
    height: 30px;
    width: auto;
    clear: both;
}

.liner_welc {
    height: 30px;
    width: auto;
    clear: both;
}

.liner_news {
    height: 30px;
    width: auto;
    clear: both;
}


/*-------------------------------------------------------------
/ Links pl_al: ------------------------------------------------
/------------------------------------------------------------*/	

a.main_pl_al {
	position: relative;
	text-decoration-line: var(--link_ul_type);
	text-decoration-color: transparent;    
	text-underline-offset: var(--link_ul_offset);
	text-decoration-thickness: var(--link_ul_thickness);       
	color: var(--fc_nav_pl2);
	word-break: normal;
	transition:
    color 0.3s ease,
    text-decoration-color 0s linear 0s;   
}

a.main_pl_al:visited {color: var(--fc_nav_pl2);}

a.main_pl_al:hover {
	color: var(--fc_nav_al2);
	text-decoration-color: var(--fc_nav_al2);
	transition: color 0.3s ease, text-decoration-color 0s linear 0.7s;
}

@media (min-width: 768px) {
@supports (-webkit-background-clip: text) or (background-clip: text) {

	a.main_pl_al {
    color: transparent;
    background-image: linear-gradient(to right, var(--fc_nav_al2) 0%, var(--fc_nav_al2) 50%, var(--fc_nav_pl2) 50%, var(--fc_nav_pl2) 100%);
    background-size: 200% 100%;
    background-position: right center;
    background-repeat: no-repeat;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    text-decoration-line: var(--link_ul_type);
    text-decoration-color: transparent;
    text-underline-offset: var(--link_ul_offset);
	text-decoration-thickness: var(--link_ul_thickness);
    transition: background-position 0.7s ease, text-decoration-color 0s linear 0s;
	}

	a.main_pl_al:hover {
    background-position: left center;
    text-decoration-color: var(--fc_nav_al2);
    transition: background-position 0.7s ease, text-decoration-color 0s linear 0.7s;
	}

}
}

/*-------------------------------------------------------------
/ Links al_pl: ------------------------------------------------
/------------------------------------------------------------*/	

a.main_al_pl {
	text-decoration-line: var(--link_ul_type);
	text-decoration-color: transparent;     
    text-underline-offset: var(--link_ul_offset);
	text-decoration-thickness: var(--link_ul_thickness);
	color: var(--fc_nav_al2);
	word-break: normal;
	transition: color 0.3s ease, text-decoration-color 0s linear 0s;   
}

a.main_al_pl:visited {color: var(--fc_nav_al2);}

a.main_al_pl:hover {
	color: var(--fc_nav_pl2);
	text-decoration-color: var(--fc_nav_pl2);      
	transition: color 0.3s ease, text-decoration-color 0s linear 0.7s;        
}

@media (min-width: 768px) {
@supports (-webkit-background-clip: text) or (background-clip: text) {

	a.main_al_pl {
    color: transparent;
    background-image: linear-gradient(to right, var(--fc_nav_pl2) 0%, var(--fc_nav_pl2) 50%, var(--fc_nav_al2) 50%, var(--fc_nav_al2) 100%);
    background-size: 200% 100%;
    background-position: right center;     
    background-repeat: no-repeat;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    text-decoration-line: var(--link_ul_type);
    text-decoration-color: transparent;
    text-underline-offset: var(--link_ul_offset);
	text-decoration-thickness: var(--link_ul_thickness);
    transition: background-position 0.7s ease, text-decoration-color 0s linear 0s;  
	}

	a.main_al_pl:hover {
    background-position: left center;              
    text-decoration-color: var(--fc_nav_pl2);      
    transition: background-position 0.7s ease, text-decoration-color 0s linear 0.7s;        
	}
}
}
		
	
/*-------------------------------------------------------------
/ Navi-Links: -------------------------------------------------
/------------------------------------------------------------*/		

a.navi {
	background: transparent;
	position: relative;
	display: inline-block;
	vertical-align: middle;
	padding: 8px 10px;
	line-height: 1;
	font-size: 1rem;
	color: var(--fc_nav_pl);
	text-decoration: none;
	white-space: nowrap;	
}

a.navi:visited {color: var(--fc_nav_pl);}
a.navi:hover {color: var(--fc_nav_al);}

a.navi.nav_fs,
a.navi.nav_fs:link,
a.navi.nav_fs:visited,
a.navi.nav_fs {color: var(--fc_nav_al);}
#navi:has(a.navi:hover) a.nav_fs:not(:hover) {color: var(--fc_nav_pl);}

@media (min-width: 768px) {
@supports (-webkit-background-clip: text) or (background-clip: text) {
	
	a.navi {
	color: transparent;
	background-image: linear-gradient(to right, var(--fc_nav_al) 0%, var(--fc_nav_al) 50%, var(--fc_nav_pl) 50%, var(--fc_nav_pl) 100%),
					  linear-gradient(to right, var(--fc_nav_al) 0%, var(--fc_nav_al) 50%, var(--bgc_nav) 50%, var(--bgc_nav) 100%);
	background-size: 200% calc(100% - 4px), 200% 2px;
	background-position: right center, right bottom;
	background-repeat: no-repeat;
	-webkit-background-clip: text, padding-box;
    background-clip: text, padding-box;
    -webkit-text-fill-color: transparent;
	}

	a.navi:hover {
	color: transparent;
	background-position: left center, left bottom;
	transition: background-position 0.7s ease;
	}
	
	a.navi::before,
	a.navi::after {
    content: "";
    position: absolute;
    bottom: 0;
    width: 1px;
    height: 4px;
    background: var(--bgc_content2);
    pointer-events: none;
    }

	a.navi::before { left: 0; }
	a.navi::after  { right: 0; }
	
	a.navi.nav_fs,
	a.navi.nav_fs:link,
	a.navi.nav_fs:visited,
	a.navi.nav_fs:hover {
		color: var(--fc_nav_al);
	    -webkit-text-fill-color: initial;
		background-position: left center, right bottom;
		background-repeat: no-repeat;
		-webkit-background-clip: text, padding-box;
		background-clip: text, padding-box;
		-webkit-text-fill-color: transparent;	
	}
	
	#navi:has(a.navi:hover) a.nav_fs:not(:hover) {
		color: transparent;
		background-position: right center, right bottom;
		-webkit-text-fill-color: transparent;
		transition:none;
	}

	a.navi.nav_fs:hover {
	   background-position: left center, left bottom;
	   transition: background-position 0.7s ease;
	   color: transparent;
	   color: var(--fc_nav_al);
	}
		
}
}		


/*-------------------------------------------------------------
/ Logo and Navi: ----------------------------------------------
/------------------------------------------------------------*/

#box_navi {
    display: grid;
    grid-template-columns: 275px 1fr;
    align-items: center;
	color: var(--fc_txt_normal);
    width: 90%;
	max-width: 1024px;
    margin: auto;
    padding: 10px;
    gap: 0px;
}

#box-logo {
    width: 160px;
    height: 57px;
    background-color: transparent;/*var(--bgc_content2); */
    display: flex;
    align-items: center;
    justify-content: center;
}

#box-logo img {
    width: 100%;
    height: 100%;
    object-fit: contain; 
}

#nav-toggle {
    display: none;
    font-size: 28px;
    cursor: pointer;
    margin: auto;
    padding: 5px 10px 5px 10px;
    background: none;
    border: none;
	color: var(--fc_txt_normal);
}


#navi {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
    margin: 0;
    row-gap: 0;
    column-gap: 3px;
	justify-content: center;
}


/*-------------------------------------------------------------
/ Welcome Box: ------------------------------------------------
/------------------------------------------------------------*/

#box_welc{
    height: auto;
    width: 100%;
    position: relative;
    z-index: 2;
    margin: 0 auto;
    overflow: visible; 
    padding: 10px;
    text-align: center;
    
	background-color: var(--bgc_content1);
	background-image: var(--bc_img1);
	background-repeat: repeat;
	background-size: auto;
	background-attachment: scroll;	
}

#box_welc h1 {color: var(--fc_welc_dark);}
#box_welc h2 {color: var(--fc_welc_orange);}
#box_welc h3 {color: var(--fc_welc_dark);}
#box_welc h5 {color: var(--fc_welc_dark);}
#box_welc p {color: var(--fc_welc_dark);}

.bogen_w {
	background-color: transparent;
	padding: 0px;
	display: inline-block;
}

.bogen_l {
	position: relative;
	width:100%;
	height: 80px;
	z-index: 3;
	margin:auto ;
	border-radius: 0px 6rem 0px 0px;
	background-color: var(--bgc_content2);
	background-image: var(--bc_img2);
	background-repeat: repeat;
	background-size: auto;
	background-attachment: scroll;
}

.bogen_r {
	position: relative;
	width:100%;
	height: 80px;
	z-index: 3;
	margin:auto ;
	border-radius: 6rem 0px 0px 0px;
	background-color: var(--bgc_content2);
	background-image: var(--bc_img2);
	background-repeat: repeat;
	background-size: auto;
	background-attachment: scroll;
}

.bogen_eff {
    display: grid;
    grid-template-columns: 50% 50%;
    align-items: center;
    width: 80%;
	margin: auto;
    border-radius: 0px;
    padding: 0px;
    gap: 0px;
	
	background-color: var(--bgc_content1);
	background-image: var(--bc_img1);
	background-repeat: repeat;
	background-size: auto;
	background-attachment: scroll;	
	
}


/*-------------------------------------------------------------
/ Video Box: --------------------------------------------------
/------------------------------------------------------------*/

.box_vid {
    height: auto;
    width: 70%;
	max-width: 700px;
    position: relative;
    z-index: 2;
    margin: 0px auto;
    overflow: visible; 
    padding: 0px;
    text-align: center;
	overflow: hidden;
	border-radius: var(--radius_box_vid);
	box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.55);
	background-color: var(--bgc_content1);
}


/*-------------------------------------------------------------
/ Intro Box: --------------------------------------------------
/------------------------------------------------------------*/

.box_intro_main {
    height: auto;
    width: 85%;
	max-width: 1300px;
    position: relative;
    z-index: 2;
    margin: 0 auto;
    overflow: visible; 
    border-radius: 0px;
    padding: 0px;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    gap: 20px; 
    border: 0px solid;
	
	background-color: var(--bgc_content2);
	background-image: var(--bc_img2);
	background-repeat: repeat;
	background-size: auto;
	background-attachment: scroll;

}

.box_intro_cols {
	flex: 1 1 30%;
	min-width: 300px;
	padding: 0.9rem 0.9rem 0.0rem 0.9rem;
	box-sizing: border-box;
	text-align: left;
	border-radius: 0px;      
	overflow: hidden;         
	color: var(--fc_txt_normal);
	border-radius: var(--radius_box_web);
	
	background-color: var(--bgc_content1);
	background-image: var(--bc_img1);
	background-repeat: repeat;
	background-size: auto;
	background-attachment: scroll;	
}

.box_intro_cols_adj {
	width: 100%; 
	height: auto;
	padding: 5px; 
}

.box_intro_cols_adj h3 {text-align:center;}

.resp_pic_intro {
	display: block;
	width: 100%;       
	height: auto;      
	border-radius: 0px;
	padding: 0 0 0 0;
	margin-bottom: 1.25rem;
}

.resp_pic_intro img{
	display: block;
	width: 100%;  
    border-radius: var(--radius_box_pics);	
	background-blend-mode: multiply;
}


/*-------------------------------------------------------------
/ News: -------------------------------------------------------
/------------------------------------------------------------*/

.news {
	display: grid;
	grid-template-columns: minmax(100px, 29%) 1fr;
	gap: 0rem;
	align-items: start;
	width: 80%;
	max-width: 1100px;
	margin: 0 auto;
	text-align: left; 
	border-radius: var(--radius_box_web);

	background-color: var(--bgc_content2);
	background-image: var(--bc_img2);
	background-repeat: repeat;
	background-size: auto;
	background-attachment: scroll;	
}

.news_media {padding: 0rem 0rem 0rem 1rem;}

.news_med1,
.news_med2 {
	max-width: 100%;
	height: auto;                 
	display: block;
	border: 0;
	border-radius: var(--radius_box_pics);
	margin-bottom: 20px;
}

.news_med2 {
	display:block;
	width:100%;
	aspect-ratio: 1 / 1;
	height:auto;
	object-fit: cover;   
	background-color: transparent; 
}

.news_body{padding: 0.0rem 0rem 0rem 2rem;}

p.news_info {
	font-size: 0.95rem;
	padding-left: 1.3rem;
	padding-bottom: 0.5rem;
	margin-top: 0rem}

.ani_imp {
    display: none;
    justify-content: center;
    align-items: center; 
    width: 300px;     
    margin: 0 auto;
	margin-top: 0px;	
	border-radius: 0px;
}

.news_body h1 {
	font-size: 1.1rem;
	color: var(--fc_txt_normal);
	letter-spacing: 0.025em;
	margin: 0.5rem 0;
}

.news_body h2 {
	font-size: 1.0rem;
	color: var(--fc_txt_normal);
	letter-spacing: 0.025em;
	margin: 0.5rem 0;
}

@media (max-width: 1000px) {
	
	.news {
    grid-template-columns: 1fr; 
    grid-template-rows: auto;  
	}
  
	.news_med2{display:none;}
	.news_media {padding: 0rem 1rem 0.0rem 1rem;}
	.news_body {padding-top: 0.0rem;}
	.news_body h3{text-align: center;}
	.ani_imp {display: flex;}
}

/*-------------------------------------------------------------
/ Referenzen: -------------------------------------------------
/------------------------------------------------------------*/

.box_ref_ic {
    height: auto;
    width: 100%;
    position: relative;
    z-index: 2;
    margin: 0 auto;
    overflow: visible; 
    border-radius: 0px;
    padding: 10px;
    text-align: center;

	background-color: var(--bgc_content1);
	background-image: var(--bc_img1);
	background-repeat: repeat;
	background-size: auto;
	background-attachment: scroll;	
}

.box_ref_iw {
    height: auto;
    width: 100%;
    position: relative;
    z-index: 2;
    margin: 0 auto;
    overflow: visible; 
    border-radius: 0px;
    padding: 10px;
    text-align: center;
    
	background-image: var(--bc_img2);
	background-repeat: repeat;
	background-size: auto;
	background-attachment: scroll;
}

.content_ref {
	width: 50%;
    text-align: center;
	z-index: 2;
	position: relative;
	margin: auto;
}

.content_ref p {
	color: var(--fc_txt_normal);
}

.content_ref_ai  {
    font-size: 0.9rem;
	font-weight: normal;
    margin: 0 0 1rem 0;
	color: var(--fc_txt_normal);
}

.content_ref_ai a {
	font-size: 0.9rem;
}


.pic_ref {
	display: block;
	width: 200px;       
	height: auto;      
	margin: 20px auto 10px auto;
	border-radius: 0px;
}

.box_ref {
    display: grid;
    grid-template-columns: 250px 1fr;
    align-items: center;
    width: 100%;
    border-radius: 0px;
    padding: 10px;
    gap: 0px;
}


/*-------------------------------------------------------------
/ Blockquote: -------------------------------------------------
/------------------------------------------------------------*/

blockquote {
    font-size: 1rem;
    font-style: italic;
    margin: 0.25em 0 1em 0;
    padding: 1rem 1rem 1rem 1rem;
    position: relative;
    color: var(--fc_txt_normal);
}

blockquote:before,
blockquote:after {
    font-size: 80px;
    position: absolute;
    color: #7a7a7a;
    font-family: Georgia, serif;
    line-height: 1;
}

blockquote:before {
    content: "\201C"; 
    left: -1.3rem;
    top: -1.5rem;
}

blockquote:after {
    content: "\201D"; 
    right: -0.5rem;
    bottom: -3.6rem;
}


/*-------------------------------------------------------------
/ Impressum: --------------------------------------------------
/------------------------------------------------------------*/

.box_imp {
    height: auto;
    width: 100%;
    position: relative;
    z-index: 2;
    margin: 0 auto;
    overflow: visible; 
    border-radius: 0px;
    padding: 10px;
    text-align: center;
	background-color: black;
	color: var(--fc_txt_normal);
}

.pic_imp {
	display: block;
	width: 300px;       
	height: auto;      
	margin: 20px auto 10px auto;
	border-radius: 0px;
}

.content_imp {
	font-size: 1.0rem;
	color: var(--fc_txt_normal);
	text-align:center;
}

.content_imp a {font-size: 1.0rem;}


/*------------------------------------------------------------
/ Main Content Inhalte für Rollenspiel, Freizeitveranstaltung,
Kompetenztraining, Datenschutz, Impressum: 
/------------------------------------------------------------*/

.box_pic_mc  {
    height: auto;
    width: 70%;
	max-width: 800px;
    position: relative;
    z-index: 2;
    margin: 0 auto;
    overflow: visible; 
    padding: 0px;
    text-align: center;
	overflow: hidden;
	background-color: var(--bgc_content1);
	border-radius: var(--radius_box_web);
}

.box_mc {
    height: auto;
    width: 70%;
	max-width: 800px;
    position: relative;
    z-index: 2;
    margin: 0 auto;
    overflow: visible; 
    border-radius: 0px;
    text-align: left;
    background-color: var(--bgc_content2);
	text-align: left;
	padding: 1rem 2.5rem 2.5rem 2.5rem;
}

.resp_pic_mc {
	display: block;
	width: 100%;
	height: auto;
	border-radius: 0px;
}


.box_mc .my_list li {
	font-weight: bold;   
	text-indent: -0.3em;     
	padding-left: 0.3em;     
	line-height: var(--lh_list);
	margin: 0 0 0.5rem 0;
}

.box_mc .my_list li::before {
	display: inline-block;
	content: "• ";      
	font-weight: bold;
	font-size: 1.0rem;
	width: 0.4rem;
}


/*-------------------------------------------------------------
/ Über Uns: 
/------------------------------------------------------------*/

.box_pic_ueber_uns_all {
    height: auto;
    width: 70%;
	max-width: 700px;
    position: relative;
    z-index: 2;
    margin: 0 auto;
    overflow: visible; 
    border-radius: 0px;
    padding: 0px;
    text-align: center;
	
	overflow: hidden;
	background-color: var(--bgc_content1);
	border-radius: var(--radius_box_web);
}

.box_ueber_uns_all {
    height: auto;
    width: 70%;
	max-width: 700px;
    position: relative;
    z-index: 2;
    margin: 0 auto;
    overflow: visible; 
    border-radius: 0px;
    text-align: left;
    background-color: var(--bgc_content2);
	padding: 1.0rem 0.5rem 2.5rem 0.5rem;
}

.box_pic_ueber_uns_per  {
    height: auto;
    width: 70%;
	max-width: 400px;
    position: relative;
    z-index: 2;
    margin: 0 auto;
    overflow: visible; 
    border-radius: 0px;
    padding: 0px;
    text-align: center;

	overflow: hidden;
	background-color: var(--bgc_content1);
	border-radius: var(--radius_box_web);
}

.box_ueber_uns_per {
	
	height: auto;
    width: 70%;
	max-width: 450px;
    position: relative;
    z-index: 2;
    margin: 0 auto;
    overflow: visible; 
    border-radius: 0px;
    background-color: var(--bgc_content2);
    text-align: left;
	padding: 1.0rem 2.5rem 2.5rem 2.5rem;
}

.box_ueber_uns_per h3 {
    margin: 0rem 0 0.5rem 0;
}


/*-------------------------------------------------------------
/ Kontakt: 
/------------------------------------------------------------*/

.box_kontakt_head {
    height: auto;
    width: 70%;
	max-width: 800px;
    position: relative;
    z-index: 2;
    margin: 0 auto;
    overflow: visible; 
    border-radius: 0px;
    background-color: var(--bgc_content2);
	vertical-align: top;
	text-align:center;
	padding: 2.5rem 3.0rem 0.5rem 3.0rem;  	
}

.box_kontakt {
    height: auto;
    width: 70%;
	max-width: 800px;
    position: relative;
    z-index: 2;
    margin: 0 auto;
    overflow: visible; 
    border-radius: 0px;
    text-align: left;
    background-color: var(--bgc_content2);
	text-align: left;
	padding: 1rem 2.5rem 2.5rem 2.5rem;
}

.box_kontakt_step {
	margin:auto;
	position: relative;
	width: 100%;             
	background-color: var(--bgc_content1);
	padding: 0.5rem 0.75rem 0.5rem 0.75rem;
	text-align: center;
}

.box_kontakt_step h4 {
	margin: 0;               
}

.box_kontakt_cont {
	width: 100%;             
	background-color: var(--bgc_content2);  
	text-align: left;
	padding: 1.0rem 2.0rem 1.5rem 2.0rem;      
}

.content_kontakt {
	text-align: center;
	padding: 0rem 2.5rem 0.5rem 1.5rem; 
	align-items: center;
}

.content_kontakt a {
	color: var(--fc_nav_al);
	font-weight: bold;
}

.content_kontakt a:visited {
	color: var(--fc_nav_al);
}

.content_kontakt a:hover {
	color: var(--fc_txt_normal);	
}


/*-------------------------------------------------------------
/ FAQ: 
/------------------------------------------------------------*/

.box_faq {
    height: auto;
    width: 70%;
	max-width: 800px;
    position: relative;
    z-index: 2;
    margin: 0 auto;
    overflow: visible; 
    border-radius: 0px;
    text-align: left;
    background-color: var(--bgc_content2);
	text-align: left;
	padding: 1rem 2.5rem 2.5rem 2.5rem;
}

.box_faq_cont {
	width: 100%;             
	background-color: var(--bgc_content2);  
	text-align: left;
	padding: 1rem 2.5rem 1.0rem 1.5rem;      
}

.box_pic_faq  {
    height: auto;
    width: 100%;
	max-width: 800px;
    position: relative;
    z-index: 2;
    margin: 0 auto;
    overflow: visible; 
    border-radius: 0px;
    padding: 0px;
    text-align: center;
	margin: 1.25rem 0.5rem 1rem 0.0rem;
	
	overflow: hidden;
	background-color: var(--bgc_content2);
	border-radius: var(--radius_box_web);
}