/*! HTML5 Boilerplate v9.0.1 | MIT License | https://html5boilerplate.com/ */

/* main.css 3.0.0 | MIT License | https://github.com/h5bp/main.css#readme */
/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html {
  color: #222;
  font-size: 1em;
  line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * Customize the background color to match your design.
 */

::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}

::selection {
  background: #b3d4fc;
  text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */

audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
  resize: vertical;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

body {
	 font-family: 'IBM Plex Sans';
	 margin: 0;
	 padding: 0;
}

.ui-widget {
	font-family: 'IBM Plex Sans';
}

.mass {
	width: 1660px;
	margin: 0 auto;
}

.blaue-linie {
	background: #1d2b42;
	padding: 15px 0px 0px 0px;
}

.logo img {
	float: left;
	margin-right: 5px;
}


.logo img:nth-child(2),
.logo img.marged {
	margin-top: 40px;
}

.ganz {
	width: 100%;
}

.mleft5 {
	margin-left: 5px;
}

.mright5 {
	margin-right: 5px;
}

.labelleft {
	float: left;
	margin-right: 5px;
}

.fleft {
	float: left;
}

.fright {
	float: right;
}

.suchen-und-sprachen {
    width: 25%;
 	margin-top: 10px;	
}

.suchen {
     
}

.suchen input[type="search"],
.suchen input[type="text"] {
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	border: 0;
	padding: 7px;
	

}

.suchen .form-item-search-api-fulltext {
	display: inline-block;
	float: left;
	margin-right: 10px;
}

.suchen label, .suchen .description {
    font-weight: 300;
    color: #fff;
	display: block;
	clear: both;
	margin-top: 0px;
}

.suchen .form-actions {
	float: left;
}

.suchen input[type="button"],
.suchen input[type="submit"] {
	width: 32px;
	height: 32px;
	background: url('../img/1_Lupe.png')0 0 no-repeat;
	background: url('../img/1_Lupe.svg')0 0 no-repeat;
	font-size: 0;
	border: none;
}

.suchen input[type="button"]:hover,
.suchen input[type="submit"]:hover {
	background: url('../img/1_Lupe-oben.png')0 0 no-repeat;
	background: url('../img/1_Lupe-oben.svg')0 0 no-repeat;
	cursor: pointer;
}

.reihe ul li {
	display: inline-block;
}

.keinkugel ul, .keinkugel ol {
	margin: 0;
	padding: 0;
	list-style: none;
}

.sprachen ul li a {
	color: #fff;
	font-size: 1.2em;
	font-weight: 300;
	transition: 0.3s all ease;
	padding: 0 5px;
	line-height: 1em;
}

.sprachen ul li a:hover,
.sprachen ul li a.is-active {
	color: #b1b1bb;
}

.sprachen {
	margin-top: 30px;
}

.sprachen ul li {
	padding: 0 5px;
}

.sprachen ul li:first-child {
	border-right: 1px solid #fff;
}

.haupt {
	/*padding: 10px 0px;*/
	background: #f2f2f2;
}

.haupt-links {
	width: 65%;
	margin-top: 20px;
	margin-bottom: 20px;
}

.seitentitel-und-einleitung h1,
.seitentitel-und-einleitung h4 {
	font-size: 1.8em;
}

.seitentitel-und-einleitung p {
	font-size: 1.1em;
	max-width: 70%;
}


h1,h2,h3,h4,h5,h6 {
	margin: 0;
	font-weight: 500;
	font-style: normal;
}

.hauptmenue ul li a,
.user-login-form .form-actions input,
.user-pass .form-actions input {
	padding: 7px 15px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	color: #fff;
	transition: 0.3s all ease;
	font-size: 1.1em;
	border: none;
}

.hauptmenue ul li a.ausgaben,
.user-login-form .form-actions input,
.user-pass .form-actions input {
	background: #002f5f;
}

.hauptmenue ul li a.schicken:hover {
	background-color: #002f5f;
}

.hauptmenue ul li {
	margin-right: 10px;
}

.hauptmenue ul li a.schicken {
	background: url('../img/1_Weisser_Klammer.png')left center no-repeat;
	background: url('../img/1_Weisser_Klammer.svg')left center no-repeat;
	background-color: #b19401;
	padding: 7px 15px 7px 30px;
}

.hauptmenue ul li a.ausgaben:hover,
.user-login-form .form-actions input:hover,
.user-pass .form-actions input:hover {
	background: #b19401;
}

a {
	text-decoration: none;
}

.oben {
	margin-top: 10px;
}

.oben30 {
	margin-top: 30px;
}

.oben50 {
	margin-top: 50px;
}

.haupt-rechts {
	width: 25%;
	margin-top: 20px;
	margin-bottom: 20px;
}

.ausgabe-bild {
	float: left;
	width: 40%;
}

.ausgabe-daten {
	width: 55%;
	float: left;
}

.ausgabe-daten a {
	color: #002f5f;
	transition: 0.3s all ease;
}

.ausgabe-daten a:hover {
	color: #b19401;
}

.die-menues {
	background: #1d2b42;
	padding: 10px 0;
}

.soziel {
	margin-right: 190px;
}

.soziel a {
	width: 36px;
	height: 36px;
	font-size: 0;
	display: inline-block;
	line-height: 20px;
}

.soziel ul li {
	margin-right: 5px;
}

.soziel a.fb {
	background: url('../img/1_FB_weiss.png')0 0 no-repeat;
	background: url('../img/1_FB_weiss.svg')0 0 no-repeat;
}

.soziel a.fb:hover {
	background: url('../img/1_FB_gold.png')0 0 no-repeat;
	background: url('../img/1_FB_gold.svg')0 0 no-repeat;
}

.soziel a.in {
	background: url('../img/1_IN_weiss.png')0 0 no-repeat;
	background: url('../img/1_IN_weiss.svg')0 0 no-repeat;
}

.soziel a.in:hover {
	background: url('../img/1_IN_gold.png')0 0 no-repeat;
	background: url('../img/1_IN_gold.svg')0 0 no-repeat;
}

.soziel a.ld {
	background: url('../img/1_LD_weiss.png')0 0 no-repeat;
	background: url('../img/1_LD_weiss.svg')0 0 no-repeat;
}

.soziel a.ld:hover {
	background: url('../img/1_LD_gold.png')0 0 no-repeat;
	background: url('../img/1_LD_gold.svg')0 0 no-repeat;
}


.soziel a.tw {
	background: url('../img/1_TW_weiss.png')0 0 no-repeat;
	background: url('../img/1_TW_weiss.svg')0 0 no-repeat;
}

.soziel a.tw:hover {
	background: url('../img/1_TW_gold.png')0 0 no-repeat;
	background: url('../img/1_TW_gold.svg')0 0 no-repeat;
}

.soziel a.rss {
	background: url('../img/1_RSS_weiss.png')0 0 no-repeat;
	background: url('../img/1_RSS_weiss.svg')0 0 no-repeat;
}

.soziel a.rss:hover {
	background: url('../img/1_RSS_gold.png')0 0 no-repeat;
	background: url('../img/1_RSS_gold.svg')0 0 no-repeat;
}

.inhalt-halter {
	width: 70%;
}

.rechte-spalte {
	width: 25%;
}

.rechte-spalte h2 {
  font-size: 1.3em;	
  margin-bottom: 10px;
  color: #1d2b42;
}	

.oben20 {
	margin-top: 20px;
}

.inhalt-block {
	float: left;
	width: 100%;
	margin-bottom: 30px;
}

.untern-dem-inhalt .inhalt-block {
	margin-bottom: 3px;
}	

.der-inhalt .inhalt-block h2 {
	font-size: 1.3em;
}

.inhalt-block.ueberschrift {
	margin-bottom: 10px;
}

.inhalt-block .block__content {
	width: 96%;
	padding: 2%;
	background: #f2f2f2;
	float: left;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}

.inhalt-halter .grauhg .block-content,
.inhalt-halter .grauhg .node-content {
	width: 96%;
	padding: 2%;
	background: #f2f2f2;
}

.inhalt-halter .letzte-ausgabe .block-content {
	width: 96%;
	padding: 2%;
	background: #f2f2f2;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}

.der-inhalt a, .spalte-block a,
.untern-dem-inhalt a, .broekchen a {
	color: #002f5f;
}

.untern-dem-inhalt .inhalt-block p {
	font-size: 1.1em;
	margin: 0.5em 0;
}

.untern-dem-inhalt .ui-widget-content {
	width: 96%;
	padding: 2%;
	background: #f2f2f2;
}

.untern-dem-inhalt .inhalt-block a {
	font-weight: 500;
}

.der-inhalt a:hover,
.spalte-block a:hover,
.untern-dem-inhalt a:hover,
.broekchen a:hover {
	color: #b19401;
}

.der-inhalt p {
	font-size: 1.1em;
	margin: 0.5em;
}

h3.ui-accordion-header,
.views-accordion-header {
	display: block;
	color: #fff;
	padding: 10px 10px 10px 20px;
	font-size: 1.3em;
	background: url('../img/1_Pfeil-nach-rechts.png')99% center no-repeat;
	background: url('../img/1_Pfeil-nach-rechts.svg')99% center no-repeat;
	background-color: #002f5f;
	border: none;
}

.collapsiblockTitle a,
.collapsiblockTitle a:hover,
div .collapsiblockTitle button:hover {
	color: #fff;
}

div .collapsiblockTitle button {
	background: url('../img/1_Pfeil-nach-unten.png')99% center no-repeat;
	background: url('../img/1_Pfeil-nach-unten.svg')99% center no-repeat;
	background-color: #b19401;
	display: block;
	padding: 10px 10px 10px 20px;
	color: #fff;
	font-size: 1.1em;
	font-weight: 300;
}

div .collapsiblockTitleCollapsed button {
	background-image: none;
	display: block;
	padding: 10px 10px 10px 20px;
	background: url('../img/1_Pfeil-nach-rechts.png')99% center no-repeat;
	background: url('../img/1_Pfeil-nach-rechts.svg')99% center no-repeat;
	background-image: url('../img/1_Pfeil-nach-rechts.png')99% center no-repeat;
	background-image: url('../img/1_Pfeil-nach-rechts.svg')99% center no-repeat;
	background-color: #002f5f;
	color: #fff;
}

/*.collapsiblockTitle button {
	color: #fff;
}*/



.ui-widget-content {
	border: none;
}

h3.ui-state-active, .views-accordion-header.ui-state-active {
	background: url('../img/1_Pfeil-nach-unten.png')99% center no-repeat;
	background: url('../img/1_Pfeil-nach-unten.svg')99% center no-repeat;
	background-color: #b19401;
}

.letzte-ausgabe img {
	float: left;
	margin: 0px 10px 10px 0px;
}

.letzte-ausgabe h2 {
	padding-bottom: 5px;
	border-bottom: 1px solid #000;
	margin-bottom: 10px;
}

.artikel-reihe {
	width: 100%;
	float: left;
	padding-bottom: 10px;
	border-bottom: 1px dotted #999999;
	margin: 10px 0;
	font-size: 1.1em;
}

.zitation-reihe {
	width: 100%;
	float: left;
	margin-bottom: 10px;
}

.artikel-reihe h3 {
	font-size: 1.1em;
}

.artikel-reihe.tags {
	border-bottom: 1px dotted #1d2b42;
}

.spalte-block {
	width: 100%;
	float: left;
	margin-bottom: 45px;
}

.spalte-block .block__content,
.spalte-block .block-content {
	width: 92%;
	padding: 3%;
	background: #f2f2f2;
	border-top: 3px solid #b1b1bb;
	float: left;
}

.spalte-block.citescore .block__content,
.spalte-block.citescore .block-content {
	background: #fff;

}

.spalte-block.citescore {
	
}

.strong {
    font-style: normal;
    font-weight: 500;
}

span.angezeigt {
	color: #b19401;
}

.unten {
	margin-bottom: 10px;
}

.unten20 {
	margin-bottom: 20px;
}

.block-tabs-nav a,
.artikel ul.quicktabs-tabs li a,
.daten-zum-artikel ul.quicktabs-tabs li a {
	padding: 40px 10px 5px 10px;
	border-bottom: 3px solid #fff;
	font-weight: 500;
	color: #002f5f;
	font-size: 1.2em;
}

.block-tabs-nav a.trending,
ul.quicktabs-tabs li.trending a  {
	background: url('../img/1_Blitz_blau.png')top center no-repeat;
	background: url('../img/1_Blitz_blau.svg')top center no-repeat;
}

.block-tabs-nav a.trending.is-active,
.block-tabs-nav a.trending:hover,
ul.quicktabs-tabs li.trending a:hover,
ul.quicktabs-tabs li.trending.active a {
	background: url('../img/1_Blitz_gold.png')top center no-repeat;
	background: url('../img/1_Blitz_gold.svg')top center no-repeat;
}

.block-tabs-nav a.latest,
ul.quicktabs-tabs li.latest a {
	background: url('../img/1_Uhr_blau.png')top center no-repeat;
	background: url('../img/1_Uhr_blau.svg')top center no-repeat;
}

.block-tabs-nav a.latest.is-active,
.block-tabs-nav a.latest:hover,
ul.quicktabs-tabs li.latest a:hover,
ul.quicktabs-tabs li.latest.active a {
	background: url('../img/1_Uhr_gold.png')top center no-repeat;
	background: url('../img/1_Uhr_gold.svg')top center no-repeat;
}

.block-tabs-nav a.most-cited,
.spalte-block ul.quicktabs-tabs li.most-cited a {
	background: url('../img/1_Blasen_blau.png')top center no-repeat;
	background: url('../img/1_Blasen_blau.svg')top center no-repeat;
}

.block-tabs-nav a.most-cited.is-active,
.block-tabs-nav a.most-cited:hover,
.spalte-block ul.quicktabs-tabs li.most-cited a:hover,
.spalte-block ul.quicktabs-tabs li.most-cited.active a {
	background: url('../img/1_Blasen_gold.png')top center no-repeat;
	background: url('../img/1_Blasen_gold.svg')top center no-repeat;
}

.block-tabs-nav a.herunterladen,
ul.quicktabs-tabs li.downloads a {
	background: url('../img/1_Herunterladen_Pfeil_blau.png')top center no-repeat;
	background: url('../img/1_Herunterladen_Pfeil_blau.svg')top center no-repeat;
}

.block-tabs-nav a.herunterladen:hover, 
.block-tabs-nav a.herunterladen.is-active,
ul.quicktabs-tabs  li.downloads.active a,
ul.quicktabs-tabs  li.downloads a:hover {
	background: url('../img/1_Herunterladen_Pfeil_gold.png')top center no-repeat;
	background: url('../img/1_Herunterladen_Pfeil_gold.svg')top center no-repeat;
}

.block-tabs-nav a.gebunden,
ul.quicktabs-tabs li.related a {
	background: url('../img/1_Gekippter_Klammer_blau.png')top center no-repeat;
	background: url('../img/1_Gekippter_Klammer_blau.svg')top center no-repeat;
}

.block-tabs-nav a.gebunden:hover, 
.block-tabs-nav a.gebunden.is-active,
ul.quicktabs-tabs li.related.active a,
ul.quicktabs-tabs li.related a:hover {
	background: url('../img/1_Gekippter_Klammer_gold.png')top center no-repeat;
	background: url('../img/1_Gekippter_Klammer_gold.svg')top center no-repeat;
}

.block-tabs-nav a.zitieren,
ul.quicktabs-tabs li.how-to-cite a {
	background: url('../img/1_Blase_blau.png')top center no-repeat;
	background: url('../img/1_Blase_blau.svg')top center no-repeat;
}

.block-tabs-nav a.zitieren:hover, 
.block-tabs-nav a.zitieren.is-active,
ul.quicktabs-tabs li.how-to-cite a:hover,
ul.quicktabs-tabs li.how-to-cite.active a {
	background: url('../img/1_Blase_gold.png')top center no-repeat;
	background: url('../img/1_Blase_gold.svg')top center no-repeat;
}

/*.artikel .views-element-container,
.daten-zum-artikel .views-element-container {
	position: relative;
	bottom: 20px;
}*/

.block-tabs-nav ul,
.artikel ul.quicktabs-tabs,
.daten-zum-artikel ul.quicktabs-tabs {
	text-align: center;
	margin: 0;
	padding: 0;
}

.der-inhalt ul.quicktabs-tabs {
	margin-left: 10px;
	padding-left: 0;
	list-style: none;
}

.der-inhalt ul.quicktabs-tabs li {
	background: none;
	padding: 0;
	margin-right: 10px;
}

.artikel .quicktabs-block-title {
	display: none;
}

.artikel ul.quicktabs-tabs,
.daten-zum-artikel ul.quicktabs-tabs {
	position: relative;
	bottom: 55px;
}

.block-tabs-nav ul li,
.artikel ul.quicktabs-tabs li,
.daten-zum-artikel ul.quicktabs-tabs li {
	margin-right: 20px;
}

.block-tabs-nav a.is-active,
.artikel ul.quicktabs-tabs li.active a,
.artikel ul.quicktabs-tabs li a:hover,
.daten-zum-artikel ul.quicktabs-tabs li a:hover,
.daten-zum-artikel ul.quicktabs-tabs li.active a  {
	color: #b19401;
	border-bottom: 3px solid #b19401;
}

.zentrum .block__content,
.zentrum {
	text-align: center;
}

.anmelden input {
	display: block;
	margin: 0 auto;
	margin-bottom: 15px;
}

.anmelden input[type="text"],
.anmelden input[type="email"] {
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	border: 1px solid #1d2b42;
	padding: 10px;
	max-width: 90%;
}

.user-login-form .js-form-item {
	margin-bottom: 10px;
}

.user-login-form input[type="text"],
.user-login-form input[type="email"],
.user-login-form input[type="password"],
.user-pass input[type="text"],
.user-pass input[type="email"] {
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	border: 1px solid #1d2b42;
	padding: 10px;
}

.anmelden .description {
	display: none;
}

.anmelden input[type="submit"],
.anmelden input[type="button"] {
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	border: none;
	padding: 10px 15px;
	font-size: 1.1em;
	background: #b19401;
	color: #fff;
	transition: 0.3s all ease;
	margin-top: 10px;
}

.anmelden input[type="submit"]:hover,
.anmelden input[type="button"]:hover {
	background: #1d2b42;
	cursor: pointer;
}

.unten-blocken {
	background: #d4b15a;
	padding: 20px 0;
}

.unten-blocken a {
	font-weight: 300;
	font-size: 1.1em;
	color: #002f5f;
}

.unten-blocken a:hover,
.unten-blocken a.is-active {
	font-weight: 500;
}

.themen ul {
    columns: 5;
    -webkit-columns: 5;
    -moz-columns: 5;
}

.ueberschrift h2, .untern-dem-inhalt .inhalt-block h2 {
	font-size: 1.3em;
	padding-bottom: 5px;
	border-bottom: 3px solid #1d2b42;
	color: #1d2b42;
	display: inline-block;
}

.untern-dem-inhalt .inhalt-block.grauhg h2 {
	padding-bottom: 0px;
	border-bottom: none;
	color: #fff;
	font-size: 1.1em;
}

.schluss {
	background: #1d2b42;
	padding: 30px 0;
	color: #fff;
}

.light {
	font-weight: 300;
}

.erste-schluss-reihe {
	width: 25%;
	margin-right: 3%;
}

.schluss-reihe {
	float: left;
	margin-right: 3%;
	min-width: 15%;
}

.schluss-reihe.letzte {
	float: left;
	margin-right: 0;
	width: 10%;
}

.schluss-reihe ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.schluss-reihe a {
	color: #fff;
	font-size: 1.1em;
	font-weight: 300;
	transition: 0.3s all ease;
}

.schluss-reihe p {
	font-size: 1.1em;
}

.schluss-reihe a:hover,
.schluss-reihe a.is-active {
	color: #b19401;
}

.schluss-reihe h2 {
	margin-bottom: 15px;
	font-weight: 400;
}

.footer-unten p {
	margin: 0;
}

.footer-unten {
	padding-top: 10px;
	border-top: 1px solid #fff;
	margin-top: 20px;
}


#back-top {
	position: fixed;
	bottom: 90px;
	right: 10px;
}

#back-top a {
	display: block;
	width: 70px;
	height: 50px;
	background: url('../img/1_Pfeil_nach_oben.png')center center no-repeat;
	background: url('../img/1_Pfeil_nach_oben.svg')center center no-repeat;
}

.daten-zum-artikel h1 {
	font-size: 1.6em;
	font-weight: 400;
	color: #1d2b42;
}

.der-inhalt h1 {
	margin-bottom: 10px;
	color: #1d2b42;
	font-size: 1.6em;
}

/*.der-inhalt {
	width: ;
}*/

.gross {
	font-size: 1.1em;
}

.leit {
	font-weight: 300;
}

.autoren a {
	font-weight: 500;
	color: #002f5f;
	font-size: 1.1em;
}

.autoren a:hover {
	color: #b19401;
}

.file-herunterladen .field-item {
	margin-bottom: 25px;
}

.daten-zum-artikel label,
.artikel label,
.statistik-reihe label,
.artikel .views-label,
.daten-zum-artikel .views-label  {
	font-weight: 500;
}

.infodata {
	float: left;
	width: 100%;
	margin-bottom: 10px;
}

.infodata .field__label {
	font-weight: 500;
	float: left;
	margin-right: 5px;
}

.infodata .field__label:after {
	content: ':';
}

.artikel label, .artikel .views-label {
	display: block;
	font-size: 1.2em;
	margin-bottom: 10px;
}

.artikel {
	width: 96%;
	margin-left: 1%;
}

.artikel .abstract {
	border-left: 3px solid #c3c8c8;
	padding-left: 10px;
}

.schluesselworter a {
	padding: 5px;
	background: #d4b15a;
	color: #002f5f;
	display: inline-block;
	margin: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	transition: 0.3s all ease;
}

.schluesselworter a:hover {
	background: #002f5f;
	color: #fff;
}

.file-herunterladen a {
	padding: 10px 0px 10px 40px;
	background: url('../img/1_Dokument_blau.png')left center no-repeat;
	background: url('../img/1_Dokument_blau.svg')left center no-repeat;
	font-weight: 500;
}

.file-herunterladen a:hover {
	background: url('../img/1_Dokument_gold.png')left center no-repeat;
	background: url('../img/1_Dokument_gold.svg')left center no-repeat;
}

.stichwoerter label, .stichwoerter .views-label {
	background: url('../img/1_Kleiner_blauer_Klammer.png')left center no-repeat;
	background: url('../img/1_Kleiner_blauer_Klammer.svg')left center no-repeat;
	padding: 5px 0px 5px 20px;
}

.hinweise, .unter-dem-ihnalt-daten {
	padding-top: 5px;
	border-top: 1px solid #b1b1bb;
}

.unter-dem-ihnalt-daten {
	border-top: 1px dotted #b1b1bb;
}

.der-inhalt {
	
}

.hinweise a {
	display: inline-block;
	margin: 5px;
	padding: 0px 20px 0px 0px;
	background: url('../img/1_Kleiner_goldner_Pfeil.png')right center no-repeat;
	background: url('../img/1_Kleiner_goldner_Pfeil.svg')right center no-repeat;
}

.statistik-reihe {
	float: left;
	margin: 3% 20px 10px 0;
}

.statistik-reihe {
	text-align: center;
	width: 20%;
}

.statistik-reihe span, .statistik-reihe label {
	display: block;
}

.gezeigt {
	padding: 80px 30px 0px 30px;
	background: url('../img/1_Blaue_Spalten.png')top center no-repeat;
	background: url('../img/1_Blaue_Spalten.svg')top center no-repeat;
}

.heruntergeladen {
	padding: 80px 30px 0px 30px;
	background: url('../img/1_Goldene_Spalten.png')top center no-repeat;
	background: url('../img/1_Goldene_Spalten.svg')top center no-repeat;
}

.doi-daten {
	padding-top: 10px;
	border-top: 1px solid #b1b1bb;
}

.broekchen {
	font-style: italic;
	font-weight: 300;
}

.broekchen ol li {
	display: inline-block;
	margin-right: 5px;
}

.broekchen:before {
	display: none;
}

.augabe-bild {
	float: left;
	width: 15%;
}

.ausgabe-titel-hinweis {
	float: left;
	width: 83%;
}

.ausgabe-titel-hinweis h3 {
	font-size: 1.3em;
}

.mehr-sehen a {
	padding: 5px 10px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	font-size: 1.1em;
	font-style: italic;
	font-weight: 300;
	background: #002f5f;
	color: #fff;
	transition: 0.3s all ease;
}

.mehr-sehen a:hover {
	background: #b19401;
	color: #fff;
} 

.ausgabe-reihe {
	width: 100%;
	float: left;
	margin-bottom: 20px;
	padding-bottom: 10px;
	border-bottom: 1px solid #b1b1bb;
}

.pager ul, ul.pager__items {
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: center;
}

.pager ul li, ul.pager__items li {
	display: inline-block;
}

.pager ul li a, ul.pager__items a,
.der-inhalt ul li.pager__item  {
	padding: 3px 5px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-weight: 500;
}

.pager ul li a.is-active,
.der-inhalt ul li.pager__item--active {
	padding: 3px 5px;
	background: #b19401 !important;
	color: #fff;
}

.pager {
	width: 100%;
	float: left;
	margin-top: 10px;
}

.letzte-ausgabe h3,
h3.letzte-ausgabe,
header h3 {
	color: #002f5f;
	font-size: 1.1em;
	clear: both;
}

.der-inhalt ul li {
	margin-bottom: 5px;
	font-size: 1.1em;
	list-style: none;
	background: url('../img/1_Blaue_Kugel.png')left center no-repeat;
	background: url('../img/1_Blaue_Kugel.svg')left center no-repeat;
	padding: 5px 0px 5px 30px;
}

.der-inhalt .pager ul li {
	background: none;
	padding: 3px 3px;
}

table.views-table, .views-element-container table  {
	width: 100%;
}

table.views-table th,
.views-element-container table th {
	text-align: left;
	color: #002f5f;
    font-size: 1.1em;
	border-bottom: 2px solid #1d2b42;
	margin-bottom: 10px;
}

table.views-table td,
.views-element-container table td {
	border-bottom: 1px solid #fff;
	padding-bottom: 5px;
	font-size: 1.1em;
}

.filter-reihe, .die-filter .js-form-item {
	float: left;
	margin-right: 3%;
}

.die-filter .form-actions {
	float: left;
}

.filter-reihe label, .die-filter .js-form-item label {
	display: block;
	margin-bottom: 5px;
	color: #1d2b42;
	font-weight: 500;
}

.filter-reihe input[type="text"],
.filter-reihe input[type="search"],
.die-filter .js-form-item input[type="text"],
.die-filter .js-form-item input[type="search"] {
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	border: 1px solid #1d2b42;
	padding: 10px;
}

.filter-reihe input[type="submit"],
.filter-reihe input[type="button"],
.die-filter .form-actions input[type="submit"],
.die-filter .form-actions input[type="button"] {
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	color: #fff;
	background: #1d2b42;
	transition: 0.3s all ease;
	padding: 10px 15px;
	border: none;
	/*font-size: 1.1em;*/
	margin-top: 20px;
}

.filter-reihe input[type="submit"]:hover,
.filter-reihe input[type="button"]:hover {
	background: #b19401;
	cursor: pointer;
} 


.rutschen-reihe {
	text-align: center;

}

.bx-wrapper .rutschen-reihe img {
	display: inline-block;
}

.andere-ausgaben .bx-wrapper,
.andere-ausgaben .flexslider {
	border: 1px solid #c3c8c8;
	width: 96%;
	padding: 2%;
	margin-top: 10px;
}

.labelrechts label, 
.labelrechts .zahl {
	float: left;
	margin-right: 5px;
}

.statistik {
	width: 96%;
	margin-left: 10px;
}

.der-inhalt .inner-menue ul li {
	background: none;
	padding: 0;
	margin-right: 10px;
}

.der-inhalt .inner-menue ul li a {
	padding: 7px 15px;
	  -webkit-border-radius: 7px;
	  -moz-border-radius: 7px;
	  border-radius: 7px;
	  /*font-size: 1.1em;*/
	  font-weight: 500;
	  color: #fff;
	  transition: 0.3s all;
}

.der-inhalt .inner-menue ul li a.berhuemt,
.der-inhalt .inner-menue ul li a.zitiert:hover {
	background: #b19401;
}


.der-inhalt .inner-menue ul li a.zitiert,
.der-inhalt .inner-menue ul li a.berhuemt:hover {
	background: #002f5f;
}

.rechte-spalte img {
	max-width: 100%;
	height: auto;
}

.footer-unten a {
	color: #fff;
	transition: 0.3s all ease;
}

.footer-unten a:hover {
	color: #b19401;
}

/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Hide visually and from screen readers
 */

.hidden,
[hidden] {
  display: none !important;
}

/*
 * Hide only visually, but have it available for screen readers:
 * https://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 *
 * 1. For long content, line feeds are not interpreted as spaces and small width
 *    causes content to wrap 1 word per line:
 *    https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe
 */

.visually-hidden {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
  /* 1 */
}

/*
 * Extends the .visually-hidden class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */

/*.statistik-reihe .bibcite-reference {
	display: none;
}*/

.autor-reihe:after {
	content: '.';
}

.ruf {
  margin-bottom: 10px;
  float: left;
  width: 100%;
}

.sf-accordion-toggle a {
	display: block;
	width: 50px;
	height: 40px;
	background: url('../img/1_Menue.png')0 0 no-repeat;
	background: url('../img/1_Menue.svg')0 0 no-repeat;
	font-size: 0;
}

.sf-accordion-toggle a:hover {
	background: url('../img/1_Menue_oben.png')0 0 no-repeat;
	background: url('../img/1_Menue_oben.svg')0 0 no-repeat;
}

.hideme {
	display: none;
}

.andere-ausgaben .flexslider {
  margin-bottom: 0!important;	
  margin-top: 10px;
  position: relative;
  zoom: 1;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  max-height: 400px;
}

.andere-ausgaben .flexslider .slides img {
	width: auto;
	margin: 0 auto;
}

.more-link {
	font-weight: 300;
	font-style: italic;
}

.altmetric .csl-bib-body {
	display: none;
}

ul.inline li {
	display: inline-block;
}

.hinweise ul {
	margin: 0;
	padding: 0;
}

.der-inhalt .hinweise ul li {
	background: none;
	padding: 0;
}

.inhalt-halter .block-content {
	float: left;
	width: 100%;
	
}

h2.block-title {
	clear: both;
}

ul.page-tabs {
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
	clear: both;
}

.der-inhalt ul.page-tabs li {
	display: inline-block;
	background: none;
}

.der-inhalt ul.page-tabs li a {
	background: #f2f2f2;
	padding: 5px 10px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
}

.visually-hidden.focusable:active,
.visually-hidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  white-space: inherit;
  width: auto;
}

/*
 * Hide visually and from screen readers, but maintain layout
 */

.invisible {
  visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * The use of `table` rather than `block` is only necessary if using
 * `::before` to contain the top-margins of child elements.
 */

.clearfix::before,
.clearfix::after {
  content: "";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
  /* Style adjustments for viewports that meet the condition */
}

@media only screen and (max-width: 1660px) {
	.mass {
		width: 100%;
	}
}	

@media only screen and (max-width: 1600px) {
	.mass {
		width: 98%;
	}
}	

@media only screen and (max-width: 1440px) {
	.rechte-spalte {
	  width: 27%;
	}
	
	.haupt-rechts {
		width: 29%;
	}
	
	.augabe-bild {
	  width: 18%;
	}
	
	.ausgabe-titel-hinweis {
	  width: 78%;
	}
	
	.der-inhalt h1 {
	  font-size: 1.4em;
	}
	
	.seitentitel-und-einleitung h1,
	.seitentitel-und-einleitung h4 {
	  font-size: 1.6em;
	}
}	

@media only screen and (max-width: 1366px) {
	.block-tabs-nav ul li {
	  margin-right: 0px;
	}
	
	.haupt-rechts {
		width: 31%;
	}
	
	.ausgabe-titel-hinweis h3 {
	  font-size: 1.2em;
	}
}

@media only screen and (max-width: 1130px) {
	
	.das-hauptmenue ul.sf-accordion {
		width: 100%;
		background: #1d2b42;
		left: 0;
		right: 1%;
	}
	
	.das-hauptmenue {
		position: absolute;
		top: 400px;
		width: 100%;
	
	}
	
	.ausgabe-titel-hinweis {
	width: 76%;
	margin-left: 2%;
	}
	
	.inhalt-halter {
	  width: 63%;
	}
	
	.rechte-spalte {
	    width: 35%;
	  }
	  
  .suchen-und-sprachen {
    width: 33%;
  }
	  
  .haupt-links {
    width: 60%;
  }    
	  
  .haupt-rechts {
     width: 35%;
   }  
   
   .daten-zum-artikel h1 {
	   font-size: 1.4em;
   }
   
   .ausgabe-bild img,
   .augabe-bild img {
	   max-width: 100%;
	   height: auto;
   }
   
   .soziel {
   margin-right: 10px;
   }
}

@media only screen and (max-width: 840px) {
	
	img.marged {
		max-width: 230px;
		height: auto;
	}
	
	.inhalt-halter {
	width: 100%;
	}
	
	.rechte-spalte {
	width: 100%;
	float: left;
	}
	
	.daten-zum-artikel ul.quicktabs-tabs {
	position: relative;
	bottom: 65px;
	}
	
	.erste-schluss-reihe {
	width: 40%;
    }
	
	.daten-zum-artikel h1 {
	font-size: 1.3em;
	}
	
	.seitentitel-und-einleitung h4 {
	font-size: 1.3em;
	}
	
	.suchen-und-sprachen {
	width: 45%;
	}
	
	.haupt-rechts {
	width: 38%;
	}
	
	.letzte-ausgabe h3, h3.letzte-ausgabe, header h3 {
	font-size: 1em;
	}
	
	.ausgabe-daten {
		margin-left: 10px;
	}
	
	.spalte-block .block__content, .spalte-block .block-content {
		width: 94%;
	}
	
	.seitentitel-und-einleitung p {
	  font-size: 1.1em;
	  max-width: 100%;
	}
	
 .themen ul {
   columns: 3;
   -webkit-columns: 3;
   -moz-columns: 3;
 }   
 
}

@media only screen and (max-width: 480px) {
	
	.das-hauptmenue {
	top: 280px;
	}
	
	.sf-accordion-toggle {
		position: relative;
	}
	
	.sf-accordion-toggle a {
		position: absolute;
		right: 10px;
		top: -50px;
	}
    
	.suchen-und-sprachen {
       width: 98%;
       margin-bottom: 10px;
	   margin-top: 0;
     }
	 
     .haupt-links {
       width: 100%;
     }
	 
	 .haupt-rechts {
	     width: 100%;
	     float: left;
	   }
	   
	   .rechte-spalte img {
	    width: 100%;
	     height: auto;
	   }  
	   
   img.marged {
       max-width: 280px;
       height: auto;
     }
	 
	 .themen ul {
	   columns: 2;
	   -webkit-columns: 2;
	   -moz-columns: 2;
	 } 
	 
	 
	 .erste-schluss-reihe {
	     width: 98%;
	   }  
	   
   .schluss-reihe {
     float: left;
     margin-right: 0%;
     min-width: 98%;
	 margin: 10px 0;
	 text-align: center;
   }  
   
   #back-top {
	   display: none !important;
   }
   
   .der-inhalt h1 {
     font-size: 1.3em;
   }
   
   .rechte-spalte {
	   margin-top: 30px;
   }
   
   .die-menues .soziel {
	   position: absolute;
	   top: 230px;
	   right: 0px;
	   display: none;
   }
   
   .augabe-bild {
   width: 98%;
   }
   
   .ausgabe-titel-hinweis {
   width: 100%;
   margin-left: 0%;
   margin-top: 10px;
   margin-bottom: 10px;
   }
   
	.der-inhalt img {
		max-width: 100%;
		height: auto;
	}
	
	.statistik-reihe {
		width: 100%;
		margin: 20px 0;
	}
	
	.gezeigt, .heruntergeladen {
		padding: 80px 0px 0px 0px;
	}
	
	.daten-zum-artikel {
		margin-top: 70px;
	}
	 
}

@media only screen and (max-width: 414px) {
	
	
   
    img.marged {
        max-width: 230px;
        height: auto;
      }
	  
	  .hauptmenue ul li a {
		  font-size: 1em;
	  }
	  
	  .themen ul {
	    columns: 1;
	    -webkit-columns: 1;
	    -moz-columns: 1;
	  } 
	  
	  .die-menues {
	  background: none;
	  padding: 0px;
	  }
}


@media print,
  (-webkit-min-device-pixel-ratio: 1.25),
  (min-resolution: 1.25dppx),
  (min-resolution: 120dpi) {
  /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   https://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */

@media print {
  *,
  *::before,
  *::after {
    background: #fff !important;
    color: #000 !important;
    /* Black prints faster */
    box-shadow: none !important;
    text-shadow: none !important;
  }

  a,
  a:visited {
    text-decoration: underline;
  }

  a[href]::after {
    content: " (" attr(href) ")";
  }

  abbr[title]::after {
    content: " (" attr(title) ")";
  }

  /*
   * Don't show links that are fragment identifiers,
   * or use the `javascript:` pseudo protocol
   */
  a[href^="#"]::after,
  a[href^="javascript:"]::after {
    content: "";
  }

  pre {
    white-space: pre-wrap !important;
  }

  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }

  tr,
  img {
    page-break-inside: avoid;
  }

  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }

  h2,
  h3 {
    page-break-after: avoid;
  }
}