@charset "UTF-8";
button, [type=button], [type=reset], [type=submit] {
  appearance: none;
  background-color: rgb(0, 48, 93);
  border: 0;
  border-radius: 2px;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-family: noto-sans-display, sans-serif;
  font-size: medium;
  -webkit-font-smoothing: antialiased;
  font-weight: 400;
  letter-spacing: 0.03em;
  line-height: 1;
  padding: 0.75em 1.5em;
  text-decoration: none;
  transition: background-color 150ms ease;
  user-select: none;
  vertical-align: middle;
  white-space: nowrap;
}
button:hover, button:focus, [type=button]:hover, [type=button]:focus, [type=reset]:hover, [type=reset]:focus, [type=submit]:hover, [type=submit]:focus {
  background-color: rgb(0, 38.4, 74.4);
  color: #fff;
}
button:disabled, [type=button]:disabled, [type=reset]:disabled, [type=submit]:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
button:disabled:hover, [type=button]:disabled:hover, [type=reset]:disabled:hover, [type=submit]:disabled:hover {
  background-color: rgb(0, 48, 93);
}

.button {
  display: inline-block;
  color: white;
  background-color: rgb(0, 48, 93);
  transition: background-color 150ms ease;
}
.button a {
  display: block;
  color: white !important;
  padding: 0.5em;
  border-bottom: 0px !important;
}

.button:hover {
  background-color: rgb(175.2, 0.8, 40);
  cursor: pointer;
}

/* BIG Button Colors */
.button.color-1 {
  background-color: rgb(0, 48, 93);
}

.button.color-2 {
  background-color: rgb(219, 1, 50);
}

.button.color-3 {
  background-color: rgb(251, 186, 0);
}

.button.color-4 {
  background-color: rgb(238, 127, 1);
}
.button.color-4 a {
  color: black !important;
}

.button.color-white {
  background-color: white;
  color: rgb(0, 48, 93);
}

.button.color-1:hover {
  background-color: rgb(0, 24, 46.5);
}

.button.color-2:hover {
  background-color: rgb(175.2, 0.8, 40);
}

.button.color-3:hover {
  background-color: rgb(200.8, 148.8, 0);
}

.button.color-4:hover {
  background-color: rgb(200.8, 148.8, 0);
}

.node-type-landing-page .field-copytext p.chat,
.node-type-landing-page .field-textblock p.chat,
.node-type-landing-page .field-copytext p.email,
.node-type-landing-page .field-textblock p.email,
.node-type-landing-page .field-copytext p.phone,
.node-type-landing-page .field-textblock p.phone {
  text-align: center;
}
.node-type-landing-page .field-copytext p.chat .button a,
.node-type-landing-page .field-textblock p.chat .button a,
.node-type-landing-page .field-copytext p.email .button a,
.node-type-landing-page .field-textblock p.email .button a,
.node-type-landing-page .field-copytext p.phone .button a,
.node-type-landing-page .field-textblock p.phone .button a {
  display: inline-block;
  background-color: transparent !important;
  padding: 0.5em !important;
  font-weight: 600;
}
.node-type-landing-page .field-copytext p.chat .button i,
.node-type-landing-page .field-textblock p.chat .button i,
.node-type-landing-page .field-copytext p.email .button i,
.node-type-landing-page .field-textblock p.email .button i,
.node-type-landing-page .field-copytext p.phone .button i,
.node-type-landing-page .field-textblock p.phone .button i {
  color: black;
  padding: 0.5em;
  padding-right: 0;
}

.view-taxonomy-menu .button a {
  display: inline-block;
  padding-left: 1em;
  padding-right: 1em;
}
.view-taxonomy-menu .count {
  display: none;
}

fieldset {
  background-color: transparent;
  border: 0;
  margin: 0;
  padding: 0;
}

legend {
  font-weight: 600;
  margin-bottom: 0.375em;
  padding: 0;
}

label {
  display: block;
  font-weight: normal;
  margin-bottom: 0.375em;
}

input,
select {
  display: block;
  font-family: noto-sans-display, sans-serif;
  font-size: medium;
}

[type=color], [type=date], [type=datetime], [type=datetime-local], [type=email], [type=month], [type=number], [type=password], [type=search], [type=tel], [type=text], [type=time], [type=url], [type=week], input:not([type]), textarea,
select[multiple] {
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 2px;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06);
  box-sizing: border-box;
  font-family: noto-sans-display, sans-serif;
  font-size: medium;
  margin-bottom: 0.75em;
  padding: 0.5em;
  transition: border-color 150ms ease;
  width: 100%;
}
[type=color]:hover, [type=date]:hover, [type=datetime]:hover, [type=datetime-local]:hover, [type=email]:hover, [type=month]:hover, [type=number]:hover, [type=password]:hover, [type=search]:hover, [type=tel]:hover, [type=text]:hover, [type=time]:hover, [type=url]:hover, [type=week]:hover, input:not([type]):hover, textarea:hover,
select[multiple]:hover {
  border-color: rgb(176.8, 176.8, 176.8);
}
[type=color]:focus, [type=date]:focus, [type=datetime]:focus, [type=datetime-local]:focus, [type=email]:focus, [type=month]:focus, [type=number]:focus, [type=password]:focus, [type=search]:focus, [type=tel]:focus, [type=text]:focus, [type=time]:focus, [type=url]:focus, [type=week]:focus, input:not([type]):focus, textarea:focus,
select[multiple]:focus {
  border-color: rgb(0, 48, 93);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06), 0 0 5px rgba(0, 34.8387096774, 67.5, 0.7);
  outline: none;
}
[type=color]:disabled, [type=date]:disabled, [type=datetime]:disabled, [type=datetime-local]:disabled, [type=email]:disabled, [type=month]:disabled, [type=number]:disabled, [type=password]:disabled, [type=search]:disabled, [type=tel]:disabled, [type=text]:disabled, [type=time]:disabled, [type=url]:disabled, [type=week]:disabled, input:not([type]):disabled, textarea:disabled,
select[multiple]:disabled {
  background-color: rgb(242.25, 242.25, 242.25);
  cursor: not-allowed;
}
[type=color]:disabled:hover, [type=date]:disabled:hover, [type=datetime]:disabled:hover, [type=datetime-local]:disabled:hover, [type=email]:disabled:hover, [type=month]:disabled:hover, [type=number]:disabled:hover, [type=password]:disabled:hover, [type=search]:disabled:hover, [type=tel]:disabled:hover, [type=text]:disabled:hover, [type=time]:disabled:hover, [type=url]:disabled:hover, [type=week]:disabled:hover, input:not([type]):disabled:hover, textarea:disabled:hover,
select[multiple]:disabled:hover {
  border: 1px solid #ddd;
}

textarea {
  resize: vertical;
}

[type=search] {
  appearance: none;
}

[type=checkbox],
[type=radio] {
  display: inline;
  margin-right: 0.375em;
}

[type=file] {
  margin-bottom: 0.75em;
  width: 100%;
}

select {
  margin-bottom: 1.5em;
  max-width: 100%;
  width: auto;
}

.user-login-form label {
  margin-top: 2em;
  font-weight: 700;
}
.user-login-form #edit-submit {
  margin-top: 2em;
}

/* Feedbackformular */
#block-big-feedback {
  width: 85%;
  position: relative;
  margin-left: auto;
  margin-right: auto;
}
#block-big-feedback fieldset.radios--wrapper,
#block-big-feedback .form-type-textarea,
#block-big-feedback .form-type-datetime,
#block-big-feedback .form-type-textfield {
  margin-bottom: 1em;
}
#block-big-feedback .js-form-type-radio {
  display: flex;
  flex-direction: row;
}
#block-big-feedback .js-form-type-radio label {
  padding-top: 0.3em;
}
#block-big-feedback .js-form-type-checkbox label {
  width: 100%;
  font-weight: 600;
}
#block-big-feedback .js-form-type-checkbox input {
  float: left;
}
#block-big-feedback .js-form-type-checkbox .webform-element-description {
  margin-left: 1.5em;
}
#block-big-feedback .form-type-textfield label,
#block-big-feedback .form-type-textarea label,
#block-big-feedback .form-type-datetime label,
#block-big-feedback .form-type-email label {
  font-weight: 600;
}
#block-big-feedback #edit-actions {
  margin-top: 1em;
}
#block-big-feedback span.form-required::after,
#block-big-feedback label.form-required::after {
  content: " *";
  color: red;
}

div[role=contentinfo] {
  margin-top: 2em;
}
div[role=contentinfo] div {
  padding: 0.375em;
  background-color: #f0f0f0;
}
div[role=contentinfo] div[role=alert] {
  background-color: rgb(219, 1, 50);
  color: white;
}
div[role=contentinfo] div.confirmation {
  background-color: green;
  color: white;
}

.webform-confirmation__message {
  padding: 0.375em;
  background-color: green;
  color: white;
}

* {
  padding: 0;
  margin: 0;
}

ul,
ol {
  margin: 0;
  padding: 0;
}
ul li,
ol li {
  margin-left: 1em;
}

ul {
  list-style-type: square;
}

ol {
  list-style-type: decimal;
}

article.node dl,
article.node ol,
article.node ul {
  margin-bottom: 2em;
}

dt {
  font-weight: 600;
}

dd {
  margin: 0;
}

.field-textblock ul {
  margin-bottom: 2em;
}

figure {
  margin: 0;
}

img,
picture {
  max-width: 100%;
  height: auto;
  vertical-align: top;
}

img.align-left {
  margin-right: 2em;
}

table {
  border-collapse: collapse;
  margin: 0.75em 0;
  table-layout: fixed;
  width: 100%;
}

th {
  border-bottom: 0px solid rgb(165.75, 165.75, 165.75);
  font-weight: 600;
  font-size: 1.1em;
  padding: 0.75em;
  text-align: left;
  background-color: #f0f0f0;
}

td {
  border-bottom: 1px solid #ddd;
  border-bottom: 0px;
  padding: 0.375em 0.75em;
}

tr,
td,
th {
  vertical-align: middle;
}

body {
  color: #333;
  font-family: noto-sans-display, sans-serif;
  font-size: medium;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5em;
  letter-spacing: 0.03em;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: medium;
  line-height: 1.25em;
  margin: 0 0 0.75em;
  color: rgb(0, 48, 93);
  color: #333;
}

h1,
h2,
h3,
h4,
h5 {
  font-family: noto-sans-display, sans-serif;
  font-weight: 600;
}

h4,
h5 {
  color: #333;
  margin-bottom: 0.5em;
}

h1 {
  font-size: 1.7em;
}

h2 {
  font-size: 1.4em;
  color: rgb(0, 48, 93);
}

h3 {
  font-size: 1.1em;
}

h4 {
  font-size: 1em;
}

h5 {
  font-size: 1em;
}

@media screen and (max-width: 808px) {
  body {
    font-size: small;
  }
  h1 {
    font-size: 1.3em;
  }
  h2 {
    font-size: 1.3em;
  }
  h3 {
    font-size: 1.05em;
  }
  h4 {
    font-size: 0.77em;
  }
  h5 {
    font-size: 0.7em;
  }
}
p {
  margin: 0 0 1.5em;
}

p.no-result {
  min-height: 3em;
}

table p {
  margin: 0;
}

/* no-spacing, in text format als Klasse hinterlegen */
h2.no-spacing,
h3.no-spacing,
h4.no-spacing,
h5.no-spacing,
p.no-spacing {
  margin-bottom: 0;
}

/* Links 
-------------------------------  */
a {
  color: rgb(0, 48, 93);
  text-decoration: none;
  transition: color 150ms ease;
}
a:active, a:focus, a:hover {
  color: rgb(219, 1, 50);
}

a.inverted {
  color: rgb(219, 1, 50);
}
a.inverted:active, a.inverted:focus, a.inverted:hover {
  color: rgb(0, 48, 93);
}

a {
  outline: 0;
}

/* Headlines Links
---------------------- */
.headlines a {
  color: rgb(0, 48, 93);
}

.headlines a:hover {
  color: rgb(219, 1, 50);
}

.headlines a hr {
  border-bottom: 1px solid #ddd;
  border-left: 0;
  border-right: 0;
  border-top: 0;
  margin: 1.5em 0;
}

pre, code, tt {
  font: 1em "andale mono", "lucida console", monospace;
  line-height: 1.5;
}

pre {
  background-color: #efefef;
  display: block;
  padding: 5px;
  margin: 5px 0;
  border: 1px solid #aaaaaa;
}

abbr {
  border-bottom: 1px dotted #666666;
  cursor: help;
  white-space: nowrap;
}

/* Basislayout floating, Slick hat Probleme mit grid
------------------------------------- */
@media screen and (min-width: 1079px) {
  #region-sidebar-first,
  #region-sidebar-second {
    width: 28%;
    float: right;
  }
  #main,
  #region-content-top-first {
    width: 67%;
    float: left;
  }
  #main {
    min-height: 75vh;
  }
  #footer-wrapper #region-content-bottom-second {
    clear: both;
  }
}
/* background
--------------------------------- */
@media screen and (min-width: 810px) {
  .layout-container- {
    background: linear-gradient(to bottom, rgb(0, 48, 93) 1.5em, #f0f0f0 1.5em);
  }
}
#region-highlighted,
#region-timestamp-share,
#region-breadcrumb,
#content-wrapper {
  background-color: white;
}

.without-hero #region-header {
  padding-left: 1%;
  padding-right: 1%;
}

/* regions
----------------------------------- */
#block-bdp-branding,
#block-bdp-sub-branding {
  position: fixed;
}

#region-header {
  z-index: 10;
}

#region-navigation,
#region-navigation-horizontal {
  z-index: 8;
}

#region-hero {
  z-index: 3;
}

#region-highlighted {
  z-index: 2;
}

#content-wrapper {
  z-index: 1;
}

#region-header,
#region-navigation,
#region-hero,
#region-highlighted,
#region-timestamp-share,
#region-breadcrumb,
#content-wrapper,
#region-footer,
#region-navigation-horizontal .inner,
.maintenance-page header,
.maintenance-page main {
  width: 96%;
  max-width: 1340px;
  position: relative;
  margin: 0 auto;
}

#region-hero {
  width: 100%;
}

#region-content-top-hero {
  clear: both;
}

/* #timestamp + #breadcrumbs
--------------------------------------- */
#region-breadcrumb {
  padding-top: 0.5em;
  padding-bottom: 1em;
}

.without-hero #region-breadcrumb {
  padding-top: 2em;
}

.path-frontpage #region-breadcrumb {
  padding-top: 0;
}

#region-timestamp-share {
  display: flex;
  flex-direction: row;
}
#region-timestamp-share #block-views-block-timestamp-block-changed {
  width: 67%;
}
#region-timestamp-share #block-views-block-share-links-block-sharelinks {
  width: 33%;
}

@media screen and (max-width: 599px) {
  #region-timestamp-share #block-views-block-timestamp-block-changed,
  #region-timestamp-share #block-views-block-share-links-block-sharelinks {
    width: 100%;
  }
}
/* main & asides
--------------------------------------- */
#content-wrapper {
  padding-top: 2em;
  padding-bottom: 3em;
}
@media screen and (max-width: 1079px) {
  #content-wrapper {
    padding-top: 0.5em;
  }
}

/* content schmaler */
@media screen and (min-width: 1199px) {
  .front--layout-full .node-content,
  .page--layout-full .node-content,
  .section--layout-full .node-content,
  .news--layout-full .node-content,
  .special-page--layout-full .node-content {
    width: 85%;
    position: relative;
    margin-left: auto;
    margin-right: auto;
  }
  .news--layout-teaser.without-image {
    padding-right: 10%;
  }
  .medium--layout-teaser {
    padding-right: 5%;
  }
}
/* footer
--------------------------------------- */
#footer-wrapper {
  clear: both;
  padding-top: 3em;
  padding-bottom: 6em;
}

@media (orientation: landscape) {
  #footer-wrapper {
    min-height: 50vh;
  }
}
@media (orientation: portrait) {
  #footer-wrapper {
    min-height: 30vh;
  }
}
/* Footer menus
---------------------------------------- */
#region-footer nav h2,
#region-footer nav a {
  color: white;
}

#region-footer .inner {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  justify-content: flex-start;
}

#block-big-section-links,
#block-big-social-links,
#block-big-legal-links {
  margin: 0 3em 3em;
}

#block-big-section-links {
  width: 25%;
  margin-left: 0;
}

#block-big-social-links,
#block-big-legal-links {
  width: 15%;
}

@media screen and (max-width: 1079px) {
  #block-big-social-links,
  #block-big-legal-links {
    width: 20%;
  }
  #block-big-section-links {
    margin-left: 3em;
  }
}
@media screen and (max-width: 809px) {
  #block-big-section-links,
  #block-big-social-links,
  #block-big-legal-links {
    width: 70%;
  }
}
/* Margin top without hero KANN WEG???
--------------------------- */
@media screen and (max-width: 809px) {
  .without-hero #header-wrapper- {
    height: 60px;
  }
}
@media screen and (min-width: 810px) and (max-width: 1079px) {
  .without-hero #header-wrapper- {
    height: 80px;
  }
}
@media screen and (min-width: 1080px) {
  .without-hero #header-wrapper- {
    height: 130px;
  }
}

/* #logo
--------------------  */
#logo {
  position: fixed;
  margin-top: 0;
}

/* Content & Node layout */
section.node-content- {
  padding: 0 1em 3em;
}

/* Error pages */
.node-type-error-page #block-sitemap {
  float: left;
  width: 49%;
  margin-bottom: 3em;
}
.node-type-error-page #block-bdp-aktuell-archive {
  margin-left: 51%;
  width: 49%;
}
@media screen and (max-width: 809px) {
  .node-type-error-page #block-sitemap,
  .node-type-error-page #block-bdp-aktuell-archive {
    width: 100%;
    margin-left: 0;
    clear: both;
  }
}

/* One Column Layout
--------------------------------- */
body.big-hotline #main,
body.big-hotline #region-content-top-first,
body.big-hotline #region-sidebar-first,
body.big-hotline #region-sidebar-second,
body.big-hotline #region-content-bottom-second,
body.big-mobil #main,
body.big-mobil #region-content-top-first,
body.big-mobil #region-sidebar-first,
body.big-mobil #region-sidebar-second,
body.big-mobil #region-content-bottom-second {
  width: 100%;
  float: none;
}
body.big-hotline #content-wrapper,
body.big-mobil #content-wrapper {
  padding-top: 3em;
}

/* Q&D: Hilfe-Blocks auf Startseite
--------------------------------------- */
.node-type-front #region-content {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.node-type-front #region-content .sidebar-feature {
  width: 47%;
}
.node-type-front #region-content #block-big-headline-front {
  width: 100%;
}

/* Videos
------------------------------ */
.field-video .player,
.remote-video .player,
article.video .field-iframecode {
  position: relative;
  padding-bottom: 56%;
  height: 0;
  overflow: hidden;
  clear: both;
}

.field-video .player iframe,
.remote-video .player iframe,
article.video .field-iframecode iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.article--layout-teaser .field-video {
  margin-top: 2em;
  margin-bottom: 2em !important;
}

.hide-video {
  display: none;
}

.field-youtube-link {
  text-align: right;
}
.field-youtube-link i {
  font-size: 2em;
  color: rgb(0, 48, 93);
  vertical-align: -0.15em;
}

article.node dl.paragraph--type--accordion {
  margin-bottom: 3em;
}

article.node dl.paragraph--type--nested-accordion {
  margin-bottom: 0;
}

dd.accordion-content {
  display: none;
}

dd.accordion-content,
dt.accordion-title {
  padding: 0.25em;
  margin-bottom: 1.5em;
}

dt.accordion-title,
.page-node-27 h2.accordion-title {
  margin-top: 0;
  position: relative;
  background-color: #f0f0f0;
  padding-left: 3em;
}

dt.accordion-title h3,
dt.accordion-title h4 {
  font-family: noto-sans-display, sans-serif;
  font-weight: 500;
  line-height: 1.5em;
  margin-bottom: 0;
  color: rgb(0, 48, 93);
}
dt.accordion-title h3 span.icon,
dt.accordion-title h4 span.icon {
  font-weight: 700;
}

dt.accordion-title h4 {
  font-weight: 400;
}

dt.accordion-title:hover,
h2.accordion-title:hover {
  cursor: pointer;
}

dt.accordion-title:hover h3,
dt.accordion-title:hover h4,
dt.accordion-title:hover span {
  color: rgb(219, 1, 50);
}

dt.accordion-title a span,
.page-node-27 h2.accordion-title a span {
  position: absolute;
  left: 0.5em;
  top: 0.2em;
  font-family: "Font Awesome 5 Pro";
  font-size: 1.2em;
  display: block;
}
dt.accordion-title a.closed span::before,
.page-node-27 h2.accordion-title a.closed span::before {
  content: "\f13a"; /* down */
}
dt.accordion-title a.open span::before,
.page-node-27 h2.accordion-title a.open span::before {
  content: "\f139"; /* up */
}

dt.accordion-title.nested a.closed span::before {
  content: "\f078"; /* down */
}
dt.accordion-title.nested a.open span::before {
  content: "\f077"; /* up */
}

.accordion-button {
  position: relative;
}
.accordion-button a span.icon {
  position: absolute;
  right: 0.5em;
  top: -1.5em;
  font-family: "Font Awesome 5 Pro";
  font-size: 2em;
  font-weight: 900;
}
.accordion-button span.label {
  font-family: noto-sans-display, sans-serif;
  font-weight: 700;
  font-size: 1.25em;
  color: black;
}
.accordion-button a.closed span.label {
  display: none;
}
.accordion-button a.open span.label {
  display: inline-block;
  position: absolute;
  top: 1em;
}
.accordion-button a.closed span.icon::before {
  content: "\f055"; /* f055 plus */
}
.accordion-button a.open span.icon::before {
  content: "\f056"; /* f056 minus */
}

.view-ausgaben .view-articles .rows {
  display: none;
  font-size: 0.8em;
  padding-top: 2.5em;
  border-top: 1px dotted #333;
}
.view-ausgaben .views-element-container {
  margin-top: 3.5em;
}

@media screen and (max-width: 599px) {
  .accordion-button span.label {
    display: none !important;
  }
}
@media screen and (max-width: 599px) {
  .view-ausgaben .view-articles .rows {
    padding-left: 0;
  }
}
@media screen and (min-width: 600px) and (max-width: 809px) {
  .view-ausgaben .view-articles .rows {
    padding-left: 100px;
  }
}
@media screen and (min-width: 810px) and (max-width: 1079px) {
  .view-ausgaben .view-articles .rows {
    padding-left: 135px;
  }
}
@media screen and (min-width: 1080px) {
  .view-ausgaben .view-articles .rows {
    padding-left: 212px;
  }
}

.icon::before {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}

/* Accordion Block
-------------------------------------- */
@media screen and (min-width: 1080px) {
  aside div.accordion-container h2 a {
    display: none;
  }
}
@media screen and (max-width: 1079px) {
  aside .block.accordion-container .accordion-content {
    display: none;
    max-width: 480px;
  }
  aside .block.accordion-container h2.accordion-block {
    font-size: 1.1em;
    position: relative;
    padding-left: 3em !important;
  }
  aside .block.accordion-container h2.accordion-block:hover {
    cursor: pointer;
    color: rgb(0, 48, 93);
  }
  aside .block.accordion-container h2.accordion-block:hover a {
    color: rgb(0, 48, 93);
  }
  aside .block.accordion-container h2.accordion-block {
    background-color: #f0f0f0;
    color: rgb(0, 48, 93);
  }
  aside .block.accordion-container h2.accordion-block a {
    color: rgb(0, 48, 93);
  }
  aside .block.accordion-container h2.accordion-block a i {
    position: absolute;
    left: 0.5em;
    top: 0.5em;
    font-size: 1.2em;
    display: block;
  }
  aside .block.accordion-container h2.accordion-block a.closed i.fa-chevron-circle-up,
  aside .block.accordion-container h2.accordion-block a.open i.fa-chevron-circle-down {
    display: none;
  }
}
/* Accordion Quote Extension
----------------------------- */
.field-quote-extended-- {
  display: none;
}

/* Branding (Block)
------------------------------- */
/* #header + #footer bg-color */
body #header-wrapper,
body #footer-wrapper,
body .node-header,
body.path-frontpage #header-wrapper,
body.path-frontpage #footer-wrapper,
body.path-frontpage .node-header,
body.section-big-ev #header-wrapper,
body.section-big-ev #footer-wrapper,
body.section-big-ev .node-header,
body.section-service #header-wrapper,
body.section-service #footer-wrapper,
body.section-service .node-header,
body.section-big #header-wrapper,
body.section-big #footer-wrapper,
body.section-big .node-header {
  background-color: rgb(0, 48, 93);
}
body .node-header h1,
body .node-header,
body.path-frontpage .node-header h1,
body.path-frontpage .node-header,
body.section-big-ev .node-header h1,
body.section-big-ev .node-header,
body.section-service .node-header h1,
body.section-service .node-header,
body.section-big .node-header h1,
body.section-big .node-header {
  color: white;
}

body.section-big-koordinierung #header-wrapper,
body.section-big-koordinierung #footer-wrapper,
body.section-big-koordinierung .node-header {
  background-color: rgb(219, 1, 50);
}
body.section-big-koordinierung .node-header h1,
body.section-big-koordinierung .node-header {
  color: white;
}

body.section-big-praevention #header-wrapper,
body.section-big-praevention #footer-wrapper,
body.section-big-praevention .node-header {
  background-color: rgb(251, 186, 0);
}
body.section-big-praevention .node-header h1,
body.section-big-praevention .node-header {
  color: rgb(0, 48, 93);
}

body.section-big-intervention #header-wrapper,
body.section-big-intervention #footer-wrapper,
body.section-big-intervention .node-header,
body.section-big-hotline #header-wrapper,
body.section-big-hotline #footer-wrapper,
body.section-big-hotline .node-header,
body.big-hotline #header-wrapper,
body.big-hotline #footer-wrapper,
body.big-hotline .node-header,
body.section-big-mobil #header-wrapper,
body.section-big-mobil #footer-wrapper,
body.section-big-mobil .node-header,
body.big-mobil #header-wrapper,
body.big-mobil #footer-wrapper,
body.big-mobil .node-header,
body.section-big-clearingstelle #header-wrapper,
body.section-big-clearingstelle #footer-wrapper,
body.section-big-clearingstelle .node-header {
  background-color: rgb(238, 127, 1);
}
body.section-big-intervention .node-header h1,
body.section-big-intervention .node-header,
body.section-big-hotline .node-header h1,
body.section-big-hotline .node-header,
body.big-hotline .node-header h1,
body.big-hotline .node-header,
body.section-big-mobil .node-header h1,
body.section-big-mobil .node-header,
body.big-mobil .node-header h1,
body.big-mobil .node-header,
body.section-big-clearingstelle .node-header h1,
body.section-big-clearingstelle .node-header {
  color: black;
}

body.section-big-intervention #region-footer nav a,
body.section-big-intervention #region-footer nav i,
body.section-big-hotline #region-footer nav a,
body.section-big-hotline #region-footer nav i,
body.big-hotline #region-footer nav a,
body.big-hotline #region-footer nav i,
body.section-big-mobil #region-footer nav a,
body.section-big-mobil #region-footer nav i,
body.big-mobil #region-footer nav a,
body.big-mobil #region-footer nav i,
body.section-big-clearingstelle #region-footer nav a,
body.section-big-clearingstelle #region-footer nav i {
  color: black !important;
}
body.section-big-intervention .svg-logo .monocolor,
body.section-big-hotline .svg-logo .monocolor,
body.big-hotline .svg-logo .monocolor,
body.section-big-mobil .svg-logo .monocolor,
body.big-mobil .svg-logo .monocolor,
body.section-big-clearingstelle .svg-logo .monocolor {
  fill: black;
}

body.section-big-praevention #region-footer nav a,
body.section-big-praevention #region-footer nav i {
  color: rgb(0, 48, 93) !important;
}
body.section-big-praevention .svg-logo .monocolor {
  fill: rgb(0, 48, 93);
}

#header-wrapper {
  position: relative;
  padding: 0;
}

/* Logo Visibility */
#block-big-site-branding .big-logo,
.view-section-logos .section-logo {
  display: none;
}

body.path-frontpage #block-big-site-branding a.big-logo,
body.section-big #block-big-site-branding a.big-logo,
body.section-big-ev .section-logo.section-1,
body.section-big-koordinierung .section-logo.section-2,
body.section-big-praevention .section-logo.section-3,
body.section-big-intervention .section-logo.section-4,
body.section-big-hotline .section-logo.section-4,
body.section-big-mobil .section-logo.section-4,
body.section-big-clearingstelle .section-logo.section-4,
body.section-service .section-logo.section-5 {
  display: block;
}

/* Default bei fehlender body-class, i.e. views page display */
body #block-big-site-branding a.big-logo {
  display: block;
}

body.section-big-ev #block-big-site-branding a.big-logo,
body.section-big-koordinierung #block-big-site-branding a.big-logo,
body.section-big-praevention #block-big-site-branding a.big-logo,
body.section-big-intervention #block-big-site-branding a.big-logo,
body.section-big-hotline #block-big-site-branding a.big-logo,
body.section-big-mobil #block-big-site-branding a.big-logo,
body.section-big-clearingstelle #block-big-site-branding a.big-logo,
body.section-service #block-big-site-branding a.big-logo {
  display: none;
}

/* Site Slogan */
.site-slogan {
  color: white;
}
.site-slogan p {
  margin: 0;
}

.section-big-praevention .site-slogan,
.section-big-intervention .site-slogan,
.section-big-hotline .site-slogan,
.section-big-mobil .site-slogan,
.section-big-clearingstelle .site-slogan,
.big-hotline .site-slogan,
.big-mobil .site-slogan {
  color: black;
}

.section-big-praevention .site-slogan,
.section-big-interventio .site-slogan {
  color: rgb(0, 48, 93);
}

/* Logo Size */
.site-logo {
  width: 30%;
  margin: 0 0 1em;
}
.site-logo img {
  width: 100%;
  height: auto;
}

@media screen and (max-width: 809px) {
  .site-logo {
    width: 60%;
  }
  .site-slogan {
    width: 75%;
    text-align: center;
  }
}
@media screen and (min-width: 810px) and (max-width: 1079px) {
  .site-logo {
    width: 45%;
  }
}
@media screen and (min-width: 1080px) {
  .site-logo {
    width: 30%;
  }
}
#block-big-site-branding,
#block-big-hotline-site-branding,
#block-big-mobil-site-branding {
  padding: 1em 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* White logo in Teaser Color */
.section--layout-teaser.big-ev .white-logo {
  background-color: rgb(0, 48, 93);
}

.section--layout-teaser.big-koordinierung .white-logo {
  background-color: rgb(219, 1, 50);
}

.section--layout-teaser.big-praevention .white-logo {
  background-color: rgb(251, 186, 0);
}

.section--layout-teaser.big-intervention .white-logo {
  background-color: rgb(238, 127, 1);
}

.breadcrumb li {
  list-style-type: none;
  display: inline-block;
}

/* Cards
------------------------------- */
/* generell 
------------------------------- */
.sidebar-feature.card,
.section--layout-teaser.card,
.landing-page--layout-full,
.paragraph--type--big-card {
  padding-bottom: 0;
  border-bottom: 0;
  margin-bottom: 4.5em;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px;
  box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.2);
  overflow: hidden;
}
.sidebar-feature.card .inner,
.section--layout-teaser.card .inner,
.landing-page--layout-full .inner,
.paragraph--type--big-card .inner {
  padding: 0 1em 2em;
  display: block;
}
.sidebar-feature.card .sidebar-image,
.sidebar-feature.card .white-logo,
.sidebar-feature.card .field-text,
.sidebar-feature.card .field-subline,
.section--layout-teaser.card .sidebar-image,
.section--layout-teaser.card .white-logo,
.section--layout-teaser.card .field-text,
.section--layout-teaser.card .field-subline,
.landing-page--layout-full .sidebar-image,
.landing-page--layout-full .white-logo,
.landing-page--layout-full .field-text,
.landing-page--layout-full .field-subline,
.paragraph--type--big-card .sidebar-image,
.paragraph--type--big-card .white-logo,
.paragraph--type--big-card .field-text,
.paragraph--type--big-card .field-subline {
  margin-bottom: 2em;
}
.sidebar-feature.card .field-subline,
.section--layout-teaser.card .field-subline,
.landing-page--layout-full .field-subline,
.paragraph--type--big-card .field-subline {
  margin-bottom: 4em;
}

/* Sidebar Feature Cards special width
-----------------------------------*/
@media screen and (max-width: 1078px) {
  .sidebar-feature.card {
    width: 70%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 429px) {
  .sidebar-feature.card {
    width: 85%;
  }
}
.sidebar-feature.card .link {
  display: flex;
  justify-content: right;
  padding-right: 1em;
}

/* Section Cards special width + layout
-----------------------------------*/
@media screen and (max-width: 599px) {
  .section--layout-teaser.card {
    width: 70%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 429px) {
  .section--layout-teaser.card {
    width: 85%;
  }
}

@media screen and (min-width: 600px) and (max-width: 1199px) {
  .section--layout-teaser.card {
    width: 47%;
  }
}
@media screen and (min-width: 1200px) {
  .section--layout-teaser.card {
    width: 21.142%;
  }
}

.section--layout-teaser.card .white-logo {
  position: relative;
  padding-bottom: 56.25%; /* 16 x 9 */
}
.section--layout-teaser.card .svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.section--layout-teaser.card svg {
  width: 80%;
}
.section--layout-teaser.card .path-frontpage .section--layout-teaser.big-intervention .button {
  background-color: red;
}

.section--layout-teaser.card {
  position: relative;
}
.section--layout-teaser.card .link {
  position: absolute;
  bottom: 2em;
  right: 1em;
}

.big-intervention.card .button {
  background-color: rgb(238, 127, 1);
}
.big-intervention.card .button:hover {
  background-color: rgb(190.4, 101.6, 0.8);
}
.big-intervention.card .button a {
  color: black !important;
}

.big-intervention.card .monocolor {
  fill: black;
}

.big-praevention.card .button {
  background-color: rgb(251, 186, 0);
}
.big-praevention.card .button:hover {
  background-color: rgb(200.8, 148.8, 0);
}
.big-praevention.card .button a {
  color: rgb(0, 48, 93) !important;
}

.big-koordinierung.card .button {
  background-color: rgb(219, 1, 50);
}
.big-koordinierung.card .button:hover {
  background-color: rgb(175.2, 0.8, 40);
}

.big-ev.card .button {
  background-color: rgb(0, 48, 93);
}
.big-ev.card .button:hover {
  background-color: rgb(0, 48, 93), 20%;
}

/* Card Layout Einrichtungen Front 
-------------------------------------  */
#block-big-views-block-sections-front .rows {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#block-big-views-block-sections-front .rows .field-dachzeile {
  display: none;
}

#block-language-selector {
  position: absolute;
  top: 4px;
  right: 0;
}
#block-language-selector li.is-active {
  display: none;
}
#block-language-selector li {
  line-height: 32px;
  width: 48px;
  background-color: transparent;
  background-position: center center;
  background-size: contain;
}
#block-language-selector li.de {
  background-image: url(../../images/de.svg);
}
#block-language-selector li.en {
  background-image: url(../../images/en.svg);
}
#block-language-selector a {
  display: block;
  color: transparent;
}

dl.paragraph--type--listed-details dt {
  clear: left;
  float: left;
  width: 8em;
  font-weight: 600;
}
dl.paragraph--type--listed-details dd {
  margin-left: 9em;
  margin-bottom: 0.5em;
}
dl.paragraph--type--listed-details dd > * {
  margin-bottom: 0;
}

.messages {
  padding: 9px;
  margin: 1em 0;
  color: rgb(144.5, 144.5, 144.5);
  background-color: #ddd;
  border: 1px solid rgb(195.5, 195.5, 195.5);
  word-wrap: break-word;
}
.messages pre {
  border: 0;
}

.messages--warning {
  color: rgb(142.8477272727, 0.6522727273, 32.6136363636);
  background-color: rgb(251, 186, 0);
  border-color: rgb(200, 148.2071713147, 0);
}
.messages--warning pre {
  background-color: rgb(200, 148.2071713147, 0);
}

.messages--error {
  color: white;
  background-color: rgb(219, 1, 50);
  border-color: rgb(168.2318181818, 0.7681818182, 38.4090909091);
}
.messages--error pre {
  background-color: rgb(168.2318181818, 0.7681818182, 38.4090909091);
}

.messages--status {
  color: rgb(0.9095744681, 9.5, 0);
  background-color: #12BC00;
  border-color: rgb(13.1170212766, 137, 0);
}
.messages--status pre {
  background-color: rgb(13.1170212766, 137, 0);
}

#navigation li {
  list-style-type: none;
  display: inline-block;
}

#block-gino-main-menu ul.menu li {
  font-weight: bold;
}
#block-gino-main-menu {
  font-weight: normal;
  margin-left: 1em;
}

#block-mainnavigation,
block-hdm-footer {
  margin-bottom: 3em;
}

/* Menu toggle: position + visibility
----------------------------------------------------- */
/* https://stackoverflow.com/questions/6794000/fixed-position-but-relative-to-container */
#block-big-menutoggle {
  position: absolute;
  left: 1em;
  top: 1em;
}
#block-big-menutoggle .field-body {
  position: fixed;
}

#menu-toggle li {
  width: 3em;
  height: 3em;
}

/* #menu-toggle styling + toggle
--------------------------------------------- */
#menu-toggle a {
  background: none;
}

#menu-toggle a i {
  font-style: normal;
  display: inline-block;
  vertical-align: bottom;
  font-size: 40px;
  line-height: 40px;
}

ul#menu-toggle {
  list-style-type: none;
}
ul#menu-toggle li {
  margin: 0;
}

#menu-toggle .bg {
  fill: rgb(0, 48, 93);
}

#menu-toggle:hover .bg {
  fill: rgb(0, 48, 93);
}

.path-frontpage #menu-toggle .bg,
.section-big-ev #menu-toggle .bg {
  fill: rgb(0, 48, 93);
}
.path-frontpage #menu-toggle:hover .bg,
.section-big-ev #menu-toggle:hover .bg {
  fill: rgb(0, 48, 93);
}

#menu-toggle .symbol {
  fill: white;
}

#menu-toggle li.hidemenu {
  display: none;
}

#open-menu:target #menu-toggle li.showmenu {
  display: none;
}

#open-menu:target #menu-toggle li.hidemenu {
  display: block;
}

/* Responsive Menu
----------------------------- */
#navigation {
  min-height: 100vh;
  position: absolute;
  width: 0;
  overflow: hidden;
  transition: width 0.5s ease;
}

@media screen and (max-width: 809px) {
  #navigation {
    top: 72px;
  }
}
@media screen and (min-width: 810px) and (max-width: 1079px) {
  #navigation {
    top: 96px;
  }
}
@media screen and (min-width: 1080px) {
  #navigation {
    top: 156px;
  }
}

.without-hero #navigation {
  top: 3em;
}

#block-responsivemenu {
  position: relative;
  width: 0;
  transition: width 0.2s linear;
  background-color: rgba(240, 240, 240, 0.95);
  background-color: transparent;
}

#block-responsivemenu li {
  display: block;
  white-space: nowrap;
}

@media screen and (max-width: 808px) {
  body {
    font-size: smaller;
  }
}
#open-menu:target #navigation {
  width: auto;
}
#open-menu:target #block-responsivemenu {
  width: auto;
  overflow: hidden;
}

/* Overlay 
--------------------- */
#overlay {
  width: 0;
  height: 100vh;
  position: fixed;
  overflow: hidden;
  background-color: rgba(240, 240, 240, 0.9);
  z-index: 5;
  transition: width 0.6s ease;
}

#header-wrapper,
#region-navigation {
  z-index: 10;
}

#open-menu:target #overlay {
  width: 100vw;
}

/* Main Menu
------------------------------- */
#block-responsivemenu li {
  line-height: 1em;
  margin-bottom: 0.75em;
}
#block-responsivemenu li a {
  display: block;
}
#block-responsivemenu ul.level-top li {
  font-weight: 700;
}
#block-responsivemenu ul.level-top li ul li {
  font-weight: 400;
}
#block-responsivemenu ul.level-top li ul li.active-trail {
  font-weight: 700;
}
#block-responsivemenu ul.level-top li ul {
  margin-top: 0.5em;
}
#block-responsivemenu ul.menu.level-top > li > a {
  padding: 0.35em 0.5em;
  background-color: rgb(0, 48, 93);
  color: white;
}
#block-responsivemenu ul.menu.level-top > li > a.big-ev {
  background-color: rgb(0, 48, 93);
}
#block-responsivemenu ul.menu.level-top > li > a.big-koordinierung {
  background-color: rgb(219, 1, 50);
}
#block-responsivemenu ul.menu.level-top > li > a.big-praevention {
  background-color: rgb(251, 186, 0);
  color: rgb(0, 48, 93);
}
#block-responsivemenu ul.menu.level-top > li > a.big-intervention {
  background-color: rgb(238, 127, 1);
}
#block-responsivemenu ul.menu.level-top > li > a:hover {
  background-color: rgb(0, 24, 46.5);
}
#block-responsivemenu ul.menu.level-top > li > a.big-ev:hover {
  background-color: rgb(0, 24, 46.5);
}
#block-responsivemenu ul.menu.level-top > li > a.big-koordinierung:hover {
  background-color: rgb(175.2, 0.8, 40);
}
#block-responsivemenu ul.menu.level-top > li > a.big-praevention:hover {
  background-color: rgb(200.8, 148.8, 0);
  color: rgb(0, 48, 93);
}
#block-responsivemenu ul.menu.level-top > li > a.big-intervention:hover {
  background-color: rgb(200.8, 148.8, 0);
}
#block-responsivemenu ul.level-top li ul li a::before {
  font-family: "Font Awesome 5 Pro";
  content: "\f0c8";
  font-size: 0.7em;
  font-weight: 900;
  margin-right: 0.75em;
}

/* Breadcrumbs
------------------------------ */
#block-views-block-breadcrumbs-extra-block-topic- {
  float: left;
}

#region-breadcrumb * {
  display: inline;
}

/* Menu Sidebar aufklappbar 
-------------------------------------- */
h2.accordion-menu {
  font-size: 1.1em;
  position: relative;
  padding: 0.5em;
  color: white;
  background-color: rgb(0, 48, 93);
}
h2.accordion-menu a {
  color: white;
}

.section-big-ev h2.accordion-menu {
  background-color: rgb(0, 48, 93);
}

.section-big-koordinierung h2.accordion-menu {
  background-color: rgb(219, 1, 50);
}

.section-big-praevention h2.accordion-menu {
  color: rgb(0, 48, 93);
  background-color: rgb(251, 186, 0);
}
.section-big-praevention h2.accordion-menu a {
  color: rgb(0, 48, 93);
}

.section-big-intervention h2.accordion-menu {
  color: black;
  background-color: rgb(238, 127, 1);
}

/*
h2.accordion-menu:hover {
	cursor: pointer;
    color: $action-color;
    a {
        color: $action-color;
    }
}
*/
h2.accordion-menu a i {
  position: absolute;
  left: 0.5em;
  top: 0.5em;
  font-size: 1.2em;
  display: block;
}
h2.accordion-menu a.closed i.fa-chevron-circle-up,
h2.accordion-menu a.open i.fa-chevron-circle-down {
  display: none;
}

/* Menu media selection */
#block-big-media-select h2.accordion-menu a i,
#block-big-media-select-section h2.accordion-menu a i {
  position: absolute;
  right: 0.5em;
  top: 0.5em;
  font-size: 1.2em;
  display: block;
}
#block-big-media-select h2.accordion-menu a.closed i.fa-chevron-circle-up,
#block-big-media-select h2.accordion-menu a.open i.fa-sliders-h,
#block-big-media-select-section h2.accordion-menu a.closed i.fa-chevron-circle-up,
#block-big-media-select-section h2.accordion-menu a.open i.fa-sliders-h {
  display: none;
}
#block-big-media-select h2.accordion-menu,
#block-big-media-select-section h2.accordion-menu {
  padding-left: 2.5em !important;
}
#block-big-media-select h2.accordion-menu:hover,
#block-big-media-select-section h2.accordion-menu:hover {
  cursor: pointer;
}
#block-big-media-select .menu,
#block-big-media-select-section .menu {
  display: none;
}

@media screen and (max-width: 1079px) {
  aside nav.accordion h2.accordion-menu {
    padding-left: 3em !important;
  }
  aside nav.accordion h2.accordion-menu:hover {
    cursor: pointer;
  }
  aside nav.accordion .menu {
    display: none;
  }
}
@media screen and (min-width: 1080px) {
  aside nav.accordion h2.accordion-menu a i {
    display: none;
  }
  aside nav.accordion .menu {
    display: block;
  }
}

@media screen and (max-width: 1079px) {
  .section-big-ev aside nav.accordion h2.accordion-menu:hover,
  .section-service aside nav.accordion h2.accordion-menu:hover {
    background-color: rgb(0, 24, 46.5);
  }
  .section-big-koordinierung aside nav.accordion h2.accordion-menu:hover {
    background-color: rgb(175.2, 0.8, 40);
  }
  .section-big-praevention aside nav.accordion h2.accordion-menu:hover {
    background-color: rgb(200.8, 148.8, 0);
  }
  .section-big-intervention aside nav.accordion h2.accordion-menu:hover {
    background-color: rgb(200.8, 148.8, 0);
  }
}
nav.accordion li,
#block-big-section-links li,
#block-big-social-links li,
#block-big-legal-links li {
  line-height: 1em;
  margin-bottom: 0.75em;
}
nav.accordion li a,
#block-big-section-links li a,
#block-big-social-links li a,
#block-big-legal-links li a {
  display: block;
}
nav.accordion li,
#block-big-section-links li,
#block-big-social-links li,
#block-big-legal-links li {
  font-weight: 400;
}
nav.accordion li.active-trail,
#block-big-section-links li.active-trail,
#block-big-social-links li.active-trail,
#block-big-legal-links li.active-trail {
  font-weight: 700;
}
nav.accordion i,
#block-big-section-links i,
#block-big-social-links i,
#block-big-legal-links i {
  color: white;
}

nav.accordion li a::before,
#block-big-section-links li a::before {
  font-family: "Font Awesome 5 Pro";
  content: "\f0c8";
  font-size: 0.7em;
  font-weight: 900;
  margin-right: 0.75em;
}

#block-big-social-links li a,
#block-big-legal-links li a {
  display: inline-block;
  margin-left: 0.5em;
}

/* Sidebar menu auf Startseite ausblenden */
.node-type-front nav#block-big-ev {
  display: none;
}

/* Pager + More Link
------------------------------ */
nav.pager {
  margin-bottom: 6em;
}
nav.pager .pager__item.is-active {
  font-weight: 700;
  font-size: 1.3em;
}

.view-news,
.view-medien {
  position: relative;
  padding-bottom: 1em;
  margin-bottom: 3em;
}

.more-link.button {
  position: absolute;
  right: 0;
  bottom: 0;
  margin-bottom: 0;
}
.more-link.button a {
  display: inline-block;
}
.more-link.button i {
  padding-right: 0.5em;
}

/* Language links
------------------------------ */
#block-big-languagelinks {
  width: 2em;
  position: absolute;
  right: 1em;
  top: 1em;
}
#block-big-languagelinks svg .path {
  fill: white;
}
#block-big-languagelinks .lang-link {
  margin-bottom: 0.5em;
}

.section-big-intervention #block-big-languagelinks svg .path,
.section-big-hotline #block-big-languagelinks svg .path,
.section-big-mobil #block-big-languagelinks svg .path,
.section-big-clearingstelle #block-big-languagelinks svg .path,
.section-big-praevention #block-big-languagelinks svg .path {
  fill: rgb(0, 48, 93);
}

/* reset Menu lists 
--------------------------------- */
nav .menu li {
  list-style-type: none;
}

/* Sitemap on error pages*/
.node-type-error-page nav#block-sitemap li,
.node-type-error-page nav#block-bdp-sub-sitemap li,
.node-type-error-page nav#block-bdp-sub-cn-sitemap li {
  font-weight: 700;
}
.node-type-error-page nav#block-sitemap li ul li,
.node-type-error-page nav#block-bdp-sub-sitemap li ul li,
.node-type-error-page nav#block-bdp-sub-cn-sitemap li ul li {
  font-weight: 400;
  margin-left: 2em;
}

/* Share links
---------------------------------------- */
.view-share-links span.sharelinks {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  margin-left: 2em;
}
.view-share-links .sharelink {
  margin-right: 1em;
  width: 2em;
  height: auto;
}
.view-share-links .sharelink:last-of-type {
  margin-right: 0;
}
.view-share-links .sharelink:hover {
  cursor: pointer;
}
.view-share-links .email path {
  fill: rgb(219, 1, 50);
}
.view-share-links .facebook path {
  fill: #3b5998;
}
.view-share-links .xing path {
  fill: #007575;
}
.view-share-links .linkedin path {
  fill: #0073b1;
}
.view-share-links .facebook:hover path, .view-share-links .xing:hover path, .view-share-links .linkedin:hover path {
  fill: rgb(219, 1, 50);
}
.view-share-links .email:hover path {
  fill: rgb(0, 48, 93);
}

/* Section, Social + Legal Links Footer
---------------------------------------- */
#block-big-section-links .menu {
  margin-bottom: 2em;
}

/* Back to top 
------------------------------------------ */
#back-to-top {
  z-index: 10;
  position: absolute;
}
#back-to-top a {
  display: block;
  position: fixed;
  right: 3em;
  bottom: 3em;
  height: 3em;
  width: 3em;
}
#back-to-top svg .bg {
  fill: #ffffff;
}
#back-to-top svg .icon {
  fill: rgb(0, 48, 93);
}
#back-to-top svg .icon:hover {
  fill: rgb(0, 48, 93);
}

.path-frontpage #back-to-top .icon,
.section-big-ev #back-to-top .icon {
  fill: rgb(0, 48, 93);
}
.path-frontpage #back-to-top .icon:hover,
.section-big-ev #back-to-top .icon:hover {
  fill: rgb(0, 48, 93);
}

@media screen and (max-width: 1199px) {
  #back-to-top a {
    right: 1.6em;
    bottom: 2em;
  }
}
.pager__item {
  display: inline;
}
.pager__item a {
  display: inline-block;
}

.field-picture {
  position: relative;
}

.picture-caption {
  position: absolute;
  bottom: 0;
  width: 100%;
  background-color: rgba(0, 48, 93, 0.8);
  color: white;
}

.picture-caption p {
  margin: 1em;
}

/* Player
------------------------------- */
.player {
  position: relative;
  margin-bottom: 3em;
}
.player .field-image {
  margin-bottom: 0;
}
.player .field-mp3 {
  width: 70%;
  position: absolute;
  bottom: 5%;
  left: 50%;
  margin-left: -35%;
}
.player .field-mp3 audio {
  width: 100%;
}

/* Services Circle
------------------------------- */
.view-services-circle {
  padding-top: 1em;
}

.view-services-circle .rows .field-square {
  float: left;
  width: 9.777%; /* (100 - 12) : 9 */
  margin-right: 1.5%; /* 8 x 1.5 = 12 */
}
.view-services-circle .rows .field-square:nth-child(9n+9) {
  margin-right: 0;
}
@media screen and (max-width: 1079px) {
  .view-services-circle .rows .field-square {
    width: 18.4%; /* (100 - 10) :5 */
    margin-right: 2%; /* 4 x 2.5 = 10 */
  }
  .view-services-circle .rows .field-square:nth-child(5n+5) {
    margin-right: 0;
  }
  .view-services-circle .rows .field-square:nth-child(-n+5) {
    margin-bottom: 1em;
  }
}

#block-views-block-services-circle-block-china-desk .view-services-circle .rows .field-square,
#block-bdp-sub-views-block-services-circle-block-china-desk .view-services-circle .rows .field-square,
#block-bdp-sub-cn-views-block-services-circle-block-china-desk .view-services-circle .rows .field-square {
  width: 8.65%; /* (100 - 13.5) : 10 */
  margin-right: 1.5%; /* 9 x 1.5 = 13.5 */
}
#block-views-block-services-circle-block-china-desk .view-services-circle .rows .field-square:nth-child(10n+10),
#block-bdp-sub-views-block-services-circle-block-china-desk .view-services-circle .rows .field-square:nth-child(10n+10),
#block-bdp-sub-cn-views-block-services-circle-block-china-desk .view-services-circle .rows .field-square:nth-child(10n+10) {
  margin-right: 0;
}
@media screen and (max-width: 1079px) {
  #block-views-block-services-circle-block-china-desk .view-services-circle .rows .field-square,
  #block-bdp-sub-views-block-services-circle-block-china-desk .view-services-circle .rows .field-square,
  #block-bdp-sub-cn-views-block-services-circle-block-china-desk .view-services-circle .rows .field-square {
    width: 18.4%; /* (100 - 10) :5 */
    margin-right: 2%; /* 4 x 2.5 = 10 */
  }
  #block-views-block-services-circle-block-china-desk .view-services-circle .rows .field-square:nth-child(5n+5),
  #block-bdp-sub-views-block-services-circle-block-china-desk .view-services-circle .rows .field-square:nth-child(5n+5),
  #block-bdp-sub-cn-views-block-services-circle-block-china-desk .view-services-circle .rows .field-square:nth-child(5n+5) {
    margin-right: 0;
  }
  #block-views-block-services-circle-block-china-desk .view-services-circle .rows .field-square:nth-child(-n+5),
  #block-bdp-sub-views-block-services-circle-block-china-desk .view-services-circle .rows .field-square:nth-child(-n+5),
  #block-bdp-sub-cn-views-block-services-circle-block-china-desk .view-services-circle .rows .field-square:nth-child(-n+5) {
    margin-bottom: 1em;
  }
}

#block-bdp-sub-cn-views-block-services-circle-block-bdp-group .view-services-circle .rows .field-square {
  width: 10.75%; /* (100 - 14) : 8  */
  margin-right: 2%; /* 7 x 2 = 14 */
}
#block-bdp-sub-cn-views-block-services-circle-block-bdp-group .view-services-circle .rows .field-square:nth-child(8n+8) {
  margin-right: 0;
}
@media screen and (max-width: 1079px) {
  #block-bdp-sub-cn-views-block-services-circle-block-bdp-group .view-services-circle .rows .field-square {
    width: 18.4%; /* (100 - 10) :5 */
    margin-right: 2%; /* 4 x 2.5 = 10 */
  }
  #block-bdp-sub-cn-views-block-services-circle-block-bdp-group .view-services-circle .rows .field-square:nth-child(5n+5) {
    margin-right: 0;
  }
  #block-bdp-sub-cn-views-block-services-circle-block-bdp-group .view-services-circle .rows .field-square:nth-child(-n+5) {
    margin-bottom: 1em;
  }
}

/* Slideshow
------------------------------- */
.slick-container {
  visibility: hidden;
}

.slick-container.slick-initialized {
  visibility: visible;
}

.slick-container,
.field--name-field-slide {
  visibility: hidden;
}
.slick-container button.slick-arrow,
.field--name-field-slide button.slick-arrow {
  z-index: 20;
}
.slick-container .slick-prev,
.slick-container .slick-next,
.field--name-field-slide .slick-prev,
.field--name-field-slide .slick-next {
  width: 30px;
  height: 30px;
  padding: 1em;
}
.slick-container .slick-prev,
.field--name-field-slide .slick-prev {
  left: 2em;
}
.slick-container .slick-next,
.field--name-field-slide .slick-next {
  right: 2em;
}
.field--name-field-slide.slick-dotted.slick-slider {
  margin-bottom: 6em;
}

.field--name-field-slide.slick-initialized {
  visibility: visible;
}

#block-big-views-block-hero-image-front {
  margin-bottom: 3em;
}
#block-big-views-block-hero-image-front ul {
  visibility: hidden;
}
#block-big-views-block-hero-image-front ul.slick-initialized,
#block-big-views-block-hero-image-front ul.slick-dots {
  visibility: visible;
}
#block-big-views-block-hero-image-front li {
  margin-left: 0;
  list-style-type: none;
}
#block-big-views-block-hero-image-front button.slick-arrow {
  z-index: 20;
}
#block-big-views-block-hero-image-front .slick-prev,
#block-big-views-block-hero-image-front .slick-next {
  width: 50px;
  height: 50px;
  padding: 0;
}
#block-big-views-block-hero-image-front .slick-prev:before,
#block-big-views-block-hero-image-front .slick-next:before {
  font-size: 30px;
  opacity: 1;
  color: black;
}
#block-big-views-block-hero-image-front .slick-prev {
  left: 3em;
}
#block-big-views-block-hero-image-front .slick-next {
  right: 3em;
}

.slick-dots li button:hover,
.slick-dots li button:focus {
  background-color: transparent;
}

#block-tabs ul,
#block-primary-tabs ul,
#block-big-primary-local-tasks ul,
#block-big-hotline-primary-local-tasks ul,
#block-big-mobil-primary-local-tasks ul,
.local-tasks ul {
  width: 100%;
  margin: 0 0 5px;
  border-bottom: 1px solid rgb(0, 48, 93);
}
#block-tabs ul li,
#block-primary-tabs ul li,
#block-big-primary-local-tasks ul li,
#block-big-hotline-primary-local-tasks ul li,
#block-big-mobil-primary-local-tasks ul li,
.local-tasks ul li {
  display: inline-block;
}
#block-tabs ul a,
#block-primary-tabs ul a,
#block-big-primary-local-tasks ul a,
#block-big-hotline-primary-local-tasks ul a,
#block-big-mobil-primary-local-tasks ul a,
.local-tasks ul a {
  display: block;
  border: 1px solid rgb(0, 48, 93);
  border-bottom: 0;
  border-radius: 3px 3px 0 0;
  padding: 0.5em;
  background-color: white;
  color: rgb(0, 48, 93);
}
#block-tabs ul a:hover,
#block-primary-tabs ul a:hover,
#block-big-primary-local-tasks ul a:hover,
#block-big-hotline-primary-local-tasks ul a:hover,
#block-big-mobil-primary-local-tasks ul a:hover,
.local-tasks ul a:hover {
  background-color: #f0f0f0;
}
#block-tabs ul a:hover,
#block-tabs ul a.is-active,
#block-primary-tabs ul a:hover,
#block-primary-tabs ul a.is-active,
#block-big-primary-local-tasks ul a:hover,
#block-big-primary-local-tasks ul a.is-active,
#block-big-hotline-primary-local-tasks ul a:hover,
#block-big-hotline-primary-local-tasks ul a.is-active,
#block-big-mobil-primary-local-tasks ul a:hover,
#block-big-mobil-primary-local-tasks ul a.is-active,
.local-tasks ul a:hover,
.local-tasks ul a.is-active {
  font-weight: 700;
  color: hsl(209.0322580645, 100%, -1.7647058824%);
}

#block-big-primary-local-tasks,
#block-big-hotline-primary-local-tasks,
#block-big-mobil-primary-local-tasks {
  margin-top: 3em;
}

/* Testimonials
------------------------------- */
#block-views-block-testimonials-block-menu .testimonial--layout-teaser,
#block-views-block-testimonials-block-menu-all .testimonial--layout-teaser {
  display: inline-block;
  width: 21.5%;
  margin: 0 3% 3% 0;
}
#block-views-block-testimonials-block-menu .testimonial--layout-teaser:nth-child(4n+4),
#block-views-block-testimonials-block-menu-all .testimonial--layout-teaser:nth-child(4n+4) {
  margin-right: 0;
}
#block-views-block-testimonials-block-menu .field-logo.field,
#block-views-block-testimonials-block-menu-all .field-logo.field {
  margin-bottom: 0;
  height: 100%;
}

#block-views-block-testimonials-block-content .testimonial--layout-full,
#block-views-block-testimonials-block-content .field-quote-extended,
#block-views-block-testimonials-block-content-all .testimonial--layout-full,
#block-views-block-testimonials-block-content-all .field-quote-extended {
  display: none;
}
#block-views-block-testimonials-block-content .indention,
#block-views-block-testimonials-block-content-all .indention {
  margin-right: 0;
}
#block-views-block-testimonials-block-content .field-attestor,
#block-views-block-testimonials-block-content-all .field-attestor {
  margin-bottom: 0;
}
#block-views-block-testimonials-block-content .paragraph--type--testimonial,
#block-views-block-testimonials-block-content-all .paragraph--type--testimonial {
  margin-bottom: 3em;
}
#block-views-block-testimonials-block-content .paragraph--type--testimonial.quote-extended,
#block-views-block-testimonials-block-content .quote-toggle,
#block-views-block-testimonials-block-content .field-company,
#block-views-block-testimonials-block-content-all .paragraph--type--testimonial.quote-extended,
#block-views-block-testimonials-block-content-all .quote-toggle,
#block-views-block-testimonials-block-content-all .field-company {
  margin-bottom: 1em;
}
#block-views-block-testimonials-block-content .quote-extended .field-quote,
#block-views-block-testimonials-block-content-all .quote-extended .field-quote {
  margin-bottom: 0;
}
#block-views-block-testimonials-block-content .field-quote,
#block-views-block-testimonials-block-content .field-quote-extended,
#block-views-block-testimonials-block-content-all .field-quote,
#block-views-block-testimonials-block-content-all .field-quote-extended {
  font-style: italic;
}
#block-views-block-testimonials-block-content,
#block-views-block-testimonials-block-content-all {
  /* toggle text + icon */
}
#block-views-block-testimonials-block-content .quote-toggle,
#block-views-block-testimonials-block-content-all .quote-toggle {
  text-align: right;
}
#block-views-block-testimonials-block-content .quote-toggle .icon,
#block-views-block-testimonials-block-content-all .quote-toggle .icon {
  font-family: "Font Awesome 5 Pro";
  font-size: 1em;
  font-weight: 900;
}
#block-views-block-testimonials-block-content .quote-toggle .closed .less,
#block-views-block-testimonials-block-content-all .quote-toggle .closed .less {
  display: none;
}
#block-views-block-testimonials-block-content .quote-toggle .closed .icon::before,
#block-views-block-testimonials-block-content-all .quote-toggle .closed .icon::before {
  content: "\f055"; /* f055 plus */
}
#block-views-block-testimonials-block-content .quote-toggle .open .more,
#block-views-block-testimonials-block-content-all .quote-toggle .open .more {
  display: none;
}
#block-views-block-testimonials-block-content .quote-toggle .open .icon::before,
#block-views-block-testimonials-block-content-all .quote-toggle .open .icon::before {
  content: "\f056"; /* f056 minus */
}
#block-views-block-testimonials-block-content .field-project-description,
#block-views-block-testimonials-block-content-all .field-project-description {
  display: none;
}

/* Q&D */
#block-views-block-testimonials-block-content-all .testimonial--layout-full {
  display: block;
}

/* Quick Links 
----------------------------- */
/*
#block-big-quick-links {
    display: flex;
    justify-content: space-between;
    column-gap: 6%;
    margin-bottom: $big-offset;
    .button {
        margin-bottom: 0;
        flex-grow: 0;
        width: 30%;
        padding-bottom: 30%;
        position: relative;
    }
    .button:last-of-type {
        margin-left: auto;
    }
    .button a {
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
//        i { align-self: center; }
        i:before {
            font-size: 150%;
        }
    }
    .button.help a {
        color: black !important;
    }
}

@media screen and (max-width: $screen_small) {
    #block-big-quick-links {
        width: 60%;
        margin-bottom: $base-offset;
        flex-direction: row-reverse;
        .button {
            display: flex;
            align-items: center;
        }

    }
}
@media screen and (max-width: $screen_xsmall) {
    #block-big-quick-links {
        width: 50%;
    }
}
@media screen and (max-width: $screen_xxsmall) {
    #block-big-quick-links {
        width: 75%;
    }
}
*/
#block-big-quick-links .button {
  float: right;
  margin-left: 2em;
  margin-bottom: 1em;
  font-size: larger;
}
#block-big-quick-links .button.donate {
  margin-left: 0;
}

@media screen and (min-width: 1079px) {
  #block-big-quick-links .button a {
    display: flex;
    flex-direction: column;
  }
  #block-big-quick-links .button i:before {
    display: flex;
    justify-content: center;
    font-size: 2em;
    margin-bottom: 0.2em;
  }
}
#block-big-clearfix.block {
  padding-bottom: 0 !important;
}

/* Hanging Imgage w Text
--------------------------- */
.paragraph--type--hanging-image-w-text {
  display: flex;
}
.paragraph--type--hanging-image-w-text .field-hanging-image {
  height: auto !important;
}

/* Piwik 
------------------------------------ */
#piwikAjaxOptOutTrack {
  background-color: #12BC00;
  margin-right: 3em;
}

#piwikAjaxOptOutUntrack {
  background-color: rgb(0, 48, 93);
}

/* Sidebar block: #teamgewaltfrei 
--------------------------------- */
#block-big-teamgewaltfrei .image {
  margin-bottom: 2em;
}

/* BIG Hotline + BIG Mobil Telefon 
---------------------------------  */
#block-big-hotline-buttons {
  width: 5em;
  position: fixed;
  top: 1em;
  right: 3em;
  z-index: 11;
}
#block-big-hotline-buttons a {
  display: block;
  margin-bottom: 1em;
}
#block-big-hotline-buttons svg .white {
  fill: white;
}
#block-big-hotline-buttons svg .colored {
  fill: rgb(0, 48, 93);
}
#block-big-hotline-buttons a:active svg .colored,
#block-big-hotline-buttons a:hover svg .colored {
  fill: rgb(219, 1, 50);
}
@media screen and (max-width: 808px) {
  #block-big-hotline-buttons {
    width: 3em;
    top: 1em;
    right: 1em;
  }
}

/* Textlinks mit border unterstreichen, hier sukzessive eintragen */
#main .field-abstract a,
#main .field-text a,
#main .field-textblock a,
#main .field-html a,
#main .field-address a,
#main .field-highlight a {
  border-bottom: thin dotted;
  padding: 0 0.2em;
}

aside .source a {
  border-bottom: thin dotted;
}

.editorial--layout-full .field-html a {
  border-bottom: thin dotted;
}

/* Hero Images & Headlines
--------------------------------------- */
.view-hero-images {
  position: relative;
}

h1.headlines {
  display: block;
  margin: 0;
}

h1.headlines span {
  display: block;
}

h1 span.field-dachzeile {
  font-family: noto-sans-display, sans-serif;
  font-size: 0.6em;
}

h1.headlines span.field-dachzeile {
  font-size: 0.75em;
  font-weight: 400;
  text-transform: uppercase;
}
h1.headlines span.field-headline {
  font-size: 1.2em;
}

header.node-header {
  padding: 1em;
}

header.node-header,
.field-image img {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.2);
}

.view-hero-images .no-image {
  min-height: 300px;
  background-color: white;
}

/* Q&D: /bdp-aktuell */
.page-node-1551 #block-views-block-hero-images-block-page {
  display: none;
}

/* Issue Hero */
#block-views-block-hero-images-block-issue .overlay .overlay-inner,
#block-views-block-hero-images-block-issue-latest .overlay .overlay-inner,
#block-views-block-hero-images-block-issue-latest-2 .overlay .overlay-inner {
  padding: 1em;
  position: relative;
}
#block-views-block-hero-images-block-issue .overlay h1,
#block-views-block-hero-images-block-issue .overlay p,
#block-views-block-hero-images-block-issue .overlay a:link,
#block-views-block-hero-images-block-issue-latest .overlay h1,
#block-views-block-hero-images-block-issue-latest .overlay p,
#block-views-block-hero-images-block-issue-latest .overlay a:link,
#block-views-block-hero-images-block-issue-latest-2 .overlay h1,
#block-views-block-hero-images-block-issue-latest-2 .overlay p,
#block-views-block-hero-images-block-issue-latest-2 .overlay a:link {
  color: white;
  margin-bottom: 0;
}
#block-views-block-hero-images-block-issue .overlay .field-title,
#block-views-block-hero-images-block-issue .overlay .field-subline,
#block-views-block-hero-images-block-issue-latest .overlay .field-title,
#block-views-block-hero-images-block-issue-latest .overlay .field-subline,
#block-views-block-hero-images-block-issue-latest-2 .overlay .field-title,
#block-views-block-hero-images-block-issue-latest-2 .overlay .field-subline {
  padding-right: 30%;
}
#block-views-block-hero-images-block-issue .overlay a:hover,
#block-views-block-hero-images-block-issue-latest .overlay a:hover,
#block-views-block-hero-images-block-issue-latest-2 .overlay a:hover {
  color: rgb(0, 48, 93);
}
#block-views-block-hero-images-block-issue .overlay .issue,
#block-views-block-hero-images-block-issue-latest .overlay .issue,
#block-views-block-hero-images-block-issue-latest-2 .overlay .issue {
  position: absolute;
  top: 1em;
  right: 1em;
}
#block-views-block-hero-images-block-issue .overlay .field-pdf,
#block-views-block-hero-images-block-issue-latest .overlay .field-pdf,
#block-views-block-hero-images-block-issue-latest-2 .overlay .field-pdf {
  position: absolute;
  bottom: 1em;
  right: 1em;
}
#block-views-block-hero-images-block-issue .overlay i,
#block-views-block-hero-images-block-issue-latest .overlay i,
#block-views-block-hero-images-block-issue-latest-2 .overlay i {
  margin-left: 0.5em;
}
@media screen and (max-width: 599px) {
  #block-views-block-hero-images-block-issue .overlay .field-title,
  #block-views-block-hero-images-block-issue .overlay .field-subline,
  #block-views-block-hero-images-block-issue-latest .overlay .field-title,
  #block-views-block-hero-images-block-issue-latest .overlay .field-subline,
  #block-views-block-hero-images-block-issue-latest-2 .overlay .field-title,
  #block-views-block-hero-images-block-issue-latest-2 .overlay .field-subline {
    padding-right: 10%;
  }
  #block-views-block-hero-images-block-issue .overlay .field-subline,
  #block-views-block-hero-images-block-issue-latest .overlay .field-subline,
  #block-views-block-hero-images-block-issue-latest-2 .overlay .field-subline {
    margin-bottom: 0.5em;
  }
  #block-views-block-hero-images-block-issue .overlay .field-pdf,
  #block-views-block-hero-images-block-issue-latest .overlay .field-pdf,
  #block-views-block-hero-images-block-issue-latest-2 .overlay .field-pdf {
    position: relative;
    bottom: 0;
  }
}

@media screen and (max-width: 599px) {
  #block-views-block-hero-images-block-issue .overlay .issue,
  #block-views-block-hero-images-block-issue .overlay .field-pdf,
  #block-views-block-hero-images-block-issue-latest .overlay .issue,
  #block-views-block-hero-images-block-issue-latest .overlay .field-pdf,
  #block-views-block-hero-images-block-issue-latest-2 .overlay .issue,
  #block-views-block-hero-images-block-issue-latest-2 .overlay .field-pdf {
    position: relative;
    top: auto;
    right: auto;
    text-align: right;
  }
}
/* - ??? - */
.rows h2.row-headline,
.location--layout-full h2.headlines {
  font-family: noto-sans-display, sans-serif;
  background-color: rgb(0, 48, 93);
  font-weight: normal;
  font-size: 1.1em;
  position: relative;
  color: white;
}
.rows h2.row-headline a,
.location--layout-full h2.headlines a {
  display: block;
  color: white;
}
.rows h2.row-headline .more,
.location--layout-full h2.headlines .more {
  position: absolute;
  right: 1em;
  line-height: 1.3em;
}
.rows h2.row-headline span,
.location--layout-full h2.headlines span {
  display: block;
  padding: 0.5em;
}

.rows h2.row-headline {
  margin-bottom: 3em;
}

.rows h2.row-headline:hover {
  background-color: rgb(219, 1, 50) !important;
}

/* Node header einzeln ausblenden
wird angezeigt bei: member, location */
.with-hero .page--layout-full header.node-header,
.with-hero .article--layout-full header.node-header,
.with-hero .theme--layout-full header.node-header,
.with-hero .error-page--layout-full header.node-header {
  display: none;
}

/* Blocks Headlines
---------------------------------------- */
aside .block h2:first-child {
  padding: 0.5em;
  background-color: rgb(0, 48, 93);
  color: white;
  font-family: noto-sans-display, sans-serif;
  font-weight: 600;
  margin-bottom: 2em; /* ca. 42 ($big-offset) : 20.8 (font-size h2) */
}

aside nav h2:first-child {
  margin-bottom: 1em;
}

main .views-element-container.block h2:first-child,
main .views-element-container.block nav h2:first-child,
#region-content-top-first h2:first-child,
#region-content-top-first nav h2:first-child,
div.block.headline h2:first-child,
div.block.headline nav h2:first-child {
  padding: 0.5em;
  background-color: rgb(0, 48, 93);
  color: white;
  font-family: noto-sans-display, sans-serif;
  font-weight: 600;
  margin-bottom: 2em; /* ca. 42 ($big-offset) : 20.8 (font-size h2) */
}

h2.h-block {
  padding: 0.5em;
  background-color: rgb(0, 48, 93);
  color: white;
  font-family: noto-sans-display, sans-serif;
  font-weight: 600;
  margin-bottom: 2em; /* ca. 42 ($big-offset) : 20.8 (font-size h2) */
}

article.testimonial h3.company {
  padding: 0.5em;
  background-color: rgb(0, 48, 93);
  color: white;
}
.page-node-1433 main .views-element-container.block h2:first-child {
  padding: 0;
}
.page-node-1433 .location--layout-teaser h2.headlines {
  font-family: noto-sans-display, sans-serif !important;
  font-weight: 700 !important;
  background-color: transparent !important;
  padding: 0 !important;
  margin-bottom: 0.75em;
}

aside .block .container,
aside nav ul.menu,
aside .block .field-body {
  padding-left: 0.5em;
}
aside .block .container .container,
aside nav ul.menu li ul {
  padding-left: 0;
}

/* Endeabstaende
---------------------------------------- */
.field > *:last-child,
#block-menu-toggle div.field {
  margin-bottom: 0;
}

.field,
.field-group,
.node-header,
.paragraph--type--image .field-image,
#block-big-views-block-image-block-main {
  margin-bottom: 3em;
}

.field-image,
.field-portrait,
.field-profession,
.field-square,
.field-telephone,
.field-fax,
.field-email,
.field-superhero,
.field-card-image,
.view-member div.field-group,
.news--layout-teaser .field-abstract,
.medium--layout-teaser .field-abstract {
  margin-bottom: 0;
}

.field-address,
aside .field--name-field-image,
.medium--layout-full .field--label-inline {
  margin-bottom: 1em;
}

aside nav,
aside .block {
  padding-bottom: 2em;
}
aside .block.headline {
  padding-bottom: 0;
}

@media screen and (max-width: 1079px) {
  aside#region-sidebar-first nav,
  aside#region-sidebar-first .block {
    padding-bottom: 1em;
  }
}
/* Q&D: Medienauswahl Menu */
#block-big-media-select {
  padding-bottom: 1em;
}

#block-big-media-select-section {
  padding-bottom: 2em;
}
@media screen and (max-width: 1079px) {
  #block-big-media-select-section {
    padding-bottom: 1em;
  }
}

/* aside {
    nav:last-of-type { 
        padding-bottom: 0;    }
}

aside {
    nav:first-of-type { 
        padding-bottom: $big-offset;    }
}
*/
aside .block div.field:last-child,
aside .view div.field:last-child {
  margin-bottom: 0;
}

#block-views-block-hero-images-block-issue-latest {
  padding-bottom: 3em;
}

/* News + hanging indents
------------------------------------------------------------ */
main .news--layout-teaser.with-image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media screen and (max-width: 599px) {
  main .news--layout-teaser.with-image {
    display: block;
  }
  main .news--layout-teaser.with-image .field-image {
    width: 70%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 2em;
  }
  main .news--layout-teaser.with-image .indention {
    width: 100%;
  }
}
@media screen and (max-width: 429px) {
  main .news--layout-teaser.with-image .field-image {
    width: 85%;
  }
}
@media screen and (min-width: 600px) and (max-width: 1199px) {
  main .news--layout-teaser.with-image .field-image {
    width: 33%;
  }
  main .news--layout-teaser.with-image .indention {
    width: 64%;
  }
}
@media screen and (min-width: 1200px) {
  main .news--layout-teaser.with-image .field-image,
  main .news--layout-teaser.with-image .indention {
    width: 47.5%;
  }
}

@media screen and (max-width: 599px) {
  .news--layout-teaser.with-image {
    display: block;
  }
}
aside .news--layout-teaser.with-image .field-image {
  width: 75%;
  margin-bottom: 2em;
}

/* Thumb Breite */
@media screen and (max-width: 809px) {
  main .hanging-indent > div:first-child,
  aside .hanging-indent > div:first-child,
  .view-ausgaben .view-articles .hanging-indent > div:first-child,
  .view-videos .hanging-indent > div:first-child,
  .view-articles-extra .view-articles .hanging-indent > div:first-child,
  #block-views-block-member-block-node-header .hanging-indent > div:first-child,
  #block-bdp-sub-views-block-member-block-node-header .hanging-indent > div:first-child,
  #block-bdp-sub-cn-views-block-member-block-node-header .hanging-indent > div:first-child {
    width: 83px;
    height: 83px;
    margin-right: 17px;
  }
}
@media screen and (min-width: 810px) and (max-width: 1199px) {
  .view-sections .hanging-indent > div:first-child {
    width: 111px;
    height: 111px;
    margin-right: 24px;
  }
  aside .hanging-indent > div:first-child,
  .view-sections .hanging-indent > div:first-child {
    width: 83px;
    height: 83px;
    margin-right: 10px;
  }
}
@media screen and (min-width: 1200px) {
  main .hanging-indent > div:first-child,
  .view-sections .hanging-indent > div:first-child {
    width: 180px;
    height: 180px;
    margin-right: 32px;
  }
  aside .hanging-indent > div:first-child,
  .view-ausgaben .view-articles .hanging-indent > div:first-child {
    width: 100px;
    margin-right: 20px;
  }
}
/* Typographie 
===================================== */
/* subline + abstract groß 
------------------------------------- */
.article--layout-full .field-subline,
.section--layout-full .field-subline,
.special-page--layout-full .field-subline,
.page--layout-full .field-subline,
.error-page--layout-full .field-abstract,
.service--layout-full .field-abstract,
.view-abstract .field-abstract {
  font-weight: 700;
  font-size: 1.2em;
  line-height: 1.5em;
  margin-bottom: 2em;
}

.view .field-subline {
  font-weight: 400;
  font-size: 1em;
}

/* spezielle Elemente
------------------------------------- */
.field-highlight {
  padding-left: 2em;
  position: relative;
}
.field-highlight > * { /* font-size für Kinder von field-highlight (statt field selbst!), weil sonst margin-bottom von field auch größer wird! */
  font-size: larger;
  font-weight: 600;
}
.field-highlight .fa-exclamation-triangle {
  position: absolute;
  top: 0.1em;
  left: 0;
  color: rgb(0, 48, 93);
}

.node-content blockquote {
  padding-left: 1.5em;
  color: rgb(0, 48, 93);
  border-left: solid 1em rgb(0, 48, 93);
  font-style: italic;
}

.page--layout-full.hide-subline p.field-subline,
.special-page--layout-full.hide-subline p.field-subline,
.page-node-19 p.field-subline {
  display: none;
}

/* Styles Einrichtung
--------------------------------------- */
.service--layout-full- h2 {
  background-color: rgb(0, 48, 93);
  color: white;
  padding: 0.5em;
  margin-top: 2em;
}
.service--layout-full- h2 a {
  color: white;
}

/* Styles Issues
--------------------------------------- */
article.issue-teaser {
  padding-top: 3em;
  margin-top: 3em;
  border-top: 1px dotted #333;
}
article.issue-teaser span {
  display: block;
}
article.issue-teaser h2 {
  font-family: noto-sans-display, sans-serif;
  font-size: 1.4em;
  font-weight: 400;
}
article.issue-teaser a:hover h2,
article.issue-teaser a h2:hover {
  color: rgb(219, 1, 50) !important;
}
article.issue-teaser .issue,
article.issue-teaser .field-subline {
  font-weight: 700;
  font-family: noto-sans-display, sans-serif;
}
article.issue-teaser .field-subline {
  font-size: 0.73em; /* h2-Basis ist 22: 16 : 28 = 0.73 */
  line-height: 1.25em;
}
article.issue-teaser .inner {
  position: relative;
}
article.issue-teaser .pdf {
  position: absolute;
  right: 0;
}
article.issue-teaser .more {
  position: absolute;
  top: 0;
  right: 0;
  display: none;
}

article.issue-teaser:first-of-type {
  padding-top: 0;
  margin-top: 0;
  border-top: 0px;
}

article.issue .field__label {
  font-weight: 700;
  margin-bottom: 1em;
}

/* Styles Beiträge bzw. articles UND Themen UND Videos
--------------------------------------- */
.article--layout-teaser,
.section--layout-teaser,
.medium--layout-teaser,
.news--layout-teaser,
.sidebar-feature {
  padding-bottom: 3em;
  margin-bottom: 3em;
  border-bottom: 1px dotted #333;
}
.article--layout-teaser h3,
.section--layout-teaser h3,
.medium--layout-teaser h3,
.news--layout-teaser h3,
.sidebar-feature h3 {
  position: relative;
  padding-right: 3em;
}
.article--layout-teaser span,
.section--layout-teaser span,
.medium--layout-teaser span,
.news--layout-teaser span,
.sidebar-feature span {
  display: block;
}
.article--layout-teaser .field-dachzeile,
.section--layout-teaser .field-dachzeile,
.medium--layout-teaser .field-dachzeile,
.news--layout-teaser .field-dachzeile,
.sidebar-feature .field-dachzeile {
  font-family: noto-sans-display, sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 0.9091em; /* 16 : 17.6 */
}
.article--layout-teaser .field-headline,
.section--layout-teaser .field-headline,
.medium--layout-teaser .field-headline,
.news--layout-teaser .field-headline,
.sidebar-feature .field-headline {
  font-family: noto-sans-display, sans-serif;
  font-size: 1.25em;
  font-weight: 600;
  line-height: 1.25em;
}
.article--layout-teaser .field-subline,
.article--layout-teaser .field-thumb,
.article--layout-teaser .field-teaser-extension,
.section--layout-teaser .field-subline,
.section--layout-teaser .field-thumb,
.section--layout-teaser .field-teaser-extension,
.medium--layout-teaser .field-subline,
.medium--layout-teaser .field-thumb,
.medium--layout-teaser .field-teaser-extension,
.news--layout-teaser .field-subline,
.news--layout-teaser .field-thumb,
.news--layout-teaser .field-teaser-extension,
.sidebar-feature .field-subline,
.sidebar-feature .field-thumb,
.sidebar-feature .field-teaser-extension {
  margin-bottom: 0;
}
.article--layout-teaser .field-teaser-extension,
.section--layout-teaser .field-teaser-extension,
.medium--layout-teaser .field-teaser-extension,
.news--layout-teaser .field-teaser-extension,
.sidebar-feature .field-teaser-extension {
  margin-top: 2em;
}
.article--layout-teaser .more,
.section--layout-teaser .more,
.medium--layout-teaser .more,
.news--layout-teaser .more,
.sidebar-feature .more {
  position: absolute;
  top: 0;
  right: 0;
  display: none;
}
.article--layout-teaser h3:hover i,
.section--layout-teaser h3:hover i,
.medium--layout-teaser h3:hover i,
.news--layout-teaser h3:hover i,
.sidebar-feature h3:hover i {
  color: rgb(0, 48, 93);
}

.news span.date {
  display: inline-block;
  float: left;
  font-weight: 600;
}
.news--layout-full .field-abstract {
  font-size: 1.2em;
  font-weight: 600;
}

.news--layout-teaser:last-of-type,
.medium--layout-teaser:last-of-type {
  border-bottom: 0;
  margin-bottom: 0;
}

aside .article--layout-teaser h3.headlines {
  padding-right: 0;
  font-size: 1em;
}
aside .article--layout-teaser .field-dachzeile {
  font-size: 0.8em;
}
aside .article--layout-teaser .field-headline {
  font-size: 1.1em;
}
aside .article--layout-teaser i.more {
  display: none;
}

.field--name-field-slide {
  width: 100%;
  height: auto;
}

/* Styles Author + Quelle
--------------------------------------- */
article.author {
  margin-bottom: 3em;
}
article.author .field-portrait- {
  width: 20%;
  margin-right: 2em;
}
article.author .field-group {
  margin-bottom: 0 !important;
}

article.author:last-of-type {
  margin-bottom: 0;
}

p.source {
  margin-bottom: 0;
}

@media screen and (max-width: 809px) {
  .view-author .rows {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
  }
  .view-author .rows article {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin-right: 2em;
  }
  #block-views-block-author-block-article {
    padding-bottom: 0;
    min-width: 300px;
  }
  article.author:last-of-type {
    max-width: 320px;
    margin-bottom: 3em;
  }
  #region-sidebar-first- {
    border-bottom: 1px dotted #333;
    margin-bottom: 3em;
  }
}
/* Accessibility
--------------------------------------- */
.field-telephone,
.field-fax {
  speak-as: digits;
}

/* Views
---------------------------------- */
.view {
  width: 100%;
}

.view-team {
  float: left;
  margin-bottom: 3em;
}

/* View Relations: Fetched Teasers
-------------------------------------- */
.block-fetched-top,
.block-fetched-center {
  padding-bottom: 3em;
  margin-bottom: 3em;
  border-bottom: 2px solid rgb(0, 48, 93);
}

.block-fetched-center {
  padding-top: 3em;
  margin-top: 3em;
  border-top: 2px solid rgb(0, 48, 93);
}

.block-fetched-bottom- {
  padding-top: 3em;
  margin-top: 3em;
}

/* Medium 
-------------------------------------- */
.node-type-medium header h1.title {
  margin-bottom: 0.5em;
}
.node-type-medium header h1.title span {
  font-size: 1.2em;
}
.node-type-medium header span.field-subline {
  display: block;
  font-size: 1.2em;
  font-weight: 400;
  margin-bottom: 0;
}
.node-type-medium .field-abstract {
  font-weight: 700;
}
.node-type-medium .basics.with-illustration {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.node-type-medium .basics.with-illustration .field-illustration {
  width: 30%;
}
.node-type-medium .basics.with-illustration .field-illustration img {
  border: solid 1px #f0f0f0;
}
.node-type-medium .basics.with-illustration .imprint {
  width: 65%;
}

.field--name-field-downloads li,
.attachments li {
  margin-bottom: 0.5em;
}
.field--name-field-downloads i.fa-file-pdf,
.attachments i.fa-file-pdf {
  color: rgb(219, 1, 50);
}

.medium--layout-teaser {
  display: flex;
  align-content: space-between;
}
.medium--layout-teaser .field-headline,
.medium--layout-teaser .field-subline {
  display: block;
}
.medium--layout-teaser .field-illustration {
  margin-right: 3em;
  margin-bottom: 0;
  min-width: 150px;
}
.medium--layout-teaser .field-illustration img {
  border: solid 1px #f0f0f0;
}

.medium--layout-full .field--label-inline {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.medium--layout-full .field--label-inline .field__label {
  width: 25%;
  font-weight: 700;
}
.medium--layout-full .field--label-inline .field__item {
  width: 70%;
}
@media screen and (max-width: 809px) {
  .medium--layout-full .field--label-inline {
    display: block;
  }
  .medium--layout-full .field__label,
  .medium--layout-full .field__item {
    width: 100%;
  }
}
.medium--layout-full .field--label-above .field__label {
  font-size: 1.2em;
  font-weight: 700;
  margin-bottom: 1em;
}

.medium--layout-teaser .field-mediatype {
  margin-top: 1em;
  margin-bottom: 0;
}
.medium--layout-teaser .field__label {
  font-weight: 700;
}
.medium--layout-teaser span {
  display: inline;
}

/* Blog 
-------------------------------------- */
.node-type-blogpost .blogpost--layout-full .field-abstract {
  font-weight: 700;
}

.blogpost--layout-teaser {
  padding-bottom: 3em;
  margin-bottom: 3em;
  border-bottom: 1px dotted #333;
}
.blogpost--layout-teaser .field--name-field-image {
  margin-bottom: 1.5em;
}

.blogpost--layout-teaser:last-of-type {
  border-bottom: 0;
}

aside .blogpost--layout-teaser:last-of-type {
  padding-bottom: 0;
}

/* Spendenformular 
-------------------------------- */
#bfs-net-tool {
  padding-bottom: 120% !important;
}

.page-node-46 .field-code {
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px;
  box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.2);
  padding: 1em;
}

/* Stellenabgebote 
-------------------------------- */
#block-views-block-vacancies-block-1 {
  margin-bottom: 6em;
}

/* Maintenance page
--------------------------------- */
.maintenance-page header {
  margin-bottom: 6em;
}
.maintenance-page header h1,
.maintenance-page header div {
  display: none;
}
.maintenance-page main h1 {
  color: rgb(0, 48, 93);
}

/* Styles Impressum & Co. 
------------------------------- */
.page-node-939 dd {
  padding-left: 2em;
}
.page-node-939 dt p,
.page-node-939 dd p {
  margin-bottom: 0;
}

/* borders + box-shadows 
--------------------------------- */
.button,
.block h2:first-child,
h2.accordion-menu,
dt.accordion-title,
h2.accordion-title,
.view-vacant-shelters h2 {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.2);
}

/* keine border + shaddows */
.block h2.subheading,
.block .field-text h2 {
  border: none;
  box-shadow: none;
}

/* vacancies */
.view-vacant-shelters {
  margin-bottom: 6em;
}
.view-vacant-shelters h2 {
  padding: 0.25em;
  background-color: #f0f0f0;
  margin-top: 2em;
  margin-bottom: 1em;
}
.view-vacant-shelters .contact,
.view-vacant-shelters .infos,
.view-vacant-shelters .vacancies,
.view-vacant-shelters .changed,
.view-vacant-shelters .edit,
.view-vacant-shelters .field-text {
  margin-bottom: 1em;
  margin-left: 1em;
}
.view-vacant-shelters .edit {
  text-align: right;
}
.view-vacant-shelters .button {
  padding: 0.25em;
}

/* Landing Pages
============================================= */
.node-type-landing-page .node-hero,
.node-type-landing-page .imageheader {
  position: relative;
  margin-bottom: 3em;
}
.node-type-landing-page .field-slogan,
.node-type-landing-page .field-bigcard-headline {
  position: absolute;
  bottom: 0;
  margin-bottom: 0;
  width: 100%;
  background-color: rgba(238, 127, 1, 0.9);
}
.node-type-landing-page .field-slogan h1, .node-type-landing-page .field-slogan h2,
.node-type-landing-page .field-bigcard-headline h1,
.node-type-landing-page .field-bigcard-headline h2 {
  color: black;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 1em;
  padding-bottom: 1em;
  font-weight: 600;
  text-align: center;
  box-shadow: none;
  border: 0;
}
@media screen and (min-width: 809px) {
  .node-type-landing-page .field-slogan h1,
  .node-type-landing-page .field-bigcard-headline h1 {
    font-size: 2.5em;
  }
}
.node-type-landing-page .field-copytext p {
  text-align: center;
}
@media screen and (min-width: 809px) {
  .node-type-landing-page .field-copytext p {
    font-size: larger;
  }
}
.node-type-landing-page .textblock {
  display: flex;
  justify-content: center;
}
.node-type-landing-page .field-textblock {
  width: 50%;
}
.node-type-landing-page .paragraph--type--big-card,
.node-type-landing-page .paragraph--type--text {
  max-width: 90%;
  margin-right: auto;
  margin-left: auto;
}
@media screen and (orientation: portrait) {
  .node-type-landing-page .field-slogan,
  .node-type-landing-page .field-bigcard-headline {
    position: relative;
    bottom: auto;
    background-color: rgb(238, 127, 1);
  }
}

p.center {
  text-align: center;
}

@media print {
  * {
    background-color: transparent;
  }
  .sidebar,
  #navigation,
  #header-region,
  #footer,
  .breadcrumb,
  .tabs,
  .feed-icon,
  .links {
    display: none;
  }
  .layout-container {
    width: 100%;
  }
  #content,
  .title {
    margin: 20px 0;
    width: auto;
  }
  a:hover, a:active, a:link, a:visited {
    color: black;
  }
  #content a:link:after, #content a:visited:after {
    content: " (" attr(href) ") ";
    font-size: 0.8em;
    font-weight: normal;
  }
}

/*# sourceMappingURL=main.css.map */