@charset "UTF-8";
@import url("../../css/custom/font_roboto.css");
@import url("../../css/custom/font-awesome.min.css");
/* @group Tools */
.vertical-align {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

@media (max-width: 767px) {
  .vertical-align {
    display: block; } }
.no-gutter > [class*='col-'] {
  padding-right: 0 !important;
  padding-left: 0 !important; }

.backtotop {
  z-index: 1000;
  display: none;
  position: fixed;
  bottom: 2rem;
  right: 2rem;
  width: 2em;
  height: 2em;
  background-color: rgba(0, 0, 0, 0.3);
  text-decoration: none;
  border-radius: 2em;
  text-align: center;
  cursor: pointer;
  font: bold 1em/2em "FontAwesome";
  color: rgba(255, 255, 255, 0.5); }
  .backtotop:hover {
    color: #ffffff;
    background-color: #DF0404;
    text-decoration: none !important; }

@media (max-width: 479px) {
  .backtotop {
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto; } }
.media-credit {
  width: inherit !important;
  float: right;
  font-size: 7.2pt !important;
  background-color: rgba(0, 0, 0, 0.5);
  margin: 0;
  padding: 0.66rem;
  color: #ffffff;
  position: absolute;
  right: 0;
  bottom: 0; }

.versteckt {
  display: none; }

.helper {
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

/* @end */
.test {
  background: url("../img/sample_image_brexit.jpg") no-repeat center center !important;
  padding-bottom: 10rem !important; }

body {
  color: #000000;
  font: 300 12pt/135% Roboto, Arial, Helvetica, Geneva, sans-serif;
  -webkit-hyphens: auto;
      -ms-hyphens: auto;
          hyphens: auto;
  margin: 0;
  padding: 0;
  font-size: 12pt;
  line-height: 135%;
  -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
          text-size-adjust: 100%; }

@media (max-width: 767px) {
  body {
    font: 300 11pt/130% Roboto, Arial, Helvetica, Geneva, sans-serif; } }
/* @group Standards */
#container {
  background-color: #ffffff;
  margin-left: auto;
  margin-right: auto;
  max-width: 1200px;
  width: 92%; }

#content {
  clear: both; }
  #content .row > div {
    margin-bottom: 2em; }
  #content .row .form-group.row:last-of-type {
    margin-bottom: 0; }
  #content .row .form-group button:last-of-type {
    margin-bottom: 0.25em; }
  #content .row .row div:last-child {
    margin-bottom: 0; }

p a {
  text-decoration: underline; }
  p a:hover, p a:focus {
    text-decoration: underline; }

a {
  color: #DF0404;
  text-decoration: none; }
  a:hover {
    color: #777777;
    text-decoration: none; }

hr {
  margin-bottom: 1em;
  margin-top: 1em;
  border-color: #777777;
  border-width: 1px; }

.klein {
  font-size: 0.85em; }

.kurz p {
  max-width: 85% !important; }

.gedichtsatz {
  -webkit-hyphens: none !important;
      -ms-hyphens: none !important;
          hyphens: none !important; }

.gallerie p {
  margin-top: 1ex;
  margin-bottom: 1ex;
  font-weight: 300;
  font-style: normal !important; }

.social {
  list-style-type: none;
  margin: 0;
  padding: 0; }
  .social li {
    float: left;
    padding-right: 1.5ex; }
    .social li .fa {
      padding-right: 0.5ex; }
    .social li a {
      color: #777777; }
      .social li a:hover, .social li a:focus {
        color: #DF0404; }

@media (max-width: 479px) {
  .social {
    text-align: right; }
    .social .beschreibung {
      display: none; } }
iframe {
  border: none;
  width: 100%;
  padding: 0;
  margin: 0; }

/* @end */
/* @group Positionen */
.links {
  text-align: left; }
  .links.float {
    float: left; }

.rechts {
  text-align: right; }
  .rechts.float {
    float: right; }

.oben-rechts {
  position: absolute;
  top: 1.5rem;
  right: 1.5rem; }

.oben-links {
  position: absolute;
  top: 1.5rem;
  left: 1.5rem; }

/* @end */
/* @group Überschriften */
h1, h2, h3, h4, h5 {
  overflow-wrap: break-word;
  word-break: break-word;
  -webkit-hyphens: none;
      -ms-hyphens: none;
          hyphens: none;
  font-weight: 700;
  line-height: 100%;
  font-family: Roboto, Arial, Helvetica, Geneva, sans-serif !important; }
  h1 a, h2 a, h3 a, h4 a {
    color: #000000; }
    h1 a:hover, h1 a:focus, h2 a:hover, h2 a:focus, h3 a:hover, h3 a:focus, h4 a:hover, h4 a:focus {
      color: #DF0404; }

h1 {
  font-size: 2em;
  margin-top: 0;
  margin-bottom: 0.5em; }

h2 {
  font-size: 1.625em;
  margin-bottom: 0.76925em;
  margin-top: 0.85em; }
  h2 + h3 {
    margin-top: -0.76925em;
    font-weight: 300; }

h3 {
  font-size: 1.25em;
  margin-bottom: 1em;
  font-weight: 300;
  margin-top: 0; }
  h3 + h4 {
    margin-top: -0.76925em !important;
    margin-bottom: 1em !important;
    font-style: italic; }

h4, h5 {
    font-size: 1em;
    font-weight: 300;
}

h5 {
    margin-top: 0;
    font-weight: 300;
}

@media (max-width: 479px) {
  h2, h3 {
    max-width: 100% !important; }

  h2 {
    margin-top: 0.25em; } }
/* @end */
/* @group Tooltips */
.userinfo {
  border: 1px dashed #777777;
  padding: 1ex;
  font-style: italic; }
  .userinfo.fail {
    background-color: #DF0404; }

/* @end */
/* @group Navigation */
nav {
  margin: 0.5em 0; }
  nav .nav-pills {
    font-size: 1.1em; }
    nav .nav-pills a, nav .nav-pills a:hover, nav .nav-pills a:visited, nav .nav-pills a:active {
      background-color: #DF0404;
      border-radius: 0 !important;
      border: 1px solid #DF0404 !important;
      color: #ffffff;
      padding: 0.8ex 1.1ex 0.75ex !important;
      text-decoration: none !important; }
    nav .nav-pills .active a, nav .nav-pills a:hover {
      background-color: #777777 !important;
      border-color: #777777 !important;
      text-decoration: none !important; }
    nav .nav-pills li {
      margin-bottom: 0.7ex;
      margin-left: 0 !important;
      margin-right: 0.65ex; }
  nav #nav_sub a, nav #nav_sub a:hover, nav #nav_sub a:visited, nav #nav_sub a:active {
    background-color: #ffffff;
    color: #DF0404; }
  nav #nav_sub .active a, nav #nav_sub a:hover {
    background-color: #efefef !important;
    border: 1px solid #777777 !important;
    color: #777777; }
  nav .breadcrumb {
    background: none;
    color: #000000 !important;
    font-size: 0.66em;
    margin: 0 0 0 1px;
    padding: 0; }
    nav .breadcrumb a, nav .breadcrumb ::before {
      color: #000000 !important; }

@media (max-width: 767px) {
  nav {
    margin-top: 0.5em; }
    nav .nav-pills li {
      margin-bottom: 0.6ex;
      margin-right: 0.6ex; } }
.nav-4 {
  margin-top: -1em !important; }
  .nav-4 .control-label {
    float: left;
    padding-right: 1ex;
    line-height: 1.75em; }
  .nav-4 #filtermenu {
    float: left;
    max-width: 300px; }

@media (max-width: 767px) {
  .nav-4 .control-label {
    float: none;
    padding-right: 0;
    line-height: 1em; }
  .nav-4 #filtermenu {
    float: none;
    max-width: 100%; } }
.nav-hilf-mobile {
  display: none; }
  .nav-hilf-mobile a {
    color: #000000;
    display: inline-block;
    margin-bottom: 0.66ex;
    margin-right: 0.33ex;
    padding: 1ex;
    padding-bottom: 0.75ex;
    border: 1px solid #000000; }

@media (max-width: 767px) {
  .nav-hilf-mobile {
    display: block; } }
/* @end */
/* @group Header */
header {
  z-index: 1000;
  padding-top: 1em;
  padding-bottom: 1em; }
  header #nav_mobile_toggle {
    float: right;
    display: none;
    margin-top: 3.5%;
    padding: 0;
    border: none !important;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    border: none !important; }
    header #nav_mobile_toggle:hover, header #nav_mobile_toggle:focus {
      border: none !important; }
    header #nav_mobile_toggle .fa {
      font-size: 1.75em; }
  header .service {
    float: right;
    margin-top: 1em;
    opacity: 0.75;
    height: 1.7em; }
  header .social {
    float: left;
    padding-right: 2ex; }
    header .social li {
      padding-right: 0;
      line-height: 3rem;
      height: 3rem;
      font-size: 12pt; }
      header .social li .klein {
        padding-right: 1ex; }
      header .social li .fa {
        padding-right: 0; }
        header .social li .fa .fa-stack-2x {
          display: none; }
        header .social li .fa .fa-inverse {
          color: #777777; }
          header .social li .fa .fa-inverse:hover {
            color: #DF0404; }
    header .social .beschreibung {
      display: none; }
  header #logo {
    margin: 0;
    max-width: 300px;
    width: 60%; }
    header #logo img {
      margin-left: -2ex;
      width: 100%; }

@media (min-width: 768px) {
  header #nav {
    display: block !important;
    height: inherit !important; }
  header.affix {
    position: relative; } }
@media (max-width: 479px) {
  header #nav_mobile_toggle {
    margin-top: 6%; } }
@media (max-width: 767px) {
  header {
    padding-bottom: 1em; }
    header #nav_mobile_toggle {
      display: block; }
    header #logo {
      max-width: 100%;
      width: 100%; }
      header #logo img {
        width: 70%;
        max-width: 240px;
        margin-left: -1.5ex; }
    header .service {
      display: none; }
    header.affix {
      width: 100%;
      background-color: #ffffff;
      border-bottom: 1px solid #777777;
      margin-left: -1em !important;
      padding: 0.85em;
      padding-bottom: 0.7em;
      overflow: hidden; }
      header.affix #nav_mobile_toggle {
        margin-top: 0.75ex; }
      header.affix #logo img {
        width: 120px;
        margin-left: -0.75ex; }
    .body {
        padding-top: 95px;
    }
}
/* @end */
/* @group Stage */
.stage {
  -webkit-hyphens: none !important;
      -ms-hyphens: none !important;
          hyphens: none !important;
  line-height: 125% !important; }
  .stage .cta {
    overflow: hidden;
    min-height: 18em;
    position: relative;
    padding: 1.5em; }
    .stage .cta .icon-gross {
      font-size: 18em; }
    .stage .cta .btn.absolut {
      position: absolute;
      bottom: 0;
      left: 0;
      margin: 1em !important; }
    .stage .cta.grau {
      background-color: #777777; }
    .stage .cta.rot {
      background-color: #DF0404; }
    .stage .cta.fahnen {
      position: relative; }
      .stage .cta.fahnen:before {
        content: ' ';
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: -500;
        opacity: 0.9;
        background: url("../img/sample_image_linke_fahnen.jpg") no-repeat center center;
        background-size: cover; }

@media (max-width: 479px) {
  .stage .cta.fahnen {
    min-height: 30rem; }
    .stage .cta.fahnen p {
      color: #ffffff;
      text-shadow: 0 0 1ex #DF0404; }
    .stage .cta.fahnen .weiss {
      color: #000000 !important; }
    .stage .cta.fahnen .btn {
      color: #ffffff !important;
      border-color: #ffffff !important;
      background-color: rgba(0, 0, 0, 0.1) !important;
      white-space: nowrap !important; }
      .stage .cta.fahnen .btn:hover {
        background-color: rgba(255, 255, 255, 0.2) !important; }
    .stage .cta.fahnen:before {
      opacity: 0.25; } }
.fahnen {
  min-height: 16em;
  background: url("../img/sample_image_linke_fahnen.jpg") no-repeat center center;
  background-size: cover; }
  .fahnen a {
    position: absolute;
    bottom: 1em; }

.follow {
  color: #777777;
  text-decoration: none;
  margin-top: -0.5em; }
  .follow:hover {
    text-decoration: none !important;
    border-color: #DF0404; }

.spende {
  margin-top: 1em;
  margin-bottom: 0; }
  .spende .custom-radio {
    width: 100%;
    height: 2em; }
  .spende .form-group [class^=col-] {
    margin-bottom: 1em !important; }
  .spende input {
    display: none; }
    .spende input + .custom-control-indicator {
      border: 1px solid #ffffff;
      cursor: pointer;
      padding: 0.75em;
      font-size: 1.5em;
      text-align: center;
      color: #ffffff;
      display: block;
      width: 100%;
      font-weight: 300; }
    .spende input:checked + .custom-control-indicator {
      background-color: rgba(0, 0, 0, 0.25); }

@media (min-width: 768px) and (max-width: 991px) {
  .spende .btn {
    width: 100%; } }
@media (max-width: 767px) {
  .spende {
    text-align: left !important; }
    .spende input + .custom-control-indicator {
      padding: 0.5em; }
    .spende .btn {
      width: 100%; } }
/* @end */
/* @group Icons */
.icon-gross {
  font-size: 8em;
  position: absolute;
  opacity: 0.2;
  right: -15px;
  top: -5px;
  -webkit-transform: rotate(20deg);
          transform: rotate(20deg); }
  .icon-gross.fa-twitter {
    right: 10px;
    top: 0px;
    -webkit-transform: none;
            transform: none;
    font-size: 7.5em; }
  .icon-gross.weiss {
    color: #ffffff;
    opacity: 0.33; }

.icon-gross-thema {
  font-size: 11em;
  position: absolute;
  opacity: 0.25;
  right: 0;
  top: -10px;
  color: #fff;
  -webkit-transform: rotate(20deg);
          transform: rotate(20deg); }

/* @end */
/* @group Forms */
form .btn {
  white-space: nowrap !important; }

.input-sm {
  font-size: 10.2pt;
  height: 2.33em; }

select {
  text-overflow: ellipsis; }

#form_filter_erase {
  background: #efefef !important;
  opacity: 0.75;
  color: #000000 !important;
  margin-bottom: 0.25em !important; }

.filter-button {
  text-align: right;
  margin-top: 1.33em; }

@media (min-width: 1200px) {
  .filter-button {
    text-align: left; }
    .filter-button .btn {
      width: 100%; } }
label {
  font-weight: 300 !important; }

fieldset {
  margin-bottom: 1em; }
  fieldset legend {
    font-size: 12pt;
    font-weight: 700;
    line-height: 202.5%;
    border-bottom: 1px solid #777777;
    margin-bottom: 1em; }

.form-group {
  margin-bottom: 1em !important; }
  .form-group [class^=col-] {
    margin-bottom: 0 !important; }
  .form-group .tooltip {
    font-size: 0.85em;
    line-height: 135%;
    z-index: 1000; }
  .form-group .tooltip-inner {
    padding: 1ex 2ex;
    max-width: 320px; }
  .form-group .tooltip.top .tooltip-inner {
    background-color: #DF0404; }
  .form-group .tooltip.top .tooltip-arrow {
    border-top-color: #DF0404; }
  .form-group label {
    font-weight: 300 !important;
    font-size: 7.2pt;
    margin-bottom: 0;
    text-transform: uppercase; }
  .form-group .radio label {
    font-size: 12pt;
    text-transform: none; }
  .form-group .pflichtfeld, .form-group .e-mail-inkorrekt, .form-group .newsletter-bestellung-fail, .form-group .newsletter-abbestellung-fail {
    border-color: #DF0404; }
  .form-group.abstand {
    margin-bottom: 3em !important; }
  .form-group .link {
    text-decoration: underline; }

.radio-inline, .checkbox label, .nav-4 label {
  font-size: 1em !important;
  text-transform: none !important; }

#bankeinzug {
  display: none; }

.kenntnisnahme-link {
  text-decoration: underline;
  cursor: pointer; }

.kenntnisnahme {
  display: none;
  margin-top: 1em; }

.btn, input, textarea {
  border-radius: 0 !important;
  background: none !important;
  font-weight: 300 !important;
  box-shadow: none !important;
  text-shadow: none !important;
  white-space: normal; }
  .btn.inline, input.inline, textarea.inline {
    padding: 0.25ex 0.5ex;
    height: auto;
    margin-bottom: 0.5ex; }
  .btn.btn-lg, input.btn-lg, textarea.btn-lg {
    font-size: 1.5em; }
  .btn.btn-sm, input.btn-sm, textarea.btn-sm {
    font-size: 10.2pt;
    line-height: 1.4em; }
  .btn:focus, input:focus, textarea:focus {
    border-color: #DF0404 !important; }
  .btn.btn-primary, input.btn-primary, textarea.btn-primary {
    font-size: 1em;
    color: #DF0404;
    padding: 0.6ex 1ex 0.5ex !important; }
  .btn.btn-default, input.btn-default, textarea.btn-default {
    background: #efefef !important;
    color: #777777; }
    .btn.btn-default:hover, .btn.btn-default:focus, input.btn-default:hover, input.btn-default:focus, textarea.btn-default:hover, textarea.btn-default:focus {
      color: #efefef;
      background: #777777 !important; }
  .btn.rot, input.rot, textarea.rot {
    border-color: #DF0404 !important; }
    .btn.rot:hover, .btn.rot:focus, input.rot:hover, input.rot:focus, textarea.rot:hover, textarea.rot:focus {
      border-color: #777777 !important;
      color: #777777 !important; }
  .btn.weiss, input.weiss, textarea.weiss {
    border-color: #ffffff !important;
    color: #ffffff !important; }
    .btn.weiss:hover, .btn.weiss:focus, input.weiss:hover, input.weiss:focus, textarea.weiss:hover, textarea.weiss:focus {
      border-color: #efefef !important;
      color: #efefef !important; }
  .btn.schwarz, input.schwarz, textarea.schwarz {
    border-color: #000000 !important;
    color: #000000 !important; }
    .btn.schwarz:hover, .btn.schwarz:focus, input.schwarz:hover, input.schwarz:focus, textarea.schwarz:hover, textarea.schwarz:focus {
      border-color: #777777 !important;
      color: #ffffff !important; }

@media (max-width: 479px) {
  .btn.btn-lg, input.btn-lg {
    font-size: 1.25em; } }
.input-group-addon {
  border-radius: 0 !important;
  font-weight: 300 !important;
  box-shadow: none !important;
  text-shadow: none !important; }

input[type="text"], input[type="email"], input[type="password"], input[type="search"] {
  background: #ffffff !important;
  color: #000000 !important; }

/* @end */
/* @group Suche */
.suche .nav-tabs {
  border-color: #000000;
  font-size: 0.85em; }
  .suche .nav-tabs .active a {
    border-color: #000000;
    border-bottom-color: #ffffff !important; }
    .suche .nav-tabs .active a:hover {
      border-color: #777777; }
  .suche .nav-tabs a {
    border-color: #b1b1b1;
    border-bottom-color: #000000 !important;
    color: #777777;
    margin-right: 1ex;
    padding: 1.25ex 1.75ex; }
    .suche .nav-tabs a:hover {
      border-color: #b1b1b1; }
.suche .suche-ergebnis h2, .suche .suche-ergebnis h3 {
  font-size: 1em;
  line-height: 135%;
  margin-top: 0;
  margin-bottom: 0; }
.suche .suche-ergebnis li {
  clear: both;
  min-height: 6em; }
.suche .suche-ergebnis .meta {
  margin-top: -0.125em !important; }
  .suche .suche-ergebnis .meta .struktur a, .suche .suche-ergebnis .meta time a {
    border: none;
    padding: 0;
    background: none;
    color: #777777;
    line-height: 1em; }
  .suche .suche-ergebnis .meta .typ {
    font-size: 0.85em;
    line-height: 3em !important; }
    .suche .suche-ergebnis .meta .typ a:hover, .suche .suche-ergebnis .meta .typ a:focus {
      text-decoration: none !important; }
  .suche .suche-ergebnis .meta a {
    color: #777777;
    border-color: #777777; }
    .suche .suche-ergebnis .meta a:hover, .suche .suche-ergebnis .meta a:focus {
      text-decoration: underline; }

@media (max-width: 767px) {
  .suche .suche-ergebnis .meta {
    width: 100%;
    max-width: 100%;
    margin-bottom: 0;
    min-height: 0 !important;
    text-align: left;
    padding: 0; }
    .suche .suche-ergebnis .meta br {
      display: none !important; }
    .suche .suche-ergebnis .meta .typ, .suche .suche-ergebnis .meta .struktur, .suche .suche-ergebnis .meta time {
      padding-right: 1.5ex !important; }
    .suche .suche-ergebnis .meta .struktur a, .suche .suche-ergebnis .meta time a {
      line-height: 2.5em !important; } }
@media (min-width: 1200px) {
  .suche .suche-ergebnis li p {
    max-width: 85%; }
  .suche .suche-filter {
    margin-top: 1.35em; } }
.suche-top {
  float: right;
  width: 171.4285714286px; }
  .suche-top button {
    background-color: #777777 !important;
    color: #ffffff;
    border-color: #777777; }
    .suche-top button:hover, .suche-top button.focus {
      background-color: #efefef !important;
      color: #000000; }

/* @end */
/* @group Listen */
.list-group {
  box-shadow: none;
  margin-bottom: 0; }
  .list-group .list-group-item {
    border-radius: 0 !important; }
  .list-group li {
    border-radius: 0 !important;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    padding-bottom: 0.85em;
    border: none;
    background: none !important; }
  .list-group h3 a {
    text-decoration: none !important; }
    .list-group h3 a:hover, .list-group h3 a:focus {
      text-decoration: none !important; }
  .list-group a {
    color: #000000;
    text-decoration: none !important; }
    .list-group a:hover, .list-group a:focus {
      text-decoration: underline !important; }
    .list-group a.link-klein, .list-group a.readon, .list-group a.more {
      color: #DF0404;
      text-decoration: none; }
      .list-group a.link-klein:hover, .list-group a.link-klein:focus, .list-group a.readon:hover, .list-group a.readon:focus, .list-group a.more:hover, .list-group a.more:focus {
        text-decoration: none !important; }
  .list-group .fa {
    padding-right: 0.75ex; }
  .list-group .badge {
    font-weight: 300;
    padding: 0.85ex 1.25ex;
    margin-left: 1ex;
    border-radius: 0;
    background-color: #777777;
    color: #ffffff;
    opacity: 0.85; }

ul, ol {
  padding-left: 0;
  list-style-position: inside; }
  ul ul, ul ol, ol ul, ol ol {
    margin-left: 1em; }
  ul a, ol a {
    color: #000000; }
    ul a:hover, ul a:focus, ol a:hover, ol a:focus {
      text-decoration: underline; }
  ul.tabelle li, ul.alternierend li, ol.tabelle li, ol.alternierend li {
    line-height: 3em;
    padding: 0 !important;
    padding-left: 0.85em !important;
    list-style-type: none; }
  ul.tabelle .badge, ul.alternierend .badge, ol.tabelle .badge, ol.alternierend .badge {
    margin-top: 1em;
    margin-right: 0.85em !important; }
  ul.tabelle, ol.tabelle {
    margin-bottom: 1em;
    margin-top: 1em; }
    ul.tabelle li, ol.tabelle li {
      border-top: 1px solid #b1b1b1; }
      ul.tabelle li:last-child, ol.tabelle li:last-child {
        border-bottom: 1px solid #b1b1b1; }
      ul.tabelle li ul li, ul.tabelle li ol li, ol.tabelle li ul li, ol.tabelle li ol li {
        border-bottom: none !important; }
  ul.alternierend li, ol.alternierend li {
    background-color: #ffffff !important; }
    ul.alternierend li:nth-child(odd), ol.alternierend li:nth-child(odd) {
      background-color: #efefef !important; }
  ul .alt, ol .alt {
    background-color: #efefef !important; }

ol {
  list-style-type: decimal; }
  ol ol {
    list-style-type: upper-roman; }
    ol ol ol {
      list-style-type: lower-alpha; }
      ol ol ol ol {
        list-style-type: lower-roman; }

ul {
  list-style-type: square; }
  ul ul {
    list-style-type: circle; }
    ul ul ul {
      list-style-type: disc; }

.liste a, .quote a {
  text-decoration: none; }
  .liste a:hover, .liste a:focus, .quote a:hover, .quote a:focus {
    color: #777777; }
.liste li, .quote li {
  margin-bottom: 1.5em;
  clear: both; }
.liste .meta, .quote .meta {
  font-size: 1em;
  margin-top: -0.5ex;
  min-width: 25%;
  max-width: 66%;
  padding-left: 1ex;
  padding-bottom: 0;
  margin-bottom: 0.5em;
  color: #000000;
  overflow: hidden;
  text-overflow: ellipsis !important; }
  .liste .meta a, .quote .meta a {
    color: #DF0404;
    border: 1px solid #DF0404;
    line-height: 2.5em;
    font-weight: 300;
    padding: 0.7ex;
    white-space: nowrap; }
    .liste .meta a:hover, .liste .meta a:focus, .quote .meta a:hover, .quote .meta a:focus {
      color: #777777;
      border-color: #777777; }
.liste h3, .quote h3 {
  margin-bottom: 0.5em; }
.liste .vorschau, .quote .vorschau {
  width: 320px;
  float: left;
  margin-right: 2ex; }
.liste.disput .vorschau, .quote.disput .vorschau {
  width: 13ex;
  margin-bottom: 1ex; }
  .liste.disput .vorschau img, .quote.disput .vorschau img {
    border: 1px solid #b1b1b1;
    min-height: inherit !important;
    max-height: inherit !important;
    -o-object-fit: contain;
       object-fit: contain; }
.liste.unnummeriert, .quote.unnummeriert {
  list-style-type: none;
  list-style-position: inside;
  padding-left: 0 !important;
  margin-left: 0 !important; }
.liste.termine li, .quote.termine li {
  margin-bottom: 2.5em; }
.liste.termine time, .quote.termine time {
  font-size: 12pt;
  font-weight: 700; }
.liste.termine h3, .quote.termine h3 {
  margin-top: 0.25em;
  margin-bottom: 0.5em; }
.liste.termine .ort:before, .liste.termine .organizer:before, .liste.termine .uhrzeit:before, .artikel .termine .uhrzeit:before, .quote.termine .ort:before, .quote.termine .organizer:before, .quote.termine .uhrzeit:before {
  content: "/ "; }
.liste.termine .ort a, .liste.termine .location a, .liste.termine .organizer a, .artikel .termine .organizer a, .liste.termine .uhrzeit a, .quote.termine .ort a, .quote.termine .location a, .artikel .termine .location a, .quote.termine .organizer a, .quote.termine .uhrzeit a {
  color: #000000; }
  .liste.termine .ort a:hover, .liste.termine .location a:hover, .liste.termine .organizer a:hover, .liste.termine .uhrzeit a:hover, .quote.termine .ort a:hover, .quote.termine .location a:hover, .quote.termine .organizer a:hover, .quote.termine .uhrzeit a:hover {
    color: #777777; }
.liste.termine .info.detail, .quote.termine .info.detail {
  cursor: pointer;
  text-decoration: underline; }
  .liste.termine .info.detail:before, .quote.termine .info.detail:before {
    font-family: "Glyphicons Halflings" !important;
    color: #DF0404;
    content: " \e259";
    float: left;
    white-space: nowrap;
    padding: 0 1em 0 0; }
  .liste.termine .info.detail.open:before, .quote.termine .info.detail.open:before {
    content: " \e260"; }
  .liste.termine .info.detail.open, .quote.termine .info.detail.open {
    text-decoration: none; }
.liste.termine .antwort, .quote.termine .antwort {
  display: none;
  font-style: italic; }
  .liste.termine .antwort a, .quote.termine .antwort a {
    text-decoration: underline; }

@media (max-width: 479px) {
  .liste.disput .vorschau, .quote.disput .vorschau {
    width: 11ex; }
  .liste .meta > *:after, .quote .meta > *:after {
    content: none !important; }
  .liste .meta > *:last-child:after, .quote .meta > *:last-child:after {
    content: none; } }
@media (min-width: 992px) and (max-width: 1199px) {
  .liste.disput .vorschau, .quote.disput .vorschau {
    width: 16ex; } }
.kasten ul li h2 a, .kasten ul li h3 a, .kasten ul li h4 a, .kasten ul li .meta a, .kasten ol li h2 a, .kasten ol li h3 a, .kasten ol li h4 a, .kasten ol li .meta a, .akkordeon ul li h2 a, .akkordeon ul li h3 a, .akkordeon ul li h4 a, .akkordeon ul li .meta a, .akkordeon ol li h2 a, .akkordeon ol li h3 a, .akkordeon ol li h4 a, .akkordeon ol li .meta a, .artikel ul li h2 a, .artikel ul li h3 a, .artikel ul li h4 a, .artikel ul li .meta a, .artikel ol li h2 a, .artikel ol li h3 a, .artikel ol li h4 a, .artikel ol li .meta a, .news ul li h2 a, .news ul li h3 a, .news ul li h4 a, .news ul li .meta a, .news ol li h2 a, .news ol li h3 a, .news ol li h4 a, .news ol li .meta a {
  text-decoration: none !important; }
.kasten ul li a, .kasten ol li a, .akkordeon ul li a, .akkordeon ol li a, .artikel ul li a, .artikel ol li a, .news ul li a, .news ol li a {
  text-decoration: underline; }

/* @end */
/* @group Meta */
.meta, .struktur, time, .author {
  font-size: 0.85em;
  line-height: 120%;
  -webkit-hyphens: none !important;
      -ms-hyphens: none !important;
          hyphens: none !important; }

.meta {
  color: #777777;
  float: right;
  margin: 1.5em 0 1em 1.125em;
  text-align: right;
  max-width: 10em; }
  .meta a {
    color: #777777; }
    .meta a:hover {
      color: #DF0404; }

@media (max-width: 479px) {
    .meta {
        max-width: 100%;
        float: none;
        text-align: left;
        padding: 0 !important;
        margin: 1em 0 -0.5em;
    }
    .meta > *:after {
        content: " / ";
    }
    .meta > *:last-child:after {
        content: none;
    }
    .meta + .trenner, .news .panel-body .meta + .trenner {
        margin-top: 1rem !important;
    }
}
.struktur {
  font-weight: 500; }

time {
  white-space: nowrap; }

/* @end */
/* @group Links */
.link-klein, .readon, .more, .link-cal, .twitter-link, .linkknopf, .paginierung a, .pagination a {
  border: 1px solid #DF0404;
  color: #DF0404;
  cursor: pointer;
  display: inline;
  font-size: 7.2pt;
  font-style: normal !important;
  font-weight: 300 !important;
  -webkit-hyphens: none !important;
      -ms-hyphens: none !important;
          hyphens: none !important;
  margin: 0 0 1ex 1ex;
  padding: 1ex 1ex 0.65ex !important;
  text-transform: uppercase;
  text-decoration: none !important;
  line-height: 1em !important;
  display: inline-block;
  letter-spacing: 0.5px;
  border-radius: 0 !important;
  background: none; }
  .link-klein:hover, .link-klein:focus, .readon:hover, .readon:focus, .more:hover, .more:focus, .link-cal:hover, .link-cal:focus, .twitter-link:hover, .twitter-link:focus, .linkknopf:hover, .linkknopf:focus, .paginierung a:hover, .paginierung a:focus, .pagination a:hover, .pagination a:focus {
    border-color: #777777;
    color: #777777;
    text-decoration: none !important; }

.paginierung, .pagination {
  margin-bottom: 1.5em;
  margin-top: 0; }
  .paginierung a, .pagination a {
    margin-right: 0.5ex;
    margin-left: 0;
    background: none !important; }
.paginierung a.active, .pagination a.active {
    color: #777777 !important;
    border-color: #777777 !important;
}
.jumbotron.rot .paginierung a.active,
.kasten.rot .paginierung a.active,
.kasten.grau-dunkel .paginierung a.active {
    color: #efefef !important;
    border-color: #efefef !important;
}

  .paginierung .active a, .pagination .active a {
    color: #777777 !important;
    border-color: #777777 !important; }

.linkknopf {
  color: #000000;
  border-color: #000000;
  font-size: 1em;
  text-transform: none;
  margin: 0;
  display: inline-block !important;
  letter-spacing: 0 !important;
  text-decoration: none !important; }
  .linkknopf.rot {
    border-color: #DF0404;
    color: #DF0404; }
    .linkknopf.rot:hover {
      border-color: #777777;
      color: #777777; }

.readon:after {
  content: "weiterlesen"; }

.more:after {
  content: "mehr zum Thema"; }

.control-label {
  font-weight: 300 !important; }

.link {
  -webkit-hyphens: none !important;
      -ms-hyphens: none !important;
          hyphens: none !important; }
  .link:before {
    font-family: "FontAwesome" !important;
    font-size: 0.85em;
    padding-right: 0.85ex;
    display: inline-block;
    white-space: nowrap; }
  .link:hover {
    text-decoration: underline !important; }

.link-extern {
  -webkit-hyphens: none !important;
      -ms-hyphens: none !important;
          hyphens: none !important; }
  .link-extern:before {
    font-family: "FontAwesome" !important;
    font-size: 0.85em;
    padding-right: 0.85ex;
    display: inline-block;
    white-space: nowrap; }
  .link-extern:hover {
    text-decoration: underline !important; }
  .link-extern:before {
    content: "\f08e"; }

.link-download {
  -webkit-hyphens: none !important;
      -ms-hyphens: none !important;
          hyphens: none !important; }
  .link-download:before {
    font-family: "FontAwesome" !important;
    font-size: 0.85em;
    padding-right: 0.85ex;
    display: inline-block;
    white-space: nowrap; }
  .link-download:hover {
    text-decoration: underline !important; }
  .link-download:before {
    content: "\f016"; }

.link-facebook {
  -webkit-hyphens: none !important;
      -ms-hyphens: none !important;
          hyphens: none !important; }
  .link-facebook:before {
    font-family: "FontAwesome" !important;
    font-size: 0.85em;
    padding-right: 0.85ex;
    display: inline-block;
    white-space: nowrap; }
  .link-facebook:hover {
    text-decoration: underline !important; }
  .link-facebook:before {
    content: "\f09a"; }

.link-instagram {
  -webkit-hyphens: none !important;
      -ms-hyphens: none !important;
          hyphens: none !important; }
  .link-instagram:before {
    font-family: "FontAwesome" !important;
    font-size: 0.85em;
    padding-right: 0.85ex;
    display: inline-block;
    white-space: nowrap; }
  .link-instagram:hover {
    text-decoration: underline !important; }
  .link-instagram:before {
    content: "\f16d"; }

.link-youtube {
  -webkit-hyphens: none !important;
      -ms-hyphens: none !important;
          hyphens: none !important; }
  .link-youtube:before {
    font-family: "FontAwesome" !important;
    font-size: 0.85em;
    padding-right: 0.85ex;
    display: inline-block;
    white-space: nowrap; }
  .link-youtube:hover {
    text-decoration: underline !important; }
  .link-youtube:before {
    content: "\f16a"; }

.link-twitter {
  -webkit-hyphens: none !important;
      -ms-hyphens: none !important;
          hyphens: none !important; }
  .link-twitter:before {
    font-family: "FontAwesome" !important;
    font-size: 0.85em;
    padding-right: 0.85ex;
    display: inline-block;
    white-space: nowrap; }
  .link-twitter:hover {
    text-decoration: underline !important; }
  .link-twitter:before {
    content: "\f099"; }

.link-email {
  -webkit-hyphens: none !important;
      -ms-hyphens: none !important;
          hyphens: none !important; }
  .link-email:before {
    font-family: "FontAwesome" !important;
    font-size: 0.85em;
    padding-right: 0.85ex;
    display: inline-block;
    white-space: nowrap; }
  .link-email:hover {
    text-decoration: underline !important; }
  .link-email:before {
    content: "\f003"; }

.link-cal {
  border-color: #000000;
  color: #000000;
  margin-left: 0;
  margin-top: 0; }

/* @end */
/* @group Bilder, BUs und Credits */
.bild {
  overflow: hidden;
  font-size: 0.85em;
  position: relative; }
  .bild.ohne {
    margin-top: -1em; }
  .bild .bild-credit, .bild .bild-beschreibung {
    line-height: 1em;
    min-height: 2em;
    position: absolute;
    padding: 1ex;
    background-color: rgba(255, 255, 255, 0.75);
    color: #000000; }
    .bild .bild-credit a, .bild .bild-beschreibung a {
      color: #000000;
      text-decoration: underline; }
  .bild .bild-beschreibung {
    bottom: 0;
    right: 0; }
  .bild .bild-credit {
    font-size: 0.85em;
    right: 0;
    top: 0;
    max-width: 320px; }
  .bild .img-responsive {
    min-height: 16em;
    max-height: 32em;
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    font-family: 'object-fit: cover;'; }

@media (max-width: 479px) {
  .bild .bild-beschreibung {
    left: 0;
    right: inherit;
    top: 0;
    bottom: inherit; }
  .bild .bild-credit {
    top: inherit;
    bottom: 0;
    max-width: 100%; } }
/* @group Galerie */
.galerie {
  margin-right: -2rem; }
  .tx-andshadowbox-pi1 .galerie .bild {
    margin: 0 !important;
    width: 25%;
    float: left;
    border-right: 2rem solid transparent;
    border-bottom: 2rem solid transparent;
    height: 11em !important; }
  
.galerie .bild img,
.frame-type-textmedia .bild img {
    background-color: #777777;
    max-height: 100% !important;
    max-width: 100% !important;
    min-height: 100% !important;
    min-width: 100% !important;
}
      .galerie .bild img:hover {
        cursor: pointer;
        -webkit-filter: grayscale(100%);
                filter: grayscale(100%); }
    .galerie .bild .bild-beschreibung {
      display: none; }
    .galerie .bild .bild-credit {
      max-width: 100% !important;
      font-size: 0;
      z-index: 333; }
      .galerie .bild .bild-credit:before {
        content: '©';
        padding: 0.5ex;
        font-size: 7.2pt;
        line-height: 1.25em;
        cursor: pointer; }
      .galerie .bild .bild-credit:hover, .galerie .bild .bild-credit:focus, .galerie .bild .bild-credit:active {
        font-size: 7.2pt; }
        .galerie .bild .bild-credit:hover:before, .galerie .bild .bild-credit:focus:before, .galerie .bild .bild-credit:active:before {
          display: none; }

@media (min-width: 768px) and (max-width: 991px) {
    .tx-andshadowbox-pi1 .galerie .bild {
        width: 33%;
        height: 13em !important;
    }
}
@media (max-width: 767px) {
    .tx-andshadowbox-pi1 .galerie {
        margin-right: -1rem;
    }
    .tx-andshadowbox-pi1 .galerie .bild {
        border-right: 1rem solid transparent;
        border-bottom: 1rem solid transparent;
        width: 33%;
        height: 11em !important;
    }
}
@media (max-width: 479px) {
    .tx-andshadowbox-pi1 .galerie .bild {
        width: 50% !important;
        height: 10em !important;
    }
}
@media (max-width: 320px) {
    .tx-andshadowbox-pi1 .galerie .bild {
        width: 100% !important;
        height: 15em !important; 
    }
}
/* @end */
/* @end */
/* @group Farben */
.weiss {
  border-color: #ffffff !important;
  color: #ffffff !important; }
  .weiss:hover {
    border-color: #efefef !important;
    color: #efefef !important; }

.weiss-solid {
  border-color: #ffffff !important;
  color: #000000 !important;
  margin-left: 0 !important;
  background-color: #ffffff !important; }
  .weiss-solid:hover, .weiss-solid:focus {
    color: #DF0404 !important; }

/* @end */
/* @group Kästen */
.kasten {
  padding: 1em 1em 0.85em;
  position: relative;
  overflow: hidden; }
  .kasten .meta, .jumbotron .meta {
    margin-top: 0.25em; }
  .kasten img {
    max-width: 100%; }
  .kasten h2, .jumbotron h2 {
    margin-top: 0 !important; }
  .kasten.grau {
    background-color: #efefef; }
    .kasten.grau a:hover {
      color: #777777; }
  .kasten.grau-mittel {
    background-color: #b1b1b1; }
    .kasten.grau-mittel a {
      color: #000000; }
      .kasten.grau-mittel a:hover {
        color: #000000; }
  .kasten.grau-dunkel {
    background-color: #777777;
    color: #fff; }
  .jumbotron.rot, .kasten.rot {
    background-color: #DF0404;
    color: #fff; }
  .kasten.rand-rot {
    border: 1px solid #DF0404;
    background-color: #ffffff; }
    .kasten.rand-rot .icon-gross {
      color: #DF0404;
      opacity: 0.1; }
  .kasten.rand-grau {
    border: 1px solid #777777;
    background-color: #ffffff; }
.jumbotron.rot a, .kasten.rot a, .kasten.grau-dunkel a {
    color: #ffffff;
    border-color: #ffffff;
    text-decoration: underline;
}
    .jumbotron.rot a:hover, .kasten.rot a:hover, .kasten.grau-dunkel a:hover {
      color: #efefef;
      border-color: #efefef; }
  .jumbotron.rot .meta, .kasten.rot .meta, .kasten.grau-dunkel .meta {
    color: #ffffff !important; }
    .jumbotron.rot .meta a, .kasten.rot .meta a, .kasten.grau-dunkel .meta a {
      color: #ffffff !important; }
  .jumbotron.rot .list-group .badge, .kasten.rot .list-group .badge, .kasten.grau-dunkel .list-group .badge {
    background-color: #ffffff;
    color: #777777; }
  .jumbotron.rot .fragenliste h4, .kasten.rot .fragenliste h4, .kasten.grau-dunkel .fragenliste h4 {
    border-color: #ffffff !important; }
    .jumbotron.rot .fragenliste h4:before, .kasten.rot .fragenliste h4:before, .kasten.grau-dunkel .fragenliste h4:before {
      color: #ffffff !important; }
  .jumbotron.rot .userinfo, .kasten.rot .userinfo, .kasten.grau-dunkel .userinfo {
    border-color: #ffffff; }
  .jumbotron.rot .link-klein, .jumbotron.rot .readon, .jumbotron.rot .more, .jumbotron.rot .link-cal, .jumbotron.rot .twitter-link, .jumbotron.rot .linkknopf, .jumbotron.rot .paginierung a,
  .kasten.rot .link-klein, .kasten.rot .readon, .kasten.rot .more, .kasten.rot .link-cal, .kasten.rot .twitter-link, .kasten.rot .linkknopf, .kasten.rot .paginierung a,
  .kasten.grau-dunkel .link-klein, .kasten.grau-dunkel .readon, .kasten.grau-dunkel .more, .kasten.grau-dunkel .link-cal, .kasten.grau-dunkel .twitter-link, .kasten.grau-dunkel .linkknopf, .kasten.grau-dunkel .paginierung a {
    color: #ffffff;
    border-color: #ffffff; }
    .jumbotron.rot .link-klein:hover, .jumbotron.rot .readon:hover, .jumbotron.rot .more:hover, .jumbotron.rot .link-cal:hover, .jumbotron.rot .twitter-link:hover, .jumbotron.rot .linkknopf:hover, .jumbotron.rot .paginierung a:hover,
    .kasten.rot .link-klein:hover, .kasten.rot .readon:hover, .kasten.rot .more:hover, .kasten.rot .link-cal:hover, .kasten.rot .twitter-link:hover, .kasten.rot .linkknopf:hover, .kasten.rot .paginierung a:hover,
    .kasten.grau-dunkel .link-klein:hover, .kasten.grau-dunkel .readon:hover, .kasten.grau-dunkel .more:hover, .kasten.grau-dunkel .link-cal:hover, .kasten.grau-dunkel .twitter-link:hover, .kasten.grau-dunkel .linkknopf:hover, .kasten.grau-dunkel .paginierung a:hover {
      color: #efefef;
      border-color: #efefef; }
  .kasten.klh {
    min-height: 10em;
    background: #efefef url("../img/klh.jpg") no-repeat center center;
    background-size: cover;
    color: #ffffff; }
  .kasten.symbole .symbol {
    max-width: 5em;
    float: right;
    margin: -1ex -2.5ex 1ex 1ex; }
  .kasten.symbole.einspaltig .symbol {
    max-width: 8em; }
  .kasten.symbole .nummerierung {
    display: none; }
  .kasten.linkliste a {
    text-decoration: none !important; }
  .kasten.banner {
    padding: 0; }
  .kasten.twitter {
    background-color: #4cb2fa;
    color: #fff;
    -webkit-hyphens: none !important;
        -ms-hyphens: none !important;
            hyphens: none !important; }
    .kasten.twitter a {
      color: #fff;
      text-decoration: underline; }
    .kasten.twitter .twitter-name {
      margin-bottom: 0.5em; }
    .kasten.twitter .twitter-tweet {
      margin-bottom: 0.5em; }
    .kasten.twitter .twitter-name, .kasten.twitter .twitter-time {
      font-size: 0.85em;
      font-weight: bold; }
    .kasten.twitter .twitter-link {
      margin-left: 0;
      color: #fff !important;
      border-color: #fff !important; }
  .kasten .titel {
    font-size: 1.25em;
    margin-bottom: 0.875em;
    margin-top: 0.125em; }
  .kasten .follow {
    margin-top: 1.25em;
    border: none;
    padding: 0;
    display: block;
    text-decoration: none !important; }
  .kasten .bild {
    margin-bottom: 1em; }
  .kasten.grafik {
    padding: 0; }
    .kasten.grafik img {
      width: 100% !important; }

@media (max-width: 479px) {
  .kasten .meta, .jumbotron .meta {
    margin-bottom: 0.25em;
    max-width: 100%; } }
@media (min-width: 768px) and (max-width: 991px) {
  .twitter .twitter-tweet {
    max-width: 85%; } }
@media (min-width: 992px) and (max-width: 1199px) {
  .twitter .twitter-tweet {
    max-width: 85%; }

  .zitat em {
    max-width: 85%; } }
.zweidritteleindrittel {
  padding: 0 15px 0; }
  .zweidritteleindrittel [class*='col-'] {
    margin-bottom: 0 !important; }
  .zweidritteleindrittel .text {
    overflow: auto; }
    .zweidritteleindrittel .text .termine li {
      margin-bottom: 0.75em; }

@media (max-width: 767px) {
  .zweidritteleindrittel {
    background: none !important; }
    .zweidritteleindrittel [class*='col-'] {
      margin-bottom: 2em; }
    .zweidritteleindrittel .video {
      margin-bottom: 1em !important; }
    .zweidritteleindrittel .linkknopf {
      border-color: #DF0404 !important;
      color: #DF0404 !important; }
      .zweidritteleindrittel .linkknopf:hover, .zweidritteleindrittel .linkknopf:focus {
        color: #DF0404 !important; }
    .zweidritteleindrittel .text {
      height: 100% !important; }
      .zweidritteleindrittel .text .kasten {
        padding: 0 !important;
        color: #000000; } }
.newsfeed p, .presseservice p {
  max-width: 85%; }

.logo-linksaktiv {
  width: 50%;
  padding: 0.5em 0 0; }

.logo-linksaktiv-2017 {
  width: 85%;
  margin: -0.5rem;
  margin-top: -1.5rem;
  margin-bottom: -3rem;
  float: right; }

@media (max-width: 767px) {
  .logo-linksaktiv {
    width: 33%; } }
/* @end */
/* @group Pressemitteilungen */
.panel, .news {
  background-color: inherit !important;
  border: 1px solid #777777 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  margin-bottom: 0; }
  .panel .panel-heading, .news .panel-heading {
    background-color: #777777 !important;
    background-image: none !important;
    border: none !important;
    border-radius: 0 !important;
    color: #ffffff !important;
    text-decoration: none !important; }
  .panel .panel-body h4, .news .panel-body h4 {
    font-weight: 300;
    margin-bottom: 0.25em;
    margin-top: 0; }
  .panel .panel-body p, .news .panel-body p {
    font-style: italic; }

.presse .meta, .lokal .meta {
  margin: 0 0 0.5ex 1.5ex; }
.presse h4, .lokal h4 {
  font-weight: 500 !important;
  -webkit-hyphens: auto !important;
      -ms-hyphens: auto !important;
          hyphens: auto !important; }

@media (max-width: 767px) {
  .presse .meta, .lokal .meta {
    margin: 0 0 0.5ex; } }
.zitat {
  background-color: #DF0404 !important;
  border: none !important; }
  .zitat * {
    color: #ffffff !important; }
  .zitat em {
    display: block;
    font-size: 1.25em;
    font-weight: 300;
    line-height: 1.2em;
    margin: 0 0.5em 0 0; }
  .zitat time + em {
    margin-top: 0.5em; }
  .zitat .struktur {
    margin-top: 0.5em;
    text-align: right;
    float: right; }

/* @end */
/* @group Nachrichten */
.news {
    background-color: none;
    border: 1px solid #777777;
}
  .news .img-responsive {
    max-height: 18em;
    height: 18em; }
  .news .panel-heading {
    background: none !important;
    padding: 0 !important; }
  .news .panel-body {
    padding: 1em !important;
    padding-top: 0 !important; }
    .news .panel-body h2, .news .panel-body h3 {
      max-width: 85%; }
    .news .panel-body h2 {
      margin-top: 0.85em; }
    .news .panel-body h3 {
      font-weight: 300; }
    .news .panel-body p {
      font-style: normal; }
  .news .more-topic {
    border: 1px solid #777777;
    border-right: none;
    border-bottom: none;
    float: right;
    color: #777777 !important;
    margin: 0.25em -1.015em -1.005em;
    padding: 1ex 1ex 0.65ex !important;
    max-width: 95%; }
    .news .more-topic:hover {
      color: #DF0404 !important; }
  .news.ohnerahmen {
    border: none !important; }
    .news.ohnerahmen .panel-body {
      padding: 0 !important; }
    .news.ohnerahmen h2 {
      margin-top: 0.25em; }
    .news.ohnerahmen h2, .news.ohnerahmen h3 {
      max-width: 70% !important; }
    .news.ohnerahmen .panel-body {
      position: relative; }
    .news.ohnerahmen .more-topic {
      border: 1px solid #777777; }

@media (min-width: 768px) and (max-width: 991px) {
  .news .img-responsive {
    height: 14em !important;
    max-height: 14em !important; }
  .news .panel-body h2, .news .panel-body h3 {
    max-width: 100%; }
  .news .more-topic {
    max-width: 95%; } }
@media (max-width: 767px) {
  .news .img-responsive {
    height: 12em !important;
    max-height: 12em !important; } }
/* @end */
/* @group Artikel */
.artikel h2 {
  margin-top: 0 !important; }
.artikel h3 {
  font-weight: 300;
  margin-bottom: 4rem; }
.artikel .more-topic {
  display: none; }
.artikel .meta {
  margin-top: 0; }

@media (max-width: 479px) {
  .artikel h2 {
    width: 100% !important; } }
/* @group Könnte sie auch interessieren */
.interessant {
  margin-top: 2em;
  margin-bottom: 0; }
  .interessant hr {
    display: block; }
  .interessant h2 {
    font-size: 1.25em;
    margin-bottom: 1em;
    font-style: italic; }
  .interessant .panel, .interessant .news {
    opacity: 0.75;
    -webkit-filter: grayscale(100%);
            filter: grayscale(100%); }
    .interessant .panel h2, .interessant .news h2, .interessant .panel h3, .interessant .news h3 {
      font-size: 1.25em;
      font-style: normal; }
    .interessant .panel h3, .interessant .news h3 {
      font-size: 1em !important;
      margin-bottom: 1em;
      margin-top: -0.85em; }
    .interessant .panel:hover, .interessant .news:hover {
      opacity: 1;
      -webkit-filter: none;
              filter: none; }

@media (max-width: 767px) {
  .interessant {
    margin-top: 0; } }
/* @end */
/* @end */
/* @group Themen */
.themen-vorschau h2 {
  font-size: 1.25em;
  -webkit-hyphens: auto;
      -ms-hyphens: auto;
          hyphens: auto;
  max-width: 100% !important; }
.themen-vorschau .bild .img-responsive {
  min-height: 12em !important;
  max-height: 12em !important;
  font-family: 'object-fit: cover;'; }

@media (max-width: 479px) {
  .themen-vorschau .panel-heading {
    display: none; } }
.themen-liste .themen-thema {
  float: left;
  line-height: 1.8em;
  padding-right: 1.66ex;
  white-space: nowrap;
  word-spacing: -0.125pt; }
.themen-liste .zusammen {
  white-space: nowrap;
  float: left; }
.themen-liste .nummerierung, .themen-liste .themen-thema {
  margin-bottom: 0.5rem;
  font-size: 1em; }
.themen-liste .nummerierung {
  margin-top: 0.125em; }
.themen-liste a {
  color: #000000; }
  .themen-liste a:hover, .themen-liste a:focus {
    color: #DF0404 !important; }

@media (min-width: 992px) and (max-width: 1199px) {
  .themen-liste .nummerierung, .themen-liste .themen-thema {
    font-size: 1.25em;
    margin-bottom: 0.25rem; } }
/* @end */
/* @group Kalender */
.calender .link-to-calender {
  display: none; }

.tipp p {
  margin-bottom: 1em; }
  .tipp p:last-of-type {
    margin-bottom: 0.5em; }
.tipp a {
  color: #000000;
  text-decoration: none; }
  .tipp a:hover, .tipp a:focus {
    text-decoration: none; }
.tipp .meta {
  float: none;
  text-align: left;
  margin: 0;
  margin-bottom: 0.5em;
  font-size: 1em; }
  .tipp .meta time, .tipp .meta .struktur {
    font-size: 1em;
    line-height: 135%;
    color: #000000; }
.tipp.event p, .tipp.tv p {
  font-weight: 500;
  max-width: 85%; }
.tipp.event .meta .struktur, .tipp.tv .meta .struktur {
  font-style: italic;
  font-weight: 300; }
.tipp.event.mehrere .meta, .tipp.tv.mehrere .meta {
  margin-bottom: 0; }
.tipp.event.mehrere .link-cal, .tipp.tv.mehrere .link-cal {
  /*        margin-bottom: 2em;*/ }

/* @end */
/* @group Thesen */
.thesen {
  background-color: #efefef;
  padding: 1.5em;
  padding-right: 0.5em; }
  .thesen div {
    clear: both;
    padding-right: 1em;
    margin-bottom: 1.5em; }
  .thesen ol {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    list-style-type: none;
    margin: -1em 0 0;
    padding: 0; }
    .thesen ol li {
      color: #000000;
      padding: 1.5em;
      padding-left: 0;
      padding-bottom: 0;
      -ms-flex-preferred-size: 50%;
          flex-basis: 50%; }
      .thesen ol li li {
        padding: 0; }
  .thesen h3 {
    margin-bottom: 0.33em;
    margin-top: 0; }
  .thesen.einspaltig ol li {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%; }

@media (max-width: 479px) {
  .thesen {
    padding-right: 1.5em; }
    .thesen ol li {
      -ms-flex-preferred-size: 100%;
          flex-basis: 100%;
      padding-right: 0; } }
.nummerierung {
  float: left;
  text-align: center;
  background-color: #DF0404;
  color: #ffffff;
  border-radius: 100%;
  font-size: 1.5em;
  line-height: 1.5em;
  height: 1.5em;
  width: 1.5em;
  margin-right: 1ex; }

/* @end */
/* @group Kampagne */
.kampagne h1 {
  margin: 0; }
.kampagne .teaser hr {
  display: none; }
.kampagne .titel-intro, .kampagne .titel-bild {
  height: 32rem;
  overflow: hidden; }
  .kampagne .titel-intro.info, .kampagne .titel-bild.info {
    height: 20rem; }
  .kampagne .titel-intro .img-responsive, .kampagne .titel-bild .img-responsive {
    min-height: 32rem;
    max-height: 32rem; }
.kampagne .inhalt-bild .img-responsive, .kampagne .titel-bild .img-responsive {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  font-family: 'object-fit: cover;'; }
.kampagne .titel-bild {
  background: #DF0404; }
  .kampagne .titel-bild.info .img-responsive {
    min-height: 20rem;
    max-height: 20rem; }
.kampagne .inhalt-bild .img-responsive {
  height: 25.5em; }
.kampagne .titel-intro {
  background-color: #DF0404;
  position: relative; }
  .kampagne .titel-intro h1 {
    color: #fff;
    padding: 1em;
    position: absolute;
    bottom: -0.25ex; }
    .kampagne .titel-intro h1 i {
      font-weight: 100;
      font-style: normal; }
.kampagne.sub .titel-intro, .kampagne.sub .titel-bild {
  background-color: #777777; }

@media (min-width: 992px) and (max-width: 1199px) {
  .kampagne .inhalt-bild .img-responsive {
    height: 29em; } }
@media (min-width: 768px) and (max-width: 991px) {
  .kampagne .inhalt-bild .img-responsive {
    height: 25rem; }
  .kampagne .titel-intro {
    height: 25rem; }
  .kampagne .titel-bild {
    height: 25rem; }
    .kampagne .titel-bild .img-responsive {
      min-height: 25rem;
      max-height: 25rem; } }
@media (max-width: 767px) {
  .kampagne .inhalt-bild .img-responsive {
    height: 20rem; }
  .kampagne .titel-intro, .kampagne .titel-intro.info {
    height: 14rem;
    margin-bottom: -2em; }
  .kampagne .titel-bild {
    height: 20rem; }
    .kampagne .titel-bild .img-responsive {
      min-height: 20rem;
      max-height: 20rem; }
  .kampagne .titel-intro h1 {
    font-size: 1.75em; }
  .kampagne .row.titel {
    margin-bottom: 0; } }
/* @end */
/* @group Wahlen */
.wahlen .titel-intro {
  height: 12em; }
.wahlen .wahlen-suche {
  padding-bottom: 1.33em; }
.wahlen #landesliste {
  margin-top: 1.5em;
  display: none; }
  .wahlen #landesliste ul, .wahlen #landesliste ol {
    line-height: 150%; }

.kampagne-praesentation {
  margin-top: -1em;
  margin-bottom: -1em; }
  .kampagne-praesentation img {
    border: 1px solid #b1b1b1; }

/* @group Kandidatenseite */
.kandidat h3 {
  margin-bottom: 0.25em !important; }
.kandidat h4 {
  margin-top: 1.5em;
  margin-bottom: 0.25em; }
.kandidat .kandidat-foto {
  float: right;
  max-width: 35%;
  max-height: 20em;
  margin-left: 2ex;
  margin-bottom: 2em;
  border: 1px solid #777777;
  -o-object-fit: cover;
     object-fit: cover; }
  .kandidat .kandidat-foto .bild-credit {
    bottom: 0 !important;
    top: inherit !important;
    left: 0 !important;
    right: inherit !important; }

@media (max-width: 479px) {
  .kandidat h3 {
    margin-bottom: 0.25em !important; }
  .kandidat h4 {
    margin-top: 1.5em;
    margin-bottom: 0.25em; }
  .kandidat .kandidat-foto {
    float: none;
    max-width: 100% !important;
    margin-right: 0;
    margin-left: 0; }
    .kandidat .kandidat-foto img {
      margin-top: -2em; }
    .kandidat .kandidat-foto .bild-credit {
      right: 0 !important;
      left: inherit !important; } }
/* @end */
/* @end */
/* @group Disput */
.disput .titel {
  margin-top: 1em; }
.disput .blabla {
  border: 1px solid #7fc341; }
.disput .feuilleton {
  border: 1px solid #0078c1; }
.disput .fragezeichen {
  border: 1px solid #DF0404; }
.disput .cover {
  padding-right: 0; }
  .disput .cover .img-responsive {
    min-height: 38em !important;
    max-height: 38em !important; }
  .disput .cover .bild-credit {
    left: 0 !important;
    right: inherit !important; }
  .disput .cover .bild-beschreibung {
    left: 0 !important;
    right: inherit !important; }
.disput .hauptthemen {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding-left: 0; }
  .disput .hauptthemen .eins, .disput .hauptthemen .zwei, .disput .hauptthemen .drei {
    padding: 1em 1.5em 0.75em 1.5em;
    color: #ffffff; }
    .disput .hauptthemen .eins .readon, .disput .hauptthemen .zwei .readon, .disput .hauptthemen .drei .readon {
      color: #ffffff;
      border-color: #ffffff; }
  .disput .hauptthemen .eins {
    background-color: #DF0404; }
  .disput .hauptthemen .zwei {
    background-color: #7fc341; }
  .disput .hauptthemen .drei {
    background-color: #0078c1; }

@media (max-width: 767px) {
  .disput .kasten .meta {
    margin-top: 0; }
    .disput .kasten .meta br {
      display: none; }
  .disput .cover {
    padding-right: 15px;
    margin-bottom: 0 !important; }
    .disput .cover .img-responsive {
      min-height: 20em !important;
      max-height: 20em !important; }
  .disput .hauptthemen {
    padding-left: 15px; } }
@media (min-width: 768px) and (max-width: 991px) {
  .disput .cover .img-responsive {
    min-height: 42em !important;
    max-height: 42em !important; } }
/* @end */
/* @group Akkordeon */
.akkordeon .panel, .akkordeon .news {
  border: none !important;
  margin-bottom: 2em; }
.akkordeon .panel-body {
  padding: 1em 0 1em;
  border: none !important; }
.akkordeon .panel-heading {
  padding: 1em 0;
  background: transparent !important;
  border-bottom: none;
  border-top: 1px solid #777777 !important; }
.akkordeon .panel-title a {
  color: #000000;
  font-weight: 300 !important;
  text-decoration: none !important; }
  .akkordeon .panel-title a:hover, .akkordeon .panel-title a:active, .akkordeon .panel-title a:focus {
    color: #000000;
    text-decoration: none !important; }
  .akkordeon .panel-title a:before {
    font-family: "Glyphicons Halflings" !important;
    color: #DF0404;
    content: " \e260";
    float: left;
    white-space: nowrap;
    padding: 0 1em 0 0; }
  .akkordeon .panel-title a.collapsed:before {
    content: " \e259"; }

.fragenliste {
  padding-top: 0.5em;
  list-style-position: inside;
  padding-left: 0 !important;
  margin-left: 0 !important; }
  .fragenliste > li {
    list-style-type: none;
    margin-bottom: 1.5em; }
  .fragenliste ul, .fragenliste ol {
    margin-top: 1em;
    margin-bottom: 1em;
    list-style-position: outside; }
  .fragenliste li {
    margin-bottom: 0.25em; }
  .fragenliste h4 {
    font-weight: 300;
    line-height: 120%;
    border-top: 1px solid #000000;
    padding-top: 1em;
    cursor: pointer;
    margin-bottom: 1em; }
    .fragenliste h4:before {
      font-family: "Glyphicons Halflings" !important;
      color: #DF0404;
      content: " \e259";
      float: left;
      white-space: nowrap;
      padding: 0 1em 0 0; }
    .fragenliste h4.open:before {
      content: " \e260"; }
  .fragenliste .antwort {
    display: none;
    margin-top: 1em;
    margin-bottom: 4em;
    font-style: italic; }
    .fragenliste .antwort.open {
      display: block; }

/* @end */
/* @group diverse zusätzliche Elemente */
.facebook iframe {
  border: none;
  min-height: 29em;
  width: 100%; }

.mediathek {
  margin-top: -1em;
  margin-bottom: 2em; }

.quote {
  margin-top: 2em;
  position: relative; }
  .quote:first-of-type {
    margin-top: 0; }
  .quote .icon-gross {
    -webkit-transform: none !important;
            transform: none !important;
    opacity: 0.1;
    font-size: 5em !important;
    right: inherit !important;
    left: -20px !important;
    top: -10px !important; }
    .quote .icon-gross.ende {
      top: inherit !important;
      bottom: -10px !important;
      right: -20px !important;
      left: inherit !important; }
  .quote .meta a {
    color: #000000;
    border: 1px solid #000000; }
  .quote h4 {
    margin-bottom: 0.25em !important; }
  .quote p {
    font-style: italic; }

.embed-responsive {
  margin-bottom: 1em; }

.progress {
  border-radius: 0 !important;
  margin-bottom: 0.5em;
  height: 2.5rem;
  background: #fafafa; }
  .progress .progress-bar {
    line-height: 2.5rem;
    font-size: 0.85em; }
    .progress .progress-bar.progress-bar-A {
      background: #DF0404; }
    .progress .progress-bar.progress-bar-B {
      background: #950303; }
    .progress .progress-bar.progress-bar-C {
      background: #b1b1b1; }
    .progress .progress-bar.progress-bar-D {
      background: #777777; }
    .progress .progress-bar.progress-bar-E {
      background: #000000; }

.jumbotron {
  margin-bottom: 0 !important;
  border-radius: 0 !important;
  padding: 4rem !important; }
  .jumbotron .container {
    padding: 0; }
  .jumbotron .display-3 {
    font-size: 2em !important;
    font-weight: 100 !important;
    margin-bottom: 0.5em; }
  .jumbotron .lead {
    font-size: 1.125em !important; }
    .jumbotron .lead:last-child {
      margin-bottom: 0; }
  .jumbotron.rot {
    background-color: #DF0404;
    color: #ffffff; }
    .jumbotron.rot a {
      color: #ffffff; }
      .jumbotron.rot a:hover {
        color: #ffffff; }

@media (min-width: 768px) and (max-width: 991px) {
  .jumbotron .display-3 {
    font-weight: 300 !important; }
  .jumbotron .lead {
    font-weight: 300 !important; } }
@media (max-width: 767px) {
  .jumbotron .display-3 {
    font-weight: 300 !important; }
  .jumbotron .lead {
    font-weight: 300 !important; } }
@media (max-width: 479px) {
  .jumbotron {
    padding: 2rem !important; } }
/* @end */
/* @group Video */
.video-vorschau, .video-datenschutz, .video-play-button {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0; }

.video-play-button {
  text-align: center;
  font-size: 4rem;
  padding-left: 5%;
  opacity: 0.85;
  text-shadow: 0 0 3px #ffffff;
  box-shadow: inset 0 0 4rem #777777; }
  .video-play-button .fa-square {
    color: #ffffff; }
  .video-play-button .fa-youtube-play {
    color: #DF0404 !important; }
    .video-play-button .fa-youtube-play:hover, .video-play-button .fa-youtube-play:focus {
      color: #000000 !important; }

.video-vorschau .video-vorschau-titel, .video-vorschau .video-vorschau-zeit {
  position: absolute;
  padding: 1ex 1ex 0.65ex;
  background: rgba(0, 0, 0, 0.75);
  color: #ffffff;
  z-index: 900; }
.video-vorschau .video-vorschau-titel {
  top: 0;
  left: 0; }
.video-vorschau .video-vorschau-zeit {
  bottom: 0;
  right: 0; }
.video-vorschau img {
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%; }

.video-datenschutz {
  text-align: center;
  padding: 1em;
  background-color: rgba(0, 0, 0, 0.75);
  color: #ffffff;
  z-index: 950; }
  .video-datenschutz p {
    max-width: 50%;
    margin-left: auto;
    margin-right: auto; }

@media (max-width: 479px) {
  .video-play-button {
    font-size: 3rem;
    box-shadow: inset 0 0 2rem #777777; }

  .video-vorschau .video-vorschau-titel, .video-vorschau .video-vorschau-zeit {
    font-size: 0.85em; }

  .video-datenschutz p {
    max-width: 100%; } }
/* @end */
/* @group Footer */
footer {
  background-color: #777777;
  display: block;
  min-height: 30em;
  padding: 3em 0 2em; }

#footer-inner {
  color: #ffffff; }
  #footer-inner a {
    color: #ffffff; }
    #footer-inner a:hover {
      text-decoration: underline; }
  #footer-inner ul {
    list-style-type: none;
    margin: 0;
    margin-bottom: 2em;
    padding: 0; }
    #footer-inner ul li {
      line-height: 150%; }
    #footer-inner ul .active {
      font-weight: 600 !important; }
  #footer-inner .nav-2 li {
    font-style: italic !important; }
  #footer-inner .nav-4 {
    margin-top: 0 !important; }
  #footer-inner .active .active:before {
    font-family: "FontAwesome" !important;
    font-size: 0.85em;
    content: "\f061";
    padding-right: 1ex; }
  #footer-inner .social li {
    float: none;
    padding: 0; }
    #footer-inner .social li .fa .fa-inverse {
      color: #777777; }
  #footer-inner .input-group {
    margin-bottom: 2em; }
  #footer-inner .footer-logo {
    text-align: right; }
    #footer-inner .footer-logo .logo-el {
      padding-top: 1em; }
    #footer-inner .footer-logo img {
      max-width: 240px;
      width: 50%;
      padding-bottom: 1em; }

@media (max-width: 767px) {
  #footer-inner .footer-logo {
    margin: 2em 0;
    text-align: center; } }
@media (max-width: 479px) {
  footer {
    padding: 2em 1em 3em; }

  #footer-inner .nav-2, #footer-inner .nav-3 {
    text-align: right; }
  #footer-inner .footer-logo {
    margin: 2em 0;
    text-align: center; }
    #footer-inner .footer-logo img {
      width: 75%; } }
/* @end */
/* @group Shariff */
.shariff {
  font-family: Roboto, Arial, Helvetica, Geneva, sans-serif;
  font-size: 0.85em; }
  .shariff ul {
    margin-left: 0;
    list-style-type: none; }
    .shariff ul a {
      background-color: #efefef !important;
      color: #777777;
      text-decoration: none !important; }
      .shariff ul a .fa {
        font-size: 1.25em; }
      .shariff ul a .share_text {
        font-size: 0.85em; }
      .shariff ul a:hover {
        color: #ffffff;
        background-color: #777777 !important; }

@media (min-width: 992px) {
  .col-md-3 .shariff {
    width: 110px;
    float: right; }
    .col-md-3 .shariff ul {
      max-width: 80px !important; }
    .col-md-3 .shariff li {
      float: none !important; }
      .col-md-3 .shariff li .fa {
        width: 40px; }
      .col-md-3 .shariff li.info {
        display: none; } }
/* @end */
/* @group Mailform */
#mailform label {
  margin-top: 2rem; }
#mailform select[multiple], #mailform select[size] {
  border-radius: 0;
  border: 1px solid #ccc;
  min-height: 4rem;
  padding: 1.5ex !important; }
#mailform .radio-label label {
  display: block; }
#mailform .csc-mailform-radio {
  margin-bottom: 2rem;
  font-size: 12pt; }
  #mailform .csc-mailform-radio + label {
    font-size: 1em;
    text-transform: none;
    margin-top: 0; }

/* @end */
/* @group Piwik */
#msppiwikoptout_container {
  display: block;
  background-color: #efefef; }
  #msppiwikoptout_container iframe {
    height: 12rem;
    border: none;
    display: block; }
  #msppiwikoptout_container #msppiwikoptout_close {
    position: absolute;
    top: 1rem;
    right: 1rem;
    font-size: 18pt; }
    #msppiwikoptout_container #msppiwikoptout_close:hover {
      color: #DF0404; }

@media (min-width: 992px) and (max-width: 1199px) {
  #msppiwikoptout_container iframe {
    height: 14rem; } }
@media (min-width: 768px) and (max-width: 991px) {
  #msppiwikoptout_container iframe {
    height: 17rem; } }
@media (max-width: 767px) {
  #msppiwikoptout_container iframe {
    height: 19rem; } }
@media (max-width: 479px) {
  #msppiwikoptout_container iframe {
    height: 28rem; } }
@media (max-width: 320px) {
  #msppiwikoptout_container iframe {
    height: 32rem; } }
/* @end */
/* LCMS-Teil */
body {
  color: #000000;
  font: 300 12.5pt/145% Roboto, Arial, Helvetica, Geneva, sans-serif;
  -webkit-hyphens: auto;
      -ms-hyphens: auto;
          hyphens: auto;
  margin: 0;
  padding: 0;
  font-size: 13pt;
  line-height: 145%; }

@media (max-width: 767px) {
  body {
    font: 300 11pt/130% Roboto, Arial, Helvetica, Geneva, sans-serif; } }
/* @group Bootstrap Grid */
.container, .container-fluid {
  padding-left: 2rem;
  padding-right: 2rem; }

.row {
  margin-left: -2rem;
  margin-right: -2rem; }
  .row [class^=col-] {
    padding-left: 2rem;
    padding-right: 2rem; }

.form-horizontal .form-group {
  margin-left: -2rem;
  margin-right: -2rem; }

p {
  margin: 0 0 1rem; }

/* @end */
/* @group Header */
.header-image {
  height: 20em;
  width: 100%;
  z-index: -1000;
  background: #777777 url("../img/sample_image_goerlitz.jpg") no-repeat center center;
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
  border-bottom: 2px solid #777777; }

@media (max-width: 767px) {
  .header-image {
    display: none; } }
header {
  margin-top: 2rem;
  margin-bottom: 2rem;
  background: none;
  position: relative;
  height: 20em; }
  header #logo {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    max-width: 280px;
    width: 66%;
    z-index: 900; }
    header #logo img {
      margin-left: 0;
      width: 100%; }

@media (min-width: 768px) {
  header #nav {
    display: block;
    height: inherit; } }
@media (max-width: 767px) {
  header {
    background: #ffffff url("../img/sample_image_bremen.jpg") no-repeat center center;
    background-size: cover;
    height: inherit;
    margin: -2rem !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding: 2rem !important;
    height: 100%; }
    header #nav_mobile_toggle {
      display: none;
      color: #ffffff; }
      header #nav_mobile_toggle .fa {
        text-shadow: 1px 1px 2px #777777 !important; }
    header #logo {
      position: relative;
      max-width: 100%;
      width: 100%; }
      header #logo img {
        width: 76%;
        max-width: 224px;
        margin-left: 0; }
    header.affix-top #nav {
      display: block; }
    header.affix {
      margin: -2rem !important;
      padding: 2rem !important;
      padding-top: 4rem !important;
      height: inherit !important; }
      header.affix #nav_mobile_toggle {
        display: block; }
      header.affix #logo img {
        width: 147px;
        margin-left: 0; } }
#social-links {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 600; }
  #social-links ul {
    margin: 0;
    padding: 0;
    list-style-type: none; }
    #social-links ul li {
      float: left;
      width: 2.75ex !important;
      text-align: center;
      font-size: 1.66em !important; }
      #social-links ul li .legende {
        display: none; }
      #social-links ul li a {
        color: #ffffff;
        text-shadow: 0 0 8px #000000; }
        #social-links ul li a:hover {
          color: #DF0404;
          text-shadow: 0 0 8px #ffffff; }

@media (max-width: 767px) {
  #social-links {
    display: none; } }
/* @end */
/* @group Navigation */
#nav {
  margin: 0;
  margin-top: -3em !important;
  position: relative; }
  #nav .navi {
    position: absolute;
    bottom: 0; }
  #nav .breadcrumb {
    display: none; }
  #nav .nav-pills {
    font-size: 1.2em; }
    #nav .nav-pills a, #nav .nav-pills a:hover, #nav .nav-pills a:visited, #nav .nav-pills a:active {
      background-color: #DF0404;
      border-radius: 0 !important;
      border: none !important;
      color: #ffffff;
      padding: 0.8ex 1.5ex 0.6ex !important; }
    #nav .nav-pills .active a, #nav .nav-pills a:hover {
      background-color: #777777 !important;
      border-color: #777777 !important; }
    #nav .nav-pills li {
      margin-bottom: 0.3ex;
      margin-left: 0 !important;
      margin-right: 0.3ex; }
  #nav #nav_sub a, #nav #nav_sub a:hover, #nav #nav_sub a:visited, #nav #nav_sub a:active {
    background-color: #ffffff;
    color: #DF0404; }
  #nav #nav_sub .active a, #nav #nav_sub a:hover {
    background-color: #efefef !important;
    border: none !important;
    color: #777777; }
  #nav #nav_sub3 {
    max-width: 66%;
    margin-top: 0.125em;
    margin-bottom: 0; }

@media (max-width: 767px) {
  #nav {
    margin: 0 !important;
    margin-top: 1em !important;
    position: relative;
    top: 0 !important; }
    #nav .navi {
      position: relative !important;
      bottom: inherit !important; } }
/* @end */
h1, h2 {
  font-weight: 500; }

h1 {
  font-size: 2em;
  margin-bottom: 2rem; }
  h1.seitentitel {
    padding: 1.2048192771rem 1.6rem;
    background: #DF0404;
    color: #ffffff;
    display: inline-block;
    font-weight: 300; }
  h1:first-child {
    margin-top: 0 !important; }
  h1 + h2 {
    margin-top: -1rem !important; }

h2 {
  font-size: 1.66em;
  margin-bottom: 2rem; }
  h2:first-child {
    margin-top: 0 !important; }
  h2 + h3 {
    margin-top: -0.8rem !important;
    font-weight: 300; }

h3 {
  font-size: 1.33em;
  margin-bottom: 2rem;
  margin-top: 0; }
  h3:first-child {
    margin-top: 0 !important; }
  h3 + h4 {
    font-style: normal;
    margin-top: -0.8rem !important; }

h4, h5 {
  font-size: 1.15em;
  margin-bottom: 2rem !important;
  margin-top: 0; }
  h4:first-child {
    margin-top: 0 !important; }
  h4 + h5 {
    margin-top: -0.6666666667rem !important;
    font-size: 1em !important;
  }
  h5 + h6 {
    margin-top: -0.6666666667rem !important;
    font-size: 1em !important;
  }

h5:first-child {
  margin-top: 0 !important; }
h6 {
    font-weight: 300;
}
p + h1, p + h2, p + h3, p + h4, p + h5,
ul + h1, ul + h2, ul + h3, ul + h4, ul + h5,
ol + h1, ol + h2, ol + h3, ol + h4, ol + h5 {
    margin-top: 2rem;
}
.trenner {
  font-size: 1.66em;
  font-weight: 300;
  margin-top: 4rem;
  margin-bottom: 4rem;
  padding-top: 1rem;
  border-top: 1px solid #777777; }
  .trenner:first-child {
    margin-top: 0 !important; }
.jumbotron.rot .trenner, .kasten.grau-dunkel .trenner {
    border-top-color: #ffffff;
}

#content {
  margin-top: 2em; }

footer {
  background-color: #DF0404;
  min-height: inherit; }
  footer .footer-logo img {
    width: 100% !important; }
  footer ul {
    clear: both;
    min-height: 1em;
    margin-bottom: 1em !important; }
    footer ul li {
      float: left;
      padding-right: 1em; }
  footer #footer-inner {
    color: #ffffff !important; }
    footer #footer-inner a {
      color: #ffffff !important; }
    footer #footer-inner .nav-1 .active:before, footer #footer-inner .nav-2 .active:before {
      content: none !important; }
    footer #footer-inner .fa {
      padding: 0;
      width: 2em;
      height: inherit;
      color: #ffffff;
      background: none;
      border-radius: 100%;
      text-align: left;
      margin: 0;
      font-size: 0.85em; }
    footer #footer-inner .footer-logo {
      text-align: right; }
    footer #footer-inner .social {
      margin-top: 2.4em; }
      footer #footer-inner .social .fa {
        text-align: left; }
      footer #footer-inner .social li {
        float: none;
        text-align: left;
        padding-right: 0; }

@media (max-width: 767px) {
  footer #footer-inner .footer-logo {
    text-align: left;
    margin-bottom: 0; }
  footer #footer-inner .social .fa {
    text-align: left; }
  footer #footer-inner .social li {
    text-align: left; } }
@media (max-width: 479px) {
  footer {
    padding-top: 3em; }
    footer ul li {
      float: none;
      padding-right: 0; }
    footer #footer-inner {
      text-align: center; }
      footer #footer-inner .footer-logo {
        text-align: center;
        margin-bottom: 0; }
        footer #footer-inner .footer-logo img {
          width: 66%; }
      footer #footer-inner .social .fa {
        text-align: center; }
      footer #footer-inner .social li {
        text-align: center; }
      footer #footer-inner .social span {
        display: inline;
        padding-right: 1ex; } }
.vorschau {
  margin-top: 0.6666666667rem;
  margin-bottom: 0.6666666667rem;
  width: 320px;
  float: left;
  margin-right: 2ex; }
  .vorschau .bild .img-responsive {
    min-height: 20rem;
    max-height: 26rem; }
  .vorschau .bild:last-child {
    margin-bottom: 0 !important; }

@media (max-width: 767px) {
  .vorschau {
    width: 100%;
    float: none;
    margin-right: 0;
    margin-bottom: 1em; } }
.rechtespalte .row [class*="col-"] {
  margin-bottom: 4rem !important; }
  .rechtespalte .row [class*="col-"] [class*="col-"] {
    margin-bottom: 0 !important; }
.rechtespalte hr {
  padding-top: 0;
  padding-bottom: 4rem;
  margin-top: -4rem;
  display: none;
  height: 2px;
  border-color: #777777; }

.linkespalte .row [class*="col-"] {
    margin-bottom: 6rem !important;
}
.linkespalte .row [class*="col-"] [class*="col-"],
.backendlayout-pagets__columns_one .frame-type-textmedia [class*="col-"],
.backendlayout-pagets__columns_one .frame-type-image [class*="col-"]{
    margin-bottom: 0 !important;
}

@media (min-width: 768px) and (max-width: 991px) {
  .rechtespalte hr {
    display: block; } }
@media (max-width: 767px) {
  .rechtespalte hr {
    display: block; } }
.meta {
  font-size: 11.05pt !important; }
  .meta time, .meta .struktur, .meta .author {
    font-size: 1em !important; }

@media (min-width: 768px) {
  .meta .author {
    display: block; } }
.news {
  border: none !important;
  margin-bottom: 4rem; }
.news-list-item:last-child {
    margin-bottom: 0;
}
  .news:only-child {
    margin-bottom: 0; }
  .news .img-responsive {
    max-height: 40rem;
    height: 40rem; }
  .news .panel-body {
    padding: 0 !important; }
    .news .panel-body .meta {
      margin-top: 0 !important;
      margin-bottom: 0.25em; }
      .news .panel-body .meta + h2 {
        margin-top: 0 !important; }
        .news .panel-body .meta + h2 + h3 {
          margin-top: -1.2048192771rem !important; }

.btn, .linkknopf {
  font-weight: 300 !important;
  height: 4rem;
  line-height: 2rem !important;
  font-size: 13pt; }

.btn-primary {
  border-color: #777777; }

.bild, .embed-responsive {
  margin-top: 2rem !important;
  margin-bottom: 20px !important; }
  .bild:first-child, .embed-responsive:first-child {
    margin-top: 0 !important; }

.bild .img-responsive {
  min-height: 25rem;
  max-height: 45rem; }
.bild .bild-credit {
  max-width: 66% !important; }

@media (max-width: 767px) {
  .bild-credit {
    max-width: 100% !important; } }
.kasten .titel {
  font-size: 1.66em; }
.kasten > .news {
  margin-top: 4rem !important; }

.umfrage-ergebnis {
  margin-top: 2rem;
  margin-bottom: 2rem; }

.facebook iframe {
  min-height: 19em; }

@media (min-width: 992px) and (max-width: 1199px) {
  .facebook iframe {
    min-height: 16em; } }
@media (min-width: 768px) and (max-width: 991px) {
  .facebook iframe {
    min-height: 15em; } }
@media (max-width: 767px) {
  .facebook iframe {
    min-height: 13em; } }
/* @group Formulare */
.form-control {
  min-height: 4rem;
  font-size: 13pt; }

.form-group [class^=col-] {
  margin-bottom: 1rem !important; }
.form-group label {
  font-size: 7.995pt; }

/* @end */
.liste h2, .quote h2 {
  margin-top: 0.5em;
  margin-bottom: 0.5em; }
.liste .vorschau, .quote .vorschau {
  width: 320px;
  float: left;
  margin-right: 2ex; }
.liste.termine li, .quote.termine li {
  margin-bottom: 2.5em; }
.liste.termine time, .quote.termine time, .artikel .termine time {
  font-size: 13pt;
  font-weight: 700; }
.liste.termine h3, .quote.termine h3 {
  margin-top: 0.66em;
  margin-bottom: 0.5em; }