/* 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;
}

/* Gegengewicht zum *-Selektor oben: der trifft JEDES Element direkt und schlägt
   damit die Vererbung — Links im Serifen-Fließtext würden serifenlos und jedes
   <em> gerade gestellt (auch innerhalb von Links). Beides hier zurückgeholt.
   Navigation, Buttons und Footer haben eigene, spezifischere Regeln und bleiben
   unberührt; i[class] bleibt ausgespart, weil FontAwesome darüber Icons setzt. */
a {
	font-family: inherit;
}
em, i:not([class]) {
	font-style: italic;
	font-family: inherit;
	font-weight: inherit;	/* Fett des Elternelements behalten */
}
strong, b {
	font-weight: 700;
	font-style: inherit;	/* Kursive des Elternelements behalten */
	font-family: inherit;
}

/* Aus Word/Outlook kopierte Inhalte schleppen Inline-Angaben wie
   font-family:'Arial' oder font-size:11pt mit. Dadurch stehen Absätze derselben
   Liste in verschiedenen Schriften nebeneinander (Arial wirkt bei gleicher
   Pixelgröße deutlich kleiner als die Journal-Schrift). Hier werden solche
   Reste im Seiteninhalt neutralisiert, damit alles die Journal-Typografie erbt.
   Die zweite Regel braucht !important, weil Inline-Styles sonst gewinnen.
   Betrifft nur `.page` — Navigation, Buttons und der Artikel-iframe bleiben
   unberührt. */
.page span,
.page a,
.page font {
	font-family: inherit;
}
.page [style*="font-family"],
.page [style*="font-size"] {
	font-family: inherit !important;
	font-size: inherit !important;
}

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;
	font-style: inherit;	/* Kursive des Elternelements behalten */
}

/* Kursiv wiederherstellen: der globale *-Selektor setzt font-style:normal (und
   font-family:Sans) auf JEDES Element — das stellt sonst jedes <em>/<i> gerade
   und macht es serifenlos. Hier: kursiv, Schriftart vom Umfeld erben (Serif im
   Zitat/Fließtext, Sans in der Bibliographie). Betrifft z. B. „et al." im Zitat. */
.curare-doc-article em,
.curare-doc-article i {
	font-style: italic;
	font-family: inherit;
	font-weight: inherit;	/* Fett des Elternelements behalten */
}

.curare-doc-article p.caption {	/* Bildunterzeile / figure captions in Sans,
				   linksbündig und über die volle Satzbreite, damit
				   sie seltener auf zwei Zeilen umbrechen */
	font-family: "Source Sans 3", sans-serif;
	font-size: 80%;
	text-align: left;
	color: #999999;
	margin-left: 0;
	margin-right: 0;
}

/* Bild und Bildunterzeile gehören zusammen: innen eng, außen viel Luft.
   Der enge Abstand Bild -> Unterzeile ist das Maß, an dem sich der (größere)
   Abstand zum Fließtext orientiert. */
.curare-doc-article p:has(img) {
	margin-top: 2.5em;		/* Luft zum Text davor */
	margin-bottom: 0.6em;		/* eng zur Bildunterzeile */
}
/* Zwei Beschriftungs-Zeilen mit Abstand trennen */
.curare-doc-article p.caption + p.caption { margin-top: 0.5em; }
/* Größerer Abstand zwischen Beschriftung 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;
}
/* Zwischenüberschriften: gleiche Schriftgröße wie der Fließtext, die Ebenen
   unterscheiden sich nur über die Fettung (h4 zusätzlich kursiv). */
.curare-doc-article h2 { font-size: 1em; font-weight: 700; margin: 1.8em 0 0.4em; padding-left: 20px; padding-right: 20px; }
.curare-doc-article h3 { font-size: 1em; font-weight: 600; margin: 1.6em 0 0.4em; padding-left: 20px; padding-right: 20px; }
.curare-doc-article h4 { font-size: 1em; font-weight: 400; font-style: italic; margin: 1.4em 0 0.4em; padding-left: 20px; padding-right: 20px; }

/* Fließabsätze: erster Absatz bündig, jeder folgende mit Erstzeileneinzug,
   keine Leerzeile dazwischen (klassischer Buchsatz). Die Klassen .bodytext/
   .runon vergibt der Converter nach dem Entfernen leerer Absätze — robust über
   alle Absatz-Vorlagen hinweg (auch das nackte <p> der Standard-Vorlage). */
.curare-doc-article p.bodytext { text-indent: 0; margin-top: 0; margin-bottom: 0; }
.curare-doc-article p.runon    { 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;
	margin-top: 1em;
	margin-bottom: 1em;
}
/* Aufeinanderfolgende Zitate ohne Leerzeile dazwischen.
   (Beide Seiten nötig: benachbarte Margins kollabieren auf den größeren Wert.) */
.curare-doc-article blockquote + blockquote        { margin-top: 0; }
.curare-doc-article blockquote:has(+ blockquote)   { margin-bottom: 0; }
/* Eingerücktes Zitat: neue Absatzzeile im Zitat -> erste Zeile eingerückt */
.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;

}


/* Slider auf der Startseite.
   Bis 600 px: volle Breite des Abschnitts.
   Ab 600 px: exakt so breit wie die Selbstbeschreibung darunter. Deren Kasten
   ist 800 px, hat aber 20 px Innenabstand links und rechts — der sichtbare Text
   läuft also 760 px. Der Abschnitt bekommt denselben Innenabstand, das Bild
   dieselbe Höchstbreite; damit stehen beide Außenkanten übereinander. */
@media (max-width: 599px) {
	.section_slider {
		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;
	}
}

@media (min-width: 600px) {
	.section_slider {
		margin: 0 auto;
		max-height: 70vh;
		padding-top: 18px;
		padding-left: 20px;	/* wie der Fließtext darunter */
		padding-right: 20px;
		display: block;
	}
	.section_slider img {
		display: block;
		width: 100%;
		max-width: 760px;	/* = 800 px Textkasten minus 2 × 20 px Innenabstand */
		height: auto;
		min-width: 0;		/* hebt das min-width:100% der alten Regel auf */
		object-fit: fill;
		margin-left: auto;
		margin-right: auto;
	}
}


/* Zwei klare Satzbreiten auf der Startseite statt vier gestaffelter:
   1200 px für Slider und Current Issue (bündige Außenkanten), 800 px für die
   Selbstbeschreibung als bewusst schmalerer Lesetext. */
.section_intro,
.section_slider,
.additional_content {
	max-width: 1200px;
	margin-left: auto;
	margin-right: 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;

}

.section_intro p {		/* Selbstbeschreibung: schmaler, mittig, mit Silben-
				   trennung. Die Trennung ist die Voraussetzung für den
				   Blocksatz unten — ohne sie reißt er große Löcher. */
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	hyphens: auto;
	-webkit-hyphens: auto;
	hyphenate-limit-chars: 8 4 4;
}

/* Blocksatz erst ab ausreichender Zeilenlänge: dort sind die Wortlücken dank
   Silbentrennung unauffällig (gemessen 8,4 px = 1,4-facher Wortabstand).
   Auf schmalen Displays bleibt es beim Flattersatz — dort reißt Blocksatz
   sonst Löcher bis zum 4,5-fachen Wortabstand. */
@media (min-width: 700px) {
	.section_intro p {
		text-align: justify;
	}
}

@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 */
	flex-wrap: wrap;         /* Umbrechen statt überlappen, sobald es eng wird */
	min-height: 66px;        /* war eine feste Höhe — die verhindert den Umbruch */
}

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;
	}
	/* Die Fußzeile zwang zuvor alle sechs Elemente in EINE Zeile: AGEM- und
	   DFG-Logo wurden per overflow:hidden auf 110 bzw. 44 px beschnitten und der
	   Button per margin-left:-20px darübergeschoben. Auf dem iPhone überlagerten
	   sich Logo, Button und Förderhinweis. Jetzt bricht die Zeile um und die
	   Logos bleiben vollständig. Geprüft 320–1600 px: keine Überlappung. */
	body > footer > div > ul {
		height: auto;
		row-gap: 16px;
		column-gap: 14px;
		padding-top: 8px;
		padding-bottom: 4px;
	}
	body > footer > div > ul > li,
	body > footer > div > ul > li:nth-child(1),
	body > footer > div > ul > li:nth-child(3) {
		flex: 0 0 auto;		/* nicht schrumpfen — sonst ragen die Bilder aus ihrem Kasten */
		width: auto;
		height: auto;
		overflow: visible;
		padding: 0;
		margin-bottom: 0;
		display: flex;
		align-items: center;
	}
	body > footer > div > ul > li > a > img,
	body > footer > div > ul > li:nth-child(1) > a > img,
	body > footer > div > ul > li:nth-child(3) > a > img {
		max-width: 100%;
		height: auto;
		margin: 0;
	}
	body > footer > div > ul > li:nth-child(1) > a > img {
		width: 170px;		/* so passen Logo und Button ab 320 px nebeneinander */
	}
}

/* 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: 0;
		margin-right: 0;
		border-radius: 2px;
	}
}

/* DFG */

@media (max-width: 768px) {
	body > footer > div > ul > li:nth-child(3) > a > img {
		margin-top: 0;
	}
}


/* Video im Artikel (Zwei-Klick-Lösung).
   Vor dem Klick steht dort nur ein Vorschaufeld — es geht KEINE Anfrage an
   YouTube, Vimeo oder Dailymotion hinaus, es werden keine Cookies gesetzt.
   Erst der Klick lädt den Player nach. Ohne JavaScript bleibt ein gewöhnlicher
   Link auf die Videoseite stehen. Das 16:9-Feld steht über padding-bottom
   statt aspect-ratio, damit es auch in älteren Browsern nicht zusammenfällt. */
.curare-doc-article figure.video,
.curare-doc-article figure.video * {
	box-sizing: border-box;	/* die Galley lädt nur diese Datei, ohne den
				   Reset des Themes — sonst addiert sich der
				   Innenabstand auf die Breite und der Inhalt
				   sitzt aus der Mitte */
}
.curare-doc-article figure.video {
	margin: 2.5em 0 0.6em;
}
.curare-doc-article .video-buehne {	/* Seitenverhältnis und Standbild setzt der
					   Konverter je Video als style-Angabe */
	position: relative;
	width: 100%;
	aspect-ratio: 16 / 9;		/* Rückfallwert, wird überschrieben */
	overflow: hidden;
	background-color: #1c1c1c;
}
.curare-doc-article .video-buehne > a.video-embed,
.curare-doc-article .video-buehne > iframe.video-rahmen {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0;
}
.curare-doc-article .video-buehne > iframe.video-rahmen {
	display: block;
}
/* Gleiche Spezifität wie die Positionierungsregel darüber — sonst schlüge deren
   display die Flex-Zentrierung und der Knopf säße in der Ecke. */
.curare-doc-article .video-buehne > a.video-embed {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 0.7em;
	padding: 0.8em;
	text-align: center;
	text-decoration: none;
	color: #ffffff;
	background: #1c1c1c;
	transition: background-color 0.15s ease;
}
.curare-doc-article .video-buehne > a.video-embed.hat-bild {	/* das Standbild liegt darunter */
	background: transparent;
}
.curare-doc-article .video-buehne > a.video-embed:hover,
.curare-doc-article .video-buehne > a.video-embed:focus {
	background: #2c2c2c;
	color: #ffffff;
	text-decoration: none;
}
.curare-doc-article .video-buehne > a.video-embed.hat-bild:hover,
.curare-doc-article .video-buehne > a.video-embed.hat-bild:focus {
	background: rgba(0,0,0,0.25);
}
.curare-doc-article .video-buehne > a.video-embed:focus-visible {
	outline: 3px solid #ffffff;
	outline-offset: -3px;
}
.curare-doc-article .video-play {
	/* !important, weil die Grundmaße im Markup stehen (damit das Feld auch ohne
	   dieses Stylesheet anklickbar ist) — hier kommt die mitwachsende Größe. */
	flex: 0 0 auto;
	width: clamp(40px, 11%, 64px) !important;
	aspect-ratio: 1 / 1;
	height: auto !important;
	min-height: 40px;
	border-radius: 50%;
	background: rgb(169,200,183);
	position: relative;
	transition: transform 0.15s ease;
}
.curare-doc-article a.video-embed.hat-bild .video-play {
	background: rgba(0,0,0,0.6);
}
.curare-doc-article a.video-embed:hover .video-play {
	transform: scale(1.08);
}
.curare-doc-article .video-pfeil {	/* Abspiel-Dreieck; Grundmaße stehen im
					   Markup, hier wächst es mit dem Feld mit */
	border-width: 0.55em 0 0.55em 0.9em !important;
	font-size: clamp(14px, 2.2vw, 22px);
}
.curare-doc-article .video-titel {
	font-family: "Source Sans 3", sans-serif;
	font-weight: 700;
	font-size: clamp(0.8rem, 2.2vw, 1.05rem);
	line-height: 1.3;
	color: #ffffff;
}
.curare-doc-article .video-buehne.video-laedt::after {	/* abdunkeln, solange geladen wird */
	content: "";
	position: absolute;
	top: 0; left: 0; right: 0; bottom: 0;
	background: rgba(0,0,0,0.45);
	z-index: 1;
}
.curare-doc-article .video-laden {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 44px;
	height: 44px;
	margin: -22px 0 0 -22px;
	border: 3px solid rgba(255,255,255,0.3);
	border-top-color: #ffffff;
	border-radius: 50%;
	z-index: 2;
	animation: video-dreh 0.8s linear infinite;
}
@keyframes video-dreh { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) {
	.curare-doc-article .video-play { transition: none; }
	.curare-doc-article a.video-embed:hover .video-play { transform: none; }
	.curare-doc-article .video-laden { animation-duration: 2.4s; }
}
.curare-doc-article figure.video figcaption.caption {
	margin-top: 0.5em;
}