@charset "utf-8";
/* CSS Document */

:root{
/*	----------------------------------------------------------  SIZES  */	
	--full-width: 100%;
	--outer-width: 1600px;
	--inner-width: 1400px;
	
/*	---------------------------------------------------------  COLORS  */
	--color: rgba(0,0,0,1);

/*	----------------------------------------------------------  FONTS  */	
	--lato: 'Lato', 'Arial', sans-serif;
	
	--thin: 		100;
	--extralight: 	200;
	--light: 		300;
	--regular: 		400;
	--medium: 		500;
	--semibold: 	600;
	--bold: 		700;
	--black: 		800;
	--extrablack: 	900;
	
	--common-fontsize: 1.15rem;
}

* {
	box-sizing:border-box;
}

html{
	width:100%;
}

body{
	width:100%; 
	min-width: 320px;
	height: auto;
	min-height: 100vh;

	display: flex;
	flex-flow: column;
	justify-content: stretch;

	margin:0; 
	padding:0;

	font-family: var(--lato);
	font-size: 100%;
	color:rgba(0,0,0,0.7);

	background-color: rgba(245,245,245,1);
}


/*	-------------------------------------------------------------------------------------   G E N E R I C   R E S E T S   */

h1, h2, h3, h4, h5, h6, p, td, ul, li, figure, button {
	margin:0;
	padding:0;
	font-weight:normal;
	border:0;
	outline:0;
	background-color:transparent;
}


/*	----------------------------------------------------------------------------------------------------------  F L E X   */
.flx{
	display: flex;
}

.flxR{
	display:flex;
	flex-flow:row;
	flex-wrap:nowrap;
}

.flxC{
	display:flex;
	flex-flow:column;
	flex-wrap:nowrap;
}

.flxJCA	{ justify-content:space-around; }
.flxJCB	{ justify-content:space-between; }
.flxJCC	{ justify-content:center; }
.flxJCE	{ justify-content:flex-end; }
.flxJCS	{ justify-content:flex-start; }

.flxAIC	{ align-items:center; }
.flxAIE	{ align-items:flex-end; }
.flxAIS	{ align-items:flex-start; }
.flxWrp	{ flex-wrap:wrap; }


/*	--------------------------------------------------------------------------------------------------------    G R I D    */

.grd{
	display: grid;
}





/*	----------------------------------------------------------------------------------------------------    H E A D E R   */


.abijg_header{
	width:90%;
	max-width: 900px;
	margin:0 auto;
	
	display: flex;
	flex-flow: column;
	align-items: center;
	
	padding:1% 5% 0 5%;
	text-align: center;
}

h1{
	width: 270px;
	height: 270px;
	
	display: flex;
	flex-flow: column;
	justify-content: center;
	align-items: center;	
	
	opacity: 0.75;
	
	margin:0 0 0 -5px;
	padding:0 0 17px 7px;
	
	font-size:3.8rem;
	font-style: normal;
	font-weight: var(--light);
	line-height: 0.9;
	color: black;
	
/*	background-image: url("/assets/media/images/abijg_icon_30years_200x200_opt.svg");  */
	background-image: url("/assets/media/images/jahrgang1995_laurel_wreath_metal_300x300.png");
	background-size: 270px 270px;
	background-repeat: no-repeat;
	background-position: center center;
}

h1 span{
	display:block; 
	
	font-size: 1.5rem;
	font-weight: var(--light);
	text-transform: uppercase;
}

h2{
	width: 100%;
	max-width: 450px;

	margin: -15px 0 0;
	padding: 0;

/*	font-size: clamp(2rem, -0.462rem + 12.308vw, 3rem);  */
	font-size:3rem;
	font-style: normal;
	font-weight: var(--light);
	line-height: 1.1;
	text-transform: uppercase;
	color: rgba(0,0,0,0.75);

	border-bottom: 1px solid rgba(0,0,0,0.2);
}

h3{
	width:100%;
	
	margin: -10px 0 0;
	padding: 10px 0 15px;
	
	font-size: 1.65rem;
	font-style: normal;
	font-weight: var(--light);
	line-height: 1.2;
}

.abijg_date{
	width: 100%;
	height: fit-content;

	padding: 25px 50px 30px;

	border: 1px solid rgba(0,0,0,0.15);
	border-radius: 8px;

	background-color: white;

	box-shadow: 0 0 15px 0 rgba(0,0,0,0.07);

/*	rotate: -3deg;  */
}

p{
	padding: 0 0 20px;
	margin: 0;

	font-size: 1.55rem;
	font-weight: var(--light);
}
	p strong{
		font-size: 2.8rem;
		font-weight: var(--light);
		text-transform: uppercase;
	}

	.smallerTxt{ display: inline-block; }
	.biggerTxt{  display: none; }
	@media screen and (min-width:370px) {
		.smallerTxt{ display: none; }
		.biggerTxt{ display: inline-block; }
	}

main{
	width: 100%;
	min-height: calc(100vh - 420px);

	display: flex;
	flex-flow: column;
	justify-content: center;
	align-items: center;

	padding: 0 15px 150px;

	text-align: center;
}

section{
	padding: 50px 0 100px;
}

.abijg_icons{
	padding: 25px 0 0;

	display: flex;
	flex-flow: row;
	justify-content: center;
	align-items: center;
}
.abijg_icons a{ transition: opacity 0.35s; }
.abijg_icons a:link, .abijg_icons a:visited{ opacity: 0.5; }
.abijg_icons a:hover, .abijg_icons a:active{ opacity: 1; }

.abijg_icon{
	padding: 0 5px;
}

.abijg_iconGFR img{
	height: 80px;
	width: auto;
	aspect-ratio: 5 / 4;
}
.abijg_iconVK img{
	height: 70px;
	width: auto;
	aspect-ratio: 1 / 1;
}