/*** stylesheet.css of www.gbs-landesverband-bw.de ***/
/*** stylesheet.css of www.gbs-landesverband-bw.de ***/
/*** (c) by kretzer 2021 ***/

/*** fonts ***/
@font-face {
	font-family: sansation_regular;
	src: url(fonts/sansation_regular.woff) format("woff");
}
@font-face {
	font-family: sansation_regular_italic;
	src: url(fonts/sansation_regular_italic.woff) format("woff");
}
@font-face {
	font-family: sansation_light;
	src: url(fonts/sansation_light.woff) format("woff");
}
@font-face {
	font-family: sansation_light_italic;
	src: url(fonts/sansation_light_italic.woff) format("woff");
}
@font-face {
	font-family: sansation_bold;
	src: url(fonts/sansation_bold.woff) format("woff");
}
@font-face {
	font-family: sansation_bold_italic;
	src: url(fonts/sansation_bold_italic.woff) format("woff");
}
@font-face {
	font-family: crimson_roman;
	src: url(fonts/crimson_roman.ttf) format("truetype");
}
@font-face {
	font-family: aptos;
	src: url(fonts/aptos.ttf) format("truetype");
}
@font-face {
	font-family: aptos_bold;
	src: url(fonts/aptos-bold.ttf) format("truetype");
}

/*** constants & basic settings ***/
html {
	--darkgrey:   	#555555;									/* headers */
	--grey:  		#777777;									/* text body */
	--lightgrey: 	#888888;
	--darkblue:   	#020219;
	--normalblue: 	#15136E;
	--lilac:      	#6766A6;
	--lightlilac: 	#D5D5DE;
	--canvas:	  	#EFEFEF;
	--secpink:    	#E500E5;									/* secular colours */
	--secorange: 	#FF7E00;
	--secred:     	#E50000;
	--secrest:     	#000000;
	--petrol:		#007B90;
}
body {
    margin: 0 auto;												/* this centers the page */
	max-width: 60rem;
	background-color: var(--canvas);
}
section h1 { 
	color: var(--darkgrey);
	margin-bottom: 0.0rem;
	font-family: sansation_bold;
	font-size: 1.0rem; 
}
section p {
	color: var(--darkgrey);
	margin-top: 0.2rem;
	/*font-family: Verdana;*/
	font-family: aptos;
	font-size: 1.0rem; 
	line-height: 1.5rem;
	text-align: justify;
}
article h1 { 
	margin-top: 1.0rem;
	margin-bottom: 1.0rem;
	color: var(--darkgrey);
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 2.0rem; 
}
article h1 sup {
	font-size: 1.0rem; 
	font-weight: normal;
}
article h2 { 
	margin-top: 1.5rem;
	margin-bottom: 1.0rem;
	color: var(--darkgrey);
/*	font-family: "Times New Roman", Times, serif; */
	font-family: aptos;
	font-size: 1.3rem; 
}
article p {
	color: var(--darkgrey);
	/*font-family: Arial;*/
	font-family: aptos;
	font-size: 1.0rem; 
	line-height: 1.5rem;
	text-align: justify;
	-ms-hyphens: auto;				/* edge */
	-webkit-hyphens: auto;			/* safari */
	hyphens: auto;					/* standard */
}
article li {
	color: var(--darkgrey);
	/*font-family: Arial;*/
	font-family: aptos;
	font-size: 1.0rem; 
	line-height: 1.3rem;
	text-align: justify;
	-ms-hyphens: auto;				/* edge */
	-webkit-hyphens: auto;			/* safari */
	hyphens: auto;					/* standard */
}

/*** links ***/
a, .current {
	transition: all .2s ease-in;
	text-decoration: none;
	font-variant: small-caps;
}
a:link { 
	border-bottom: 1px solid var(--secorange);
	color: var(--secorange);
} 
a:visited { 
	border-bottom: 1px solid var(--petrol);
	color: var(--petrol); 
} 
a:active,
a:hover,
a:focus { 
	border-bottom: 1px solid var(--secorange); 
	color: var(--secorange);
} 
a:current { 
	border-bottom: 1px solid var(--secrest); 
}

/*** flex behaviour ***/
.flex-container { 
	display: flex; 
	flex-wrap: wrap;
 }
.flex-item { 
	flex: auto; 
}

/*** boxes ***/
header,
nav,
main,
aside,
footer { 														/* rounded borders for all boxes */
	border-radius: .2rem;
	border: 1px solid var(--darkgrey);
}
header {
	margin: .5rem 3px .5rem 3px; 								/* t r b l */
	padding: 1rem 2rem 2rem 2rem;
	background-color: white;
}
#slogan {
	margin: .5rem 3px .5rem 3px;
	font-family: "Times New Roman", Times, serif;
	font-size: 2rem;
	font-style: italic;
	color: var(--grey);
	text-align: center;
}
#gbslogo {
	display: flex; 
	flex-wrap: wrap;
}
#logolv {
	float: right;
	margin-left: 15px;
}
nav { 
	margin: .5rem 3px .5rem 3px; 								/* t r b l */
	padding: 1rem; 
	background-color: white;
	/*font-family: sansation_regular;*/
	font-family: aptos;
	font-size: 1rem;
}
nav ul {
	margin: 0 auto; 											/* t&b l&r */
	padding: 0 1rem;
}
nav li { 
	margin: 0;
	list-style-type: none;
	display: inline-block;
}
nav li::before { 
	content: "• "; 
}
nav div {														/* © mark right of nav */
	margin-top: -1.1rem;
	margin-right: 1rem;
	padding-top: 0.2rem;
	text-align: right;
	font-size: 1rem;
}
.filestamp {
	color: var(--darkgrey);
	/*font-family: Arial;*/
	font-family: aptos;
	font-size: .7rem;
}
.dateofarticle {
	/*font-family: sansation_regular, sans-serif;*/
	font-family: aptos;
	font-size: .8rem;
}
.imginfo {
	font-family: aptos;
	font-size: .8rem;
}
main {
	box-sizing: border-box;
	margin-bottom: .5rem;
	margin-left: 3px;
	margin-right: 3px;
	padding: 1rem 4rem 2rem 3rem;
	width: 44rem;
	background-color: white;
}
aside {
	box-sizing: border-box;
	margin-bottom: .5rem;
	margin-left: 3px;
	margin-right: 3px;
	padding: .5rem 1rem;
	width: 15rem;
	background: white;
	/*font-family: sansation_light;*/
	font-family: aptos;
	font-size: 1.0rem;
}
aside h1 {
	color: var(--darkgrey);
	/*font-family: sansation_bold;*/
	font-family: aptos_bold;
	font-size: 1.0rem;
}
.aside_bodytext {
	/*font-family: Arial;*/
	font-family: aptos;
	font-size: 0.9rem;
	color: var(--darkgrey);
}
.references {
	font-size: .8rem;
}
footer {
	margin-bottom: .5rem;
	margin-left: 3px;
	margin-right: 3px;
	padding: 1rem 2rem 2rem 2rem;
	background-color: white;
	/*font-family: Arial;*/
	font-family: aptos;
	font-size: .7rem; 
}
footer h1 {
	color: var(--darkgrey);
	/*font-family: sansation_regular;*/
	font-family: aptos_bold;
	font-size: .8rem;
}
footer section p {
	color: var(--darkgrey);
	margin-top: 0.2rem;
	/*font-family: Verdana;*/
	font-family: aptos;
	font-size: 0.8rem; 
	line-height: 1.2rem;
	text-align: justify;
	-ms-hyphens: auto;				/* edge */
	-webkit-hyphens: auto;			/* safari */
	hyphens: auto;					/* standard */
}

/* legal notice show/hide */
#legalnote:target 		{ display: block; }
#legalnote:not(target)	{ display: none; }