/* CSS-Styling Cogneus Design Studio for Curare OJS, v1.7, 2024, 240408,240429,240603 – cleaned */

/* Fonts Import — vollständige variable Familien inkl. Fett + Kursiv.
   (Die alten @font-face waren als 400 900 deklariert, lieferten aber nur
   Schnitt 400, und es fehlten Kursiv-Schnitte -> Fett/Kursiv rendern nicht.) */
@import url('https://fonts.googleapis.com/css2?family=Source+Sans+3:ital,wght@0,400;0,600;0,700;1,400;1,700&family=Source+Serif+4:ital,opsz,wght@0,8..60,200..700;1,8..60,200..700&display=swap');

/* Typography */

*, html, body {
	font-family: "Source Sans 3", sans-serif;
	font-weight: 400;
	font-style: normal;
}

h1, h3, h4, h5, h6, .h1, .h3, .h4, .h5, .h6 {
	font-family: "Source Sans 3", sans-serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
}

h2, .h2  {				/* h2 bold */
	font-family: "Source Sans 3", sans-serif;
	font-optical-sizing: auto;
	font-weight: 700;
	font-style: normal;
}

.curare-doc-article {
	max-width: 800px;
	margin: 0 auto;
	padding-top: 40px;		/* etwas mehr Luft über dem ersten Inhalt */
	padding-left: 20px;
	padding-right: 20px;
	font-size: 130%;
}

.curare-doc-article img {
	max-width: 100%;
	height: auto;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.curare-doc-article img + p {
	margin-left: 20px;
	margin-right: 20px;
	text-align: center;
	font-size: 80%;
	font-family: "Source Sans 3", sans-serif;
}

.curare-doc-article .smallcaps {
	font-variant-caps: small-caps;
}

/* Fett wiederherstellen: der globale *-Selektor setzt font-weight:400 und
   würde sonst jedes <strong>/<b> platt machen (Abstract, Beschriftung, Namen …) */
.curare-doc-article strong,
.curare-doc-article b {
	font-weight: 700;
}

.curare-doc-article p.caption {	/* Bildunterzeile / figure captions in Sans */
	font-family: "Source Sans 3", sans-serif;
	font-size: 80%;
	text-align: center;
	color: #999999;
	margin-left: 20px;
	margin-right: 20px;
}

/* Zwei Beschriftungs-Zeilen mit Abstand trennen */
.curare-doc-article p.caption + p.caption { margin-top: 0.5em; }
/* Größerer Abstand zwischen Beschriftung (Bild 1) und folgendem Bild/Absatz */
.curare-doc-article p.caption + p { margin-top: 2.5em; }

/* Überschriften-Hierarchie im Artikel (Titel = h1, Abschnitte = h2/h3/h4) */
.curare-doc-article h1.title {
	font-family: "Source Sans 3", sans-serif;
	font-weight: 700;
	font-size: 1.9em;
	line-height: 1.15;
	margin: 0 0 0.2em;
	padding-left: 20px;
	padding-right: 20px;
}
.curare-doc-article p.subtitle {	/* Untertitel: schwarz, serifenlos */
	font-family: "Source Sans 3", sans-serif;
	font-size: 1.25em;
	color: #000000;
	margin: 0 0 1.2em;
}
.curare-doc-article h2 { font-size: 1.5em;  font-weight: 700; margin: 1.6em 0 0.3em; padding-left: 20px; padding-right: 20px; }
.curare-doc-article h3 { font-size: 1.25em; font-weight: 700; margin: 1.4em 0 0.3em; padding-left: 20px; padding-right: 20px; }
.curare-doc-article h4 { font-size: 1.1em;  font-weight: 700; margin: 1.2em 0 0.3em; padding-left: 20px; padding-right: 20px; }

/* Fließabsätze: erster Absatz bündig, jeder folgende mit Erstzeileneinzug,
   keine Leerzeile dazwischen (klassischer Buchsatz). */
.curare-doc-article p.noindent { text-indent: 0; margin-top: 0; margin-bottom: 0; }
.curare-doc-article p.noindent + p.noindent { text-indent: 1.5em; }
.curare-doc-article p.indent   { text-indent: 1.5em; }

/* Abstract-Text: serifenlos */
.curare-doc-article p.abstract {
	font-family: "Source Sans 3", sans-serif;
	font-size: 0.95em;
}
/* Abstand nach der fetten Abstract-/Keywords-Überschrift und nach „Fig. X".
   (HTML kollabiert das doppelte Leerzeichen aus Word zu einem -> hier als
   definierter Abstand nachgebildet.) */
.curare-doc-article p.abstract > strong:first-child,
.curare-doc-article p.caption > strong:first-child {
	margin-right: 0.5em;
}

/* Zitate + eingerückte Zitate: Source Serif, Größe 10 (≈ 0.83em) */
.curare-doc-article blockquote {
	font-family: "Source Serif 4", serif;
	font-size: 0.83em;
	margin-left: 2.5em;
	margin-right: 2.5em;
}
/* Eingerücktes Zitat: neue Absatzzeile im Zitat -> erste Zeile eingerückt, kein Abstand davor */
.curare-doc-article blockquote.indent {
	margin-top: 0;
	text-indent: 1.5em;
}

/* Bibliographie & Biographien: serifenlos (Source Sans 3) */
.curare-doc-article p.bibliography,
.curare-doc-article p.biography {
	font-family: "Source Sans 3", sans-serif;
	font-size: 0.9em;
}
.curare-doc-article p.bibliography {	/* hängender Einzug für Literaturangaben */
	padding-left: 40px;
	text-indent: -20px;
}
/* Kursiv in Referenzen/Biografien ebenfalls serifenlos
   (überschreibt die globale Regel `p > em` -> Source Serif) */
.curare-doc-article p.bibliography em,
.curare-doc-article p.biography em {
	font-family: "Source Sans 3", sans-serif;
}

/* Endnoten & Fußnoten: Fließtext Source Serif, Größe 9 (≈ 0.75em) */
.curare-doc-article p.endnote,
.curare-doc-article p.footnote {
	font-family: "Source Serif 4", serif;
	font-size: 0.75em;
	color: #000000;
}
/* Ziffer (Listenmarker) in Source Sans, fett */
.curare-doc-article ol:has(p.endnote) > li::marker,
.curare-doc-article ol:has(p.footnote) > li::marker {
	font-family: "Source Sans 3", sans-serif;
	font-weight: 700;
}
/* Trennlinie oberhalb der automatisch erzeugten Endnoten-/Fußnoten-Liste */
.curare-doc-article ol:has(p.endnote),
.curare-doc-article ol:has(p.footnote) {
	margin-top: 2em;
	padding-top: 1em;
	border-top: 1px solid #cccccc;
}

@media (max-width: 480px) {		/* Überschriften auf mobilen Geräten */
	h2, .h2 {
	font-size: 22px;
	}
}

@media (min-width: 1200px) {	/* Überschriften-Angleichung ab 1200px */
    .h1, .h2, h1, h2 {
        font-size: 2rem;
    }
}



a {
    color: #000000;
}

a:hover {
	color: #72b08d;
}

p, ul, .p, .ul, .panel-heading, .panel-body, .list-group-item.date-published, .article-abstract, .keywords, .description, .form-group, .notice, .alert, .alert-info {
	font-family: "Source Serif 4", serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
	color: #000;
	padding-left: 20px;
	padding-right: 20px;
}

.authors, .li {
	font-family: "Source Serif 4", serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
	color: #999999;
}

p.blocksatz {
	text-align: justify;
}

@media (max-width: 768px) {
	body > main > div.page_index_journal.container > div > section.section_intro > p {
		padding-left: 0px;
		padding-right: 0px;
	}
}

/* Hero Section */

.hero-section h1 {
	font-family: "Source Serif 4", serif;
	font-size: 3.0rem;
	text-decoration: none;
}


.accordion-button {		/* Rubriken Überschriften */
	font-weight: 700;
	font-size: 0.75em !important;
	text-transform: uppercase !important;
	letter-spacing: 0.025em;
}

p > em {		/* kursiver Text im Textabsatz */
	font-family: "Source Serif 4", serif;
	font-style: italic !important;
}

.obj_article_summary .subtitle {
	margin-top: 0px;
	margin-bottom: 0px;
}


.obj_article_summary>.title a {
	font-family: "Source Serif 4", serif !important;
}

.subtitle {		/* Titel und Untertitel in Serif */
	font-family: "Source Serif 4", serif;
}

.obj_article_summary .meta {	/* Abstand der Autoren von der Artikelüberschrift oder Unterzeile */
	padding-top: 10px;
	padding-bottom: 10px;
}


body > main > div.page.page_article > article > div > div.main_entry > section:nth-child(1) > h4	/* Subtitel in Sans */
 {
	font-family: "Source Sans 3", sans-serif !important;
}

.authors.name, .authors {		/* Autorinnen in Small Caps */
	font-variant-caps: small-caps;
	font-size: 1.1em;
	font-style: normal;
	color: #999999;
}

.smallcaps {
	font-variant-caps: small-caps;
	font-size: 110%;
}



.affiliation {			/* Universitäten nicht in Small Caps */
	font-variant-caps: normal !important;
	color: #999999;
}


.item.issue, .item.copyright {
	font-family: "Source Sans 3", sans-serif !important;
}

body > main > div.page.page_article > article > div > div.entry_details > div.item.copyright > p {
	font-family: "Source Sans 3", sans-serif !important;
}

body > main > div.page.page_article > article > div > div.entry_details > div.item.copyright > a:nth-child(3) > img {
	width: 120px;
	margin-top: 20px;
	margin-bottom: 20px;
}


.page {
	margin-top: 100px !important;
}


/* Copyright ausblenden ohne Lizenz-Angaben */

body > main > div.page.page_article > article > div > div.entry_details > div.item.copyright > p {
	display: none;
}

/* Buttons */

.btn-primary {
    color: #fff;
    background-color: #5f9375;
	font-family: "Source Sans 3", sans-serif !important;
	font-weight: 400;
	font-style: normal;
	text-transform: uppercase;
	letter-spacing: 0.05em;
}

.btn-primary:hover {
    color: #fff;
    background-color: #4e7a61;
}

.btn-outline-white {
    font-family: "Source Sans 3", sans-serif !important;
	font-weight: 400;
	font-style: normal;
	text-transform: uppercase;
	letter-spacing: 0.05em;
    border-color: #000;
}


.read_more {
    display: inline-block;
    position: relative;
    padding-right: 2.143rem;
    font-size: .93rem;
    font-weight: 700;
    line-height: 2.143rem;
    color: #72b08d !important;
    text-decoration: none;
}

/* Nav Bar */

.nav, .nav-bar, .nav-item, .nav-link, a.nav-link {
	font-family: "Source Sans 3", sans-serif;
	font-size: 0.9rem !important;
	font-weight: 500;
	font-style: normal;
	letter-spacing: 0.05em;
	text-transform: uppercase;
}

.nav-item  {
	padding-left: 0px;
	padding-right: 0px;
}

#_navigationPrimary {
	padding-right: 0px;
}

.logo {
	margin-right: -40px;	/* breites Logo vorgesehen, wird aber nicht benötigt und verdrängt ansonsten die Navbar */
}

#header > div > nav.navbar.navbar-expand-lg.navbar-dark.scrolling-navbar.d-flex.flex-column.shadow-0 > div {
	padding: 0px;
}

#_navigationUser {
	padding-left: 0px !important;
}



.navbar-dark .navbar-nav .nav-link {
    color: hsla(0, 0%, 0%, .75) !important;
}

.navbar-dark:hover .navbar-nav:hover .nav-link:hover {
    color: hsla(0, 0%, 0%, .95) !important;
}

#header {						/* Header bei Aufruf der Seite */
    background: rgb(169,200,183);

}

#header.header-scrolled {		/* Header Sticky Scrolldown */
    background: rgb(169,200,183);
    height: 60px;
}

i.fas.fa-globe, i.fas.fa-search {		/* Globus und Lupe als Pictogramm */
	font-family: "Font Awesome 5 Free" !important;
}

#dropdownSidebar > i {
	font-size: 24px;
}

i.fas.fa-search {	/* Lupe individuelle Größe */
		font-size: 22px;
}


/* Hero Section wird komplett ausgeblendet */

.hero-section {
	display: none !important;
}


.col-12.hero-text-image {	/* verschiebt das Titelbild nach oben */
	margin-top: 0vh;
}

#hero > div.container > div > div > div > div.col-lg-8.text-center.text-lg-start {	/* blendet die linke Titelspalte aus */
	width: 0 !important;
}

#hero > div.container > div > div > div > div.col-lg-8.text-center.text-lg-start > h1 {	/* blendet den Seitentitel aus */
	display: none;
}

#hero > div.container > div > div > div > div.col-lg-4.iphone-wrap { /* vergrößert die Box für das Titelbild auf 100% */
	width: 100%;
	height: auto;
}


#hero > div.container > div > div > div > div.col-lg-4.iphone-wrap > img {	/* skaliert das Titelbild auf die Größe der Box */
	margin-top: 0;
	margin-left: 0;
	width: 100%;
	height: auto;
}


body > main > div.page_index_journal.container > section.current_issue.pt-5.aos-init.aos-animate { /* Ausblenden der aktuellen Ausgabe */
	display: none;
}

#hero > div.container > div > div > div > div.col-lg-8.text-center.text-lg-start > p {
	display: none;
}
/* letzte Section auf der Startseite */

body > main > div.page_index_journal.container > section.cmp_announcements.highlight_first.mx-0.aos-init.aos-animate {
	border: 0px;
	border-color: rgba(0,0,0,0);
}

.pkp_page_index .cmp_announcements>.obj_announcement_summary:before, .more:before {	/* dünne graue Linien weg */
	border-left: 0px solid #ddd !important;
}

/* Inhalt auf Startseite */


@media (min-width: 1200px) {	/* Breite der gesamten Seite limitiert auf 990px */
    main .page {
        max-width:990px !important;
    }
}

@media (min-width: 1400px) {	/* Breite der gesamten Seite limitiert auf 990px */
    main .page {
        max-width: 990px !important;
    }
}

body > main > div.page_index_journal.container > div > p:nth-child(1) > img {
	float: left;
	margin-right: 25px;
}


.pkp_page_index .additionaladditional_content {
	border-top: 0px solid #fff !important;
}

.additional_content {
	padding-top: 79px !important;	/* Border-Rundungsfehler ausgleichen mit -1 */
}


.galleys {
	border-top: 0px solid #fff !important;
	border-bottom: 0px solid #fff !important;

}

.section, .accordion-item {
	border-top: 0px solid #fff !important;

}


@media (min-width: 1200px) {
	.section_slider {		/* Section für Slider auf Startseite ab 1200 px */
		margin: 0 auto;
		max-height: 70vh;
		padding-top: 18px;
	}
}

@media (max-width: 1199px) {
	.section_slider {		/* Section für Slider auf Startseite unterhalb von 1200 px */
		margin: 0 auto;
		padding-top: 18px;
		display: flex;
	    justify-content: center;
	    align-items: center;
	    overflow: hidden;
	}
	.section_slider img {
		flex-shrink: 0;
	    min-width: 100%;
	    object-fit: cover;
	   	width: 50px;
	   	height: auto;
	}
}


.section_intro {		/* Section für Magazintitel */
	display: block;
	margin: 0 auto;
	width: 100%;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 16px;
	padding-bottom: 12px;
	text-align: center;

}

@media (min-width: 481px) {
	.obj_issue_summary {	/* Zusammenfassung auch für Archiv */
	    float: left;
        width: auto;
        height: auto;
        margin-right: 20px;
		margin-left: 0px;
		padding-bottom: 20px;
        margin-right: 1.43rem;
	}
}

@media (max-width: 480px) {
	.page_issue_archive .issues_archive>li {
		padding-bottom: 40px;
	}
	.ob_issue_summary {
		margin-right: 0px !important;
		padding-bottom: 40px;
	}
	body > main > div.page.page_issue_archive.container > ul > li > div > h2 {
		padding-left: 20px;
	}
	body > main > div.page.page_issue_archive.container > ul > li > div > div {
		padding-left: 0px;
	}
	.obj_issue_summary .cover img {
		max-height: 600px;
	}
	.obj_issue_summary .cover {
		margin-bottom: 0px;
	}
}

@media (max-width: 390px) {
	.obj_issue_summary .cover img {
		max-height: 480px;
	}
}


@media (max-width: 480px) { /* DIV für Covermotiv linksbündig im Textfluss */
    .cover {
        float: none;
        min-width: 100%;
        height: auto;
        margin-left: 0px;
        padding-right: 20px;
        padding-left: 20px;
        padding-bottom: 20px;
        display: flex;
        justify-content: center;
	    align-items: center;
	    overflow: hidden;
    }
    .cover img {
    	flex-shrink: 0;
    	max-width: 100%;
    	max-height: 480px;
    	object-fit: cover;
    }
}

@media (min-width: 481px) {
   .cover {
        float: left;
        width: auto;
        height: auto;
        margin-right: 20px;
		margin-left: 0px;
		padding-bottom: 20px;
        margin-right: 1.43rem;
    }
}

@media (min-width: 768px) {
    .obj_issue_summary:before, .obj_issue_summary:after {
        content: " ";
        display:table;
    }

    .obj_issue_summary .cover {
        float: left;
        width: auto;
        height: auto;
        margin-right: 1.43rem;
    }
}	/* <-- FIX: dieser schließende Brace fehlte in Variante A */


body > main > div.page_index_journal.container > div > section.section_intro > h2 {
	font-family: "Source Serif 4", serif;
	font-optical-sizing: auto;
	font-weight: 700;
	font-style: normal;
	color: #000000;
}

body > main > div.page_index_journal.container > div > section.section_intro > h2 > em {	/* grüner Text im Magazintitel auf Startseite */
	font-family: "Source Serif 4", serif;
	font-optical-sizing: auto;
	font-weight: 700;
	font-style: normal;
	color: rgb(169,200,183);
}


.section_green {
	display: block;
	margin: 0 auto;
	width: 100%;
	padding-top: 16px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 20px;
	background: #ebf7f0;	/* hellgrüner Hintergrund für Section auf Startseite */
}

@media (max-width: 480px) {
	.section_green {
		margin-bottom: 20px;
		padding-right: 0px;
	}
	.section_white {
		padding-right: 0px;
	}
}

@media (min-width: 481px) {
	.section_white {
		display: block;
		margin: 0 auto;
		width: 100%;
		padding-top: 16px;
		padding-bottom: 0px;
		padding-left: 0px;
		padding-right: 20px;
		background: #ffffff;	/* weißer Hintergrund für Section auf Startseite */
	}
}

.section_online {
	display: block;
	margin: 0 auto;
	width: 100%;
	padding-top: 16px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 20px;
	border-top:  1px solid black;
	background: #ffffff;	/* weißer Hintergrund für Section auf Startseite */
}

/* Einrückungen von Texten aller Art innerhalb von sections white und green */

.section_white p, .section_white h1, .section_white h2, .section_white h3, .section_white h4, .section_white h5, .section_white ul, .section_green p, .section_green h1, .section_green h2,  .section_green h3,  .section_green h4,  .section_green h5, .section_green ul  {		/* Einrückung des Textes in Abschnitten */
	padding-left: 20px;
}

section.item.abstract > p {		/* Einrückungen auf 0 bei Standard-Seiten ohne Sections */
	padding-left: 0px;
	padding-right: 0px;
}

body > main > div.page > p {	/* Einrückungen auf 0 bei Standard-Seiten ohne Sections */
	padding-left: 0px;
	padding-right: 0px;
}

.section_white ul, .section_green ul {		/* Aufzählungspunkt von Listeneinträgen wird in die Liste eingezogen, ansonsten liegt der Punkt außerhalb (std) */
	list-style-position: inside;
}

ol, .ol {
	padding-left: 20px;
}

body > main > div.page.page_submissions.container > ol > li > p {
	padding-left: 0px;
}


/* Sprachumschaltung */

._pkp_structure_sidebar.list-unstyled.container {
	display: flex;
	max-width: 100%;
	padding: 0;
	margin: 0;
	justify-content: center; /* Zentriert die Inhalte horizontal */
	align-items: center;     /* Zentriert die Inhalte vertikal */
	height: 100px;           /* Setze eine Höhe für die Flexbox */
}

._pkp_structure_sidebar.list-unstyled.container li {
	padding-left: 1em;
	padding-right: 1em;
}
/* Content */

.published {
	display: none;	/* blendet Veröffentlichungs-Datum aus */
}

.obj_announcement_summary {
	display: none;	/* blendet Call for Papers aus */
}


.page_index_journal.container {
	margin-bottom: 5vh;
}

/* Archiv */


.page_issue_archive .issues_archive {
     border-top: 1px solid #444 !important;
}

.page_issue_archive .issues_archive>li {		/* verändert graue Linien */
	border-bottom: 1px solid #444;
}

@media (max-width: 990px) {
	.page_issue_archive .issues_archive>li {
	border-bottom: 0px solid #444;
	}
}




/* Footer */

.footer {
	background-color: #000000;
	padding-top: 11px;
	padding-bottom: 22px;
}

body > footer > div > ul {
	display: flex;
	color: #000000;
	list-style-type:none;
	margin: 0;
	padding: 0;
	justify-content: center; /* Zentriert die Inhalte horizontal */
	align-items: center;     /* Zentriert die Inhalte vertikal */
	height: 66px;           /* Setze eine Höhe für die Flexbox */
}

body > footer > div > ul > li {
	padding-left: 1em;
	padding-right: 1em;
}

body > footer > div > ul > li > a {
	font-family: "Source Sans 3", sans-serif !important;
	font-weight: 400;
	font-style: normal;
}


body > footer > div > ul > li:nth-child(1) > a, body > footer > div > ul > li:nth-child(2) > a, body > footer > div > ul > li:nth-child(3) > a {
	color: #72b08d;
}

.credits {
	display: none;
}

.copyright, .copyright a {
	color: #999999 !important;
}

a.copyright:hover {
	color: #ffffff;
}

/* MOBILE FOOTER */
@media (max-width: 768px) {
	body > footer > div > ul > li {
		padding-left: 0.1em;
		padding-right: 0.1em;
	}
	.footer.container {
		margin-left: 0.1em;
		margin-right: 0.1em;
		padding-left: 0px;
		padding-right: 0px;
	}
}

/* AGEM */

@media (max-width: 768px) {

	body > footer > div {
		padding-left: 0px;
		padding-right: 0px;
		margin-left: 0px;
		margin-right: 0px;
	}
	body > footer > div > ul > li:nth-child(1) {
		width: 110px;
		height: 33px;
		padding-top: 4px;
		overflow: hidden;
	}
	body > footer > div > ul > li:nth-child(1) > a > img {
		margin-top: 0px;
		margin-left: 0px;
	}
}

/* Become a member Button */

@media (min-width: 990px) {
	body > footer > div > ul > li:nth-child(2) > a {	/* Become a member Button */
		color: #000;
		background: rgb(169,200,183);
		padding-top: 8px;
		padding-bottom: 8px;
		padding-left: 24px;
		padding-right: 24px;
		margin-right: 48px;
		border-radius: 4px;
	}
}

@media (max-width: 989px) {
	body > footer > div > ul > li:nth-child(2) > a {
		font-size: 0.9em;
	}
	body > footer > div > ul > li:nth-child(2) > a {	/* Become a member Button */
		color: #000;
		background: rgb(169,200,183);
		padding-top: 6px;
		padding-bottom: 6px;
		padding-left: 6px;
		padding-right: 6px;
		margin-left: -20px;
		margin-right: 6px;
		border-radius: 2px;
	}
}

/* DFG */

@media (max-width: 768px) {
	body > footer > div > ul > li:nth-child(3) {
	width: 44px;
	height: 33px;
	overflow: hidden;
	}
	body > footer > div > ul > li:nth-child(3) > a > img {
	margin-top: 2px;
	}
}