/* Geoso Webfont
-------------------------------------------------- */

@import url('/assets/css/fonts/Geoso-Webfonts.css');



/* Geoso Variable Font
-------------------------------------------------- */

@font-face {
   font-family: 'Geoso-Variable';
   src: url('/assets/fonts/geoso/geoso-variable.ttf');
   font-weight: normal;
   font-style: normal;
}


/* GEOSO
-------------------------------------------------- */

body{
	font-family: 'Geoso-Webfont', 'Benedikt', Georgia, serif;
}


.content,
footer{
	max-width: 72rem; /* Satzspiegel anpassen */
}


main section, /* Satzspiegel anpassen */
main aside{
	max-width: none;
}


@media screen and (min-width: 40rem) {
	
	.intro{
		// height: calc(100vh - 150px);
	}
	
	h1{
		font-weight: bold;
		font-size: 6em;
		margin-bottom: 0;
	}
	
	section.full-width > *,
	.teaser-item{ /* Satzspiegel anpassen */
		max-width: 72rem;
		padding-left: 1.5rem;
		padding-right: 1.5rem;
	}

}



/* CUSTOM SECTION STYLING */

section#lead{
	flex-flow: column nowrap;
	align-items: center;
}


section#description p{
	font-size: 2.5em;
	line-height: 1.2;
	max-width: 72rem;
}


section.uniwidth{
	color: white;
	background: #000B1D;
	display:none;
	padding: 2rem 0;
}

@media screen and (min-width: 52rem) {

	section.uniwidth{
		display:block;
	}
}

section.uniwidth .headlines{
	margin-left: 2em;
}

section.figure-sets .headlines{
	margin-left: 4rem;
}


/* Figure Full Width Fix */


section.figure.full-width > .wrapper {
	display: flex;
	flex-flow: column nowrap;
	margin: 4rem 0;
}

section.figure.full-width.abb2z .wrapper > figure:nth-of-type(1){
	margin: 2rem 0 2rem 0;
}
section.figure.full-width.abb2z .wrapper > figure:nth-of-type(2){
	margin: 2rem 0 2rem 0;
}


@media screen and (min-width: 52rem) {

	section.figure.full-width > .wrapper{
		flex-flow: row nowrap;
	}
	
	section.figure.full-width.abb2z{
		display: block;
	}
	
	section.figure.full-width.abb2z .wrapper > figure:nth-of-type(1){
		margin: 3rem 8rem 5rem -1rem;
	}
	section.figure.full-width.abb2z .wrapper > figure:nth-of-type(2){
		margin: 4rem 0;
	}
}



/* Table  Styles */

table{
	text-align: left;
	border-collapse: collapse;
}

table, th, td{
	padding: 1rem 1.5rem;
}

th{
	font-variant: small-caps;
	font-size: 1em;
	font-weight: normal;

}

/* Figure Sets Table Style */


.figure-sets table tr:nth-of-type(2) > th,
.figure-sets table tr:nth-of-type(3) > th{
	text-align: right!important;
	border-bottom: 1px solid rgba(227,66,59,1);
	border-right: 1px solid rgba(227,66,59,1);
}

.figure-sets td{
	font-size: 2em;
	font-weight: bold;
	border-bottom: 1px solid rgba(227,66,59,1);
	border-right: 1px solid rgba(227,66,59,1);
}
.figure-sets tr:last-of-type td{
	border-bottom: none;
}

.figure-sets td:last-of-type{
	border-right: none;
}

.figure-sets th{
	border-bottom: 1px solid rgba(227,66,59,1);
	border-right: 1px solid rgba(227,66,59,1);
}

.figure-sets tr:first-of-type th:first-of-type{
	border-left: 1px solid rgba(227,66,59,1);
}

.figure-sets tr:first-of-type th:last-of-type{
	border-right: none;
}

.figure-sets tr:last-of-type th:last-of-type{
	border-bottom: none;
}

td.prop-lining{
	font-feature-settings: "pnum" 1, "lnum" 1;

/* 	font-variant-numeric: proportional-nums; */
}

td.prop-os{
	font-feature-settings: "pnum" 1, "onum" 1;
/* 	font-variant-numeric: proportional-nums; */
}

td.prop-sc{
	font-feature-settings: "smcp" 1, "lnum" 1;

}

td.tab-lining{
	font-feature-settings: "tnum" 1, "lnum" 1;
/* 	font-variant-numeric: tabular-nums; */

}

td.tab-os{
	font-feature-settings: "tnum" 1,  "onum" 1;
/* 	font-variant-numeric: tabular-nums; */
}

td.tab-sc{
	font-feature-settings: "smcp" 1, "onum" 1;
}

/* OpenType Features */


.ot-feature{
	line-height: 2.5;
}
.ot-feature span{
  background-color: rgba(var(--dark),0.1);
  padding: 0.25em;
  margin: 0 0.1em;
  border-radius: 0.25em;
}


/* Variable Font Action */


#geoso-variable-test{
font-size: 4em;
font-family: 'Geoso-Variable';
cursor: default;
line-height: 1;

}

#geoso-variable-test span{
	-webkit-animation: weightpositionreverse 1s 1; /* Safari 4+ */
	-moz-animation:    weightpositionreverse 1s 1; /* Fx 5+ */
	-o-animation:      weightpositionreverse 1s 1; /* Opera 12+ */
	animation:         weightpositionreverse 1s 1; /* IE 10+, Fx 29+ */
	font-variation-settings:'wght' 79;

}

#geoso-variable-test span:hover{
  -webkit-animation: weightposition 2s 1; /* Safari 4+ */
  -moz-animation:    weightposition 2s 1; /* Fx 5+ */
  -o-animation:      weightposition 2s 1; /* Opera 12+ */
  animation:         weightposition 2s 1; /* IE 10+, Fx 29+ */
  font-variation-settings:'wght' 500;

}

@keyframes weightposition {
	0% {font-variation-settings:'wght' 79;}
	100% {font-variation-settings:'wght' 500;}
}

@keyframes weightpositionreverse {
	0% {font-variation-settings:'wght' 500;}
	100% {font-variation-settings:'wght' 79;}
}