@font-face {
	font-family: 'Px-Grotesk';
	src: url('../fonts/Px-Grotesk-Regular.woff2') format('woff2');
	src: url('../fonts/Px-Grotesk-Regular.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Px-Grotesk';
	src: url('../fonts/Px-Grotesk-Italic.woff2') format('woff2');
	src: url('../fonts/Px-Grotesk-Italic.woff') format('woff');
	font-weight: normal;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'Px-Grotesk';
	src: url('../fonts/Px-Grotesk-Bold.woff2') format('woff2');
	src: url('../fonts/Px-Grotesk-Bold.woff') format('woff');
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Px-Grotesk';
	src: url('../fonts/Px-Grotesk-Bold-Italic.woff2') format('woff2');
	src: url('../fonts/Px-Grotesk-Bold-Italic.woff') format('woff');
	font-weight: bold;
	font-style: italic;
	font-display: swap;
}

:root{
	--ifee-black: #000000;
	--ifee-purple: #8c288c;
	/* --ifee-orange: #fe9321; */
	--ifee-orange: #e67f13;
	--ifee-beige: #e8d4ba;
	--ifee-beige-hell: #f2eade;
	--ifee-gray: #d1d4d4;
}

body strong{
	font-weight: bold;
}

#page{
	padding-bottom: 30px;
}

#sidebar{
	width: 240px;
	min-height: 500px;
	border-right: 3px solid var(--ifee-black);
}

#content{
	width: calc(100% - 240px);
}

#content .content-block{
	border-top: 1px solid var(--ifee-black);
	padding-top: 50px;
}

ul.ifee-menu{
	list-style: none;
	margin-left: 0;
}

ul.ifee-menu li{
	border-top: 1px solid var(--ifee-black);
}

ul.ifee-menu li a{
	display: block;
	padding: 2px 0 28px;
	color: var(--ifee-black);
}

ul.ifee-menu li a span,
ul.ifee-menu li a:hover{
	color: var(--ifee-orange);
}

#sidebar .researchtopics span{
	display: block;
	margin-bottom: 6px;
}

#sidebar .researchtopics ul{
	list-style: none;
	margin-left: 0;
}

/* header */

#masthead{
	position: relative;
}

#masthead .logo,
#masthead .logo img{
	width: 100%;
	max-width: 220px;
}

button.menu-icon,
button.menu-icon:active{
	border: 0;
	background: transparent;
	box-shadow: none;
	width: 40px;
	height: 28px;
	position: absolute;
	top: 35px;
	right: 10px;
}

button.menu-icon:after{
	background: var(--ifee-black);
	height: 4px;
	box-shadow: 0 12px 0 var(--ifee-black), 0 24px 0 var(--ifee-black);
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

button.menu-icon:hover:after{
	background: var(--ifee-black);
	box-shadow: 0 12px 0 var(--ifee-black), 0 24px 0 var(--ifee-black);
}

button.menu-icon-close:after{
	display: inline-block;
	content: "\00d7";
	color: var(--ifee-black);
	font-size: 68px;
}
 
button.menu-icon-close:focus {
	outline:0;
}

button.menu-icon-close:after:active, 
button.menu-icon-close:after:focus {
	outline:expression(hideFocus='true');
}

#off-canvas-menu{
	padding: 80px 15px 30px;
}

/* content */

.marginbottom{
	margin-bottom: 40px;
}

ul.nobullet{
	list-style: none;
	margin-left: 0;
}

ul.nobullet li{
	margin-top: 10px;
}

.headerbild{
	margin: -45px 0 30px;
}

.credit{
	font-size: 11px;
	display: block;
	text-align: right;
}

.credit:before{
	content:'© ';
}

.meta{
	padding: 20px 0;
}

.meta p{
	margin-bottom: 5px;
}

.meta ul{
	list-style: none;
	margin-left: 0;
}

.meta ul li{
	padding-bottom: 6px;
}

.meta .date{
	padding-left: 30px;
	background: url('../images/calendar.svg') left 3px no-repeat;
	background-size: 20px 20px;
	margin-right: 50px;
}

.meta .type{
	padding-left: 30px;
	background: url('../images/categories.svg') left 3px no-repeat;
	background-size: 20px 20px;
	margin-right: 50px;
}

.meta .authors{
	padding-left: 30px;
	background: url('../images/user.svg') left 3px no-repeat;
	background-size: 20px 20px;
	margin-right: 50px;
}

.meta .forum{
	padding-left: 30px;
	background: url('../images/journal.svg') left 3px no-repeat;
	background-size: 20px 20px;
	text-transform: capitalize;
}

.meta .keywords{
	padding-left: 30px;
	background: url('../images/tag.svg') left 3px no-repeat;
	background-size: 20px 20px;
}

.tags .tag{
	padding-left: 20px;
	background: url('../images/tag.svg') left 3px no-repeat;
	background-size: 16px 16px;
	padding-right: 20px;
}

.meta ul li.date,
.meta ul li.authors,
.meta ul li.forum,
.meta ul li.keywords{
	background-position: left 3px;
}

ul.archivelist{
	list-style: none;
	margin-left: 0;
}

ul.archivelist > li{
	padding-bottom: 30px;
	border-bottom: 1px solid #eaeaea;
	margin-bottom: 30px;
}

ul.archivelist .meta{
	padding: 0;
}

ul.archivelist ul.meta{
	list-style: none;
	margin-left: 0;
}

ul.archivelist .meta .date,
ul.archivelist .meta .authors,
ul.archivelist .meta .keywords,
ul.archivelist .meta .subtitle{
	display: block;
}

ul.archivelist .meta .subtitle{
	margin-top: 5px;
	margin-bottom: 0;
}

ul.archivelist.personenliste h2{
	margin-bottom: 0;
}

ul.archivelist.personenliste .imgwrap{
	width: 130px;
	height: 130px;
	-webkit-border-radius: 100%;
	border-radius: 100%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: center center;
}

ul.archivelist.personenliste .namecolumn.columns{
	min-height: 130px;
	display: table;
}

ul.archivelist.personenliste .namecolumn.columns a{
	display: table-cell;
	vertical-align: middle;
}

.related{
	margin-top: 60px;
}

.related h2{
	margin-top: 30px;
}

/* person */

.personrow .personinfo{
	/* background-color: var(--ifee-beige-hell); */
	padding: 20px;
	margin-top: -45px;
}

.personrow .personinfo img{
	margin-bottom: 30px;
}

.content-block:has(.credit) .headerbild,
.personrow .personinfo:has(.credit) img{
	margin-bottom: 0;
}

.content-block:has(.credit) .credit,
.personrow .personinfo:has(.credit) .credit{
	margin-bottom: 30px;
}

/* tabs */

.tabs,
.tabs-content{
	border: none;
}

.tabs{
	margin-top: 50px;
	margin-bottom: 10px;
	border-bottom: 1px solid #000;
	padding-bottom: 10px;
}

.tabs-panel{
	padding: 1rem 0;
}

.tabs .tabs-title > a{
	border-right: 1px solid #000;
}

.tabs .tabs-title > a,
.tabs .tabs-title > a[aria-selected="true"]{
	color: var(--ifee-orange);
	font-size: 1rem;
	padding: 2px 15px;
}

.tabs .tabs-title:first-of-type > a{
	padding-left: 0;
}

.tabs .tabs-title:last-of-type > a{
	border-right: none;
}

.tabs .tabs-title > a:focus,
.tabs .tabs-title > a[aria-selected="true"]{
	background: transparent;
}

.tabs .tabs-title > a:hover,
.tabs .tabs-title > a[aria-selected="true"]{
	text-decoration: underline;
}

/* media queries */

@media screen and (max-width: 1023px){
	
	#content{
		width: 100%;
	}
	
	.personrow .personinfo{
		margin-top: 30px;
	}
		
}

@media screen and (max-width: 639px){
	
	ul.archivelist.personenliste .namecolumn.columns{
		min-height: auto;
		margin-top: 20px;
	}
	
}