.pb-2 {
  padding-bottom: 2em;
}

.mb-4 {
  margin-bottom: 4em;
}

.border-bottom {
  border-bottom: thin solid #a7bf51;
}

.border-primary {
  border-color: #a7bf51;
}

header.container {
  background: #fff;
  padding-left: 0;
  padding-right: 0;
}
header .row {
  margin: 0;
}
div.intro {
  background: #fff;
}
.navbar-header img {
  height: 100px;
  width: auto;
  padding: 10px ;
}
.nav a {
  font-size: 1em;
}
.navbar-default {
  border-color: #a7bf51;
}
.navbar-default .navbar-toggle {
  border-color: #a7bf51;
  margin-top: 30px;
  margin-right: 60px;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #a7bf51;
}
.navbar-default .navbar-nav > li > a {
  color: #555555;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #a0004a;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #a0004a;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
  color: #555555;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #a7bf51;
  margin: 75px auto;
}
.wrap {
  background: #fff;
}
.wrap a {
  font-weight: bold;
}
.wrap .left p.csc-frame-frame1 {
  border: 3px solid #a0004a;
  border-radius: 3px;
  margin: 15px;
  padding: 10px 15px;
}
.wrap aside .cel {
  background: #d5dbab;
  border-radius: 3px;
  margin: 20px 0;
  padding: 5px 15px;
}
ul.navMetaTop {
  list-style-type: none;
  margin: 0 20px 20px 0;
  padding: 5px 0;
  overflow: hidden;
  background-color: transparent;
}
ul.navMetaTop li {
  display: inline-block;
  margin: 0;
  padding: 0 15px;
  border-right: 1px solid #a7bf51;
}
ul.navMetaTop li:last-of-type {
  border-right: none;
}
ul.navMetaTop li a {
  color: #a0004a;
  display: block;
  text-align: center;
  font-weight: normal;
  text-decoration: none;
}
ul.navMetaTop li a:hover,
ul.navMetaTop li a:focus {
  color: #000000;
}
.square {
  display: inline-block;
  margin: 5px;
  font-weight: normal;
  text-align: center;
  touch-action: manipulation;
  cursor: pointer;
  border-radius: 3px;
  background: #579ebd;
}
.square a {
  width: 150px;
  height: 150px;
  padding: 0.5vw;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  color: #fff;
  text-decoration: none;
}
.square a:hover,
.square a:focus,
.square a:active {
  color: #fff;
  text-decoration: none;
}
div.sponsor {
  margin-top: 50px;
  margin-bottom: 20px;
}
div.sponsor img {
  margin: 10px 20px;
}
.breadcrumb, .nbc {
  font-size:14px;
  padding: 8px 30px;
  margin-bottom: 5px;
  list-style: none;
  background-color: #fff;
  border-radius: 0;
}
.breadcrumb > li {
  display: inline-block;
}
.breadcrumb > li + li:before {
  content: ">\00a0";
  padding: 0 5px;
  color: #ccc;
}
.breadcrumb > li a {
  color: #a0004a;
  font-weight: normal;
}
.breadcrumb > .active {
  color: #777777;
}
aside h1,
aside h2,
aside h3,
aside h4 {
  margin-top: 10px;
  font-weight: bold;
}
aside h1 {
  font-size: 20px;
}
aside h2 {
  font-size: 18px;
}
aside h3 {
  font-size: 16px;
}
aside h4 {
  font-size: 16px;
  font-style: italic;
}
footer {
  background: #d4e1ac;
  color: #586826;
  padding-top: 30px;
}
footer a {
  font-weight: bold;
  color: #586826;
  color: #555555;
}
footer a:hover,
footer a:focus {
  color: #586826;
}
footer ul.navMeta {
  list-style-type: none;
  margin: 0;
  padding: 5px 0;
  overflow: hidden;
  background-color: transparent;
}
footer ul.navMeta li {
  float: left;
  border: 1px solid #586826;
  padding: 9px 15px;
  margin: 10px 10px 10px 0;
}
footer ul.navMeta li a {
  display: block;
  text-align: center;
  font-weight: normal;
  text-decoration: none;
  text-transform: uppercase;
}
footer ul.navMeta li a:hover,
footer ul.navMeta li a:focus {
  color: #000000;
}
footer ul.navSocial {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: transparent;
}
footer ul.navSocial li {
  float: left;
  padding-left: 15px;
}
footer ul.navSocial li a {
  font-size: 1.4em;
  display: block;
  text-align: center;
  padding-right: 15px;
  text-decoration: none;
}
footer ul.navSocial li:first-child {
  border-left: 0;
  padding-left: 0;
}
footer .credits {
  margin-bottom: 170px;
  padding: 0 15px;
}
p.greenBox, p.csc-frame-frame2 {
  background: #f6f8eb;
  padding: 20px 30px;
  border-radius: 4px;
}
#return-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background: rgb(150, 180, 50);
    background: rgba(150, 180, 50, 0.7);
    width: 50px;
    height: 50px;
    display: block;
    text-decoration: none;
    border-radius: 35px;
    display: none;
    transition: all 0.3s ease;
    z-index: 5000;
}
#return-to-top i {
    color: #fff;
    margin: 0;
    position: relative;
    left: 16px;
    top: 13px;
    font-size: 19px;
    transition: all 0.3s ease;
}
#return-to-top:hover {
    background: rgba(150, 180, 50, 0.9);
}
#return-to-top:hover i a {
    color: #fff;
    top: 5px;
}

/* -------- START basic styles redakteure 
ul ul { list-style-type: disc; }
------------------- */
/* -------- START FSC ------------------- */
.ce {
  padding: 0 15px;
  margin-bottom: 50px;
}
.ce-align-left {
  text-align: left;
}
.ce-align-center {
  text-align: center;
}
.ce-align-right {
  text-align: right;
}
.ce-table td,
.ce-table th {
  vertical-align: top;
}
.ce-textpic,
.ce-nowrap .ce-bodytext,
.ce-gallery,
.ce-row,
.ce-uploads li,
.ce-uploads div {
  overflow: hidden;
}
.ce-left .ce-gallery,
.ce-column {
  float: left;
}
.ce-center .ce-outer {
  position: relative;
  float: right;
  right: 50%;
}
.ce-center .ce-inner {
  position: relative;
  float: right;
  right: -50%;
}
.ce-right .ce-gallery {
  float: right;
}
.ce-gallery figure {
  display: table;
  margin: 0;
}
.ce-gallery figcaption {
  display: table-caption;
  caption-side: bottom;
  font-size: 14px;
  color: #878787;
}
.ce-gallery img {
  display: block;
  /* FCE ohne Gallery responsive */
  max-width: 100%;
  height: auto;
}
.ce-gallery iframe {
  border-width: 0;
}
.ce-border img,
.ce-border iframe {
  border: 2px solid black;
  padding: 0px;
}
.ce-intext.ce-right .ce-gallery,
.ce-intext.ce-left .ce-gallery,
.ce-above .ce-gallery {
  margin-bottom: 10px;
}
.ce-intext.ce-right .ce-gallery {
  /* FCE */
  margin-left: 10px;
}
.ce-intext.ce-left .ce-gallery {
  /* FCE */
  margin-right: 10px;
}
.ce-below .ce-gallery {
  margin-top: 10px;
}
.ce-column {
  margin-right: 10px;
}
.ce-column:last-child {
  margin-right: 0;
}
.ce-row {
  margin-bottom: 10px;
}
.ce-row:last-child {
  margin-bottom: 0;
}
.ce-above .ce-bodytext {
  clear: both;
}
.ce-intext.ce-left ol,
.ce-intext.ce-left ul {
  padding-left: 40px;
  overflow: auto;
}
.ce-uploads {
  margin: 0;
  padding: 0;
}
.ce-uploads li {
  list-style: none outside none;
  margin: 1em 0;
}
.ce-uploads img {
  float: left;
  margin-right: 1em;
  margin-top: .3em;
  vertical-align: top;
  border: 1px solid #C7C5C6;
}
.ce-uploads span {
  display: block;
}
.ce-uploads-filesize {
  font-size: .8em;
  color: #C7C5C6;
}
.ce-textpic ul,
.ce-textpic ol {
  padding-left: 30px;
}
.ce-textpic ul li,
.ce-textpic ol li {
  padding-left: 5px;
}
.ce-bodytext {
  margin-bottom: 50px;
}
.ce-menu {
  font-size: 20px;
}
.ce-menu li {
  padding-top: 10px;
  padding-bottom: 10px;
}
.ce-menu li ul {
  list-style-type: disc;
}

.address, address {
  margin-bottom: 0; /*30px;*/
}
.address .addrLabel {
  font-weight: bold;
 }
.address h3{
  margin-top: 0;
}
.tx-ttaddress-pi1 {
  margin-bottom: 20px;
}
/* -------- END FSC ------------------- */
/* -------- START minor plugins ------------------- */
/* -------- END minor plugins ------------------- */

/* -------- Kleine Geräte (Tablets, 768px und breiter) ---------------------------------------------------- */
@media (min-width: 768px) {
  .address .addrLabel {
    text-align: right;
   }
  .tx-ttaddress-pi1 {
    margin-bottom: 80px;
  }
 }

/* -------- Mittlere Geräte (Desktop-PCs, 992px und breiter) ---------------------------------------------- */
@media (min-width: 992px) {
  header {
    width: 970px;
  }
  div.intro {
    background: #fff url(../img/fnr-hessen-intro.png) no-repeat;
    background-size: cover;
    height: 150px;
    margin: 20px 15px 0;
    border-radius: 4px;
  }
  .logo {
    background: #fff;
    display: block;
    margin: 20px 15px;
    height: 150px;
    text-align: center;
    vertical-align: middle;
    border: 3px solid #a7bf51;
    border-radius: 4px;
  }
  .logo::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%;
  }
  .logo img {
    width: 170px;
    height: auto;
    vertical-align: middle;
  }
  .nav a {
    font-size: 1em;
  }
  .navbar {
    border: 0;
  }
  .navbar-default {
    background-color: transparent;
    border-color: transparent;
  }
  .navbar-default .navbar-text {
    color: #fff;
  }
  .navbar-default .navbar-nav > li > a {
    color: #777777;
  }
  .navbar-default .navbar-nav > li > a:hover,
  .navbar-default .navbar-nav > li > a:focus {
    color: #a0004a;
    background-color: transparent ;
  }
  .navbar-default .navbar-nav > .active > a,
  .navbar-default .navbar-nav > .active > a:hover,
  .navbar-default .navbar-nav > .active > a:focus {
    color: #a0004a;
    background-color: transparent;
  }
  .dropdown:hover .dropdown-menu {
    display: block;
  }
  div.intro,
  .logo {
    height: 200px;
  }
  .logo img {
    width: 200px;
  }
  .wrap .left,
  .wrap aside {
    padding: 0 10px 0 20px;
  }

  h1,
  h2,
  h3 {
    margin-top: 27px;
  }
  .news-list-item h3 {
    margin-top: 14px;
  }
  .sidebar .dropdown-menu > .active > a,
  .dropdown-menu > .active > a:hover,
  .dropdown-menu > .active > a:focus {
    color: #a0004a;
    background-color: transparent;
  }
  .sidebar li {
    border-top: 1px solid #a7bf51;
  }
  .sidebar li:last-of-type {
    border-bottom: 1px solid #a7bf51;
  }
  .sidebar li a {
    white-space: normal;
  }
  /* test dropdownmenu in ACT/CUR mit .active auf dt offen sein */
  .sidebar li.active .dropdown-menu {
    display: block;
    width: 100%;
  }
  .sidebar .dropdown-menu {
    border: none;
  }
  .sidebar .dropdown-menu li {
    border: none;
  }
  .sidebar .dropdown-menu li a {
    padding-left: 30px;
  }
  .sidebar .active ul.dropdown-menu {
    z-index: auto;
    display: block;
    position: relative;
    width: 100%;
    box-shadow: none;
    -webkit-box-shadow: none;
  }
  .sidebar .active .dropdown:hover li a {
    background: transparent;
  }
  .sidebar li.active a.dropdown-toggle {
    padding-bottom: 0;
  }
  .navbar-nav > li {
    width: 100%;
  }

}
/* -------- Große Geräte (Desktop-PCs, 1200px und breiter) ---------------------------------------------------- */
@media (min-width: 1200px) {
  header {
    width: 1170px;
  }
  div.intro,
  .logo {
    height: 252px;
  }
  .logo img {
    width: 270px;
  }
  .wrap .left,
  .wrap aside {
    padding: 0 15px 0 30px;
  }
}