@charset "UTF-8";
/* ---------------------------------------------- */
body {
  color: #666; }

a,
a:visited {
  color: #e95d0f;
  padding: .2rem; }

a:active,
a:active,
a:focus,
a:hover {
  color: #f49a00;
  border-radius: 1px;
  text-decoration: underline;
  background-color: rgba(244, 154, 0, 0.2); }

a.active,
a.current {
  font-weight: normal;
  text-decoration: underline; }

*,
:focus {
  outline: 0 !important; }

.btn-success,
.btn-primary {
  color: #fff;
  background-color: #e95d0f !important;
  border-color: #e95d0f !important; }
  .btn-success:hover,
  .btn-primary:hover {
    color: #fff;
    background-color: #f49a00 !important;
    border-color: #f49a00 !important; }

a.card:active,
a.card:active:focus,
a.card:focus,
a.card:hover {
  text-decoration: underline; }

a.card small.card-text {
  color: #b3b3b3;
  line-height: 1.2;
  display: block; }

/* --- --- */
#top-nav {
  /* --- Navigation --- */
  position: absolute;
  top: 0;
  background-color: #eeede8 !important;
  width: 100%;
  z-index: 900;
  height: 4rem;
  border: 1px solid #dad9d4; }
  #top-nav a.active,
  #top-nav a.current {
    text-decoration: none;
    border-bottom: 6px solid #e95d0f; }
  @media (min-width: 768px) {
    #top-nav {
      position: fixed; } }
  #top-nav .navbar {
    padding: 2rem 0; }
    @media (max-width: 767px) {
      #top-nav .navbar {
        padding: .7rem 0; } }
    #top-nav .navbar .navbar-toggler {
      padding: 0.25rem 0.75rem;
      font-size: 1.25rem;
      line-height: 1;
      background-color: #dad9d4;
      border: 1px solid transparent;
      border-radius: 0.25rem; }
      #top-nav .navbar .navbar-toggler:hover {
        background-color: #999999; }
      #top-nav .navbar .navbar-toggler .fa {
        font-size: 1.5rem;
        color: #414141; }
    #top-nav .navbar .navbar-nav {
      padding-top: .5rem; }
      #top-nav .navbar .navbar-nav .leer-h6 {
        height: 2.5rem; }
      @media (max-width: 767px) {
        #top-nav .navbar .navbar-nav {
          background-color: #eeede8;
          margin-top: .92rem;
          padding: 0.5rem;
          border: 1px solid #999999;
          border-top: 0; }
          #top-nav .navbar .navbar-nav .sub-menu {
            /* border: 1px solid #ff0000; */ }
            #top-nav .navbar .navbar-nav .sub-menu h6 {
              /*     border: 1px solid #00ff00;  */
              margin-top: 1rem !important; }
            #top-nav .navbar .navbar-nav .sub-menu.mb-4 {
              margin-bottom: 0 !important; }
            #top-nav .navbar .navbar-nav .sub-menu .leer-h6 {
              height: 0; }
          #top-nav .navbar .navbar-nav .sub-menu:first-child h6 {
            /*     border: 1px solid #0000ff; */ } }
      #top-nav .navbar .navbar-nav a.nav-link,
      #top-nav .navbar .navbar-nav a.nav-link:visited {
        margin: 0;
        padding: 0 .2rem;
        color: black;
        line-height: 26px;
        font-family: "CDUKievit Bold", Arial, Helvetica, Verdana, sans-serif;
        border-bottom: 6px solid transparent;
        margin-right: 1rem;
        cursor: pointer; }
      #top-nav .navbar .navbar-nav a.nav-link:active,
      #top-nav .navbar .navbar-nav a.nav-link:focus,
      #top-nav .navbar .navbar-nav a.nav-link:hover {
        color: black;
        background-color: transparent;
        text-decoration: none;
        border-bottom: 6px solid #e95d0f;
        cursor: pointer; }
      #top-nav .navbar .navbar-nav .show a.nav-link,
      #top-nav .navbar .navbar-nav .show a.nav-link:visited {
        color: black;
        text-decoration: none;
        border-bottom: 6px solid #e95d0f;
        cursor: pointer; }
      #top-nav .navbar .navbar-nav .dropdown:hover .dropdown-menu {
        display: block;
        transition: opacity 1s ease-out; }
      #top-nav .navbar .navbar-nav .dropdown .dropdown-menu {
        border: 0;
        background-color: transparent;
        padding-top: 1rem; }
        #top-nav .navbar .navbar-nav .dropdown .dropdown-menu .bx {
          max-width: 1140px;
          background-color: #eeede8;
          margin: 0 auto;
          padding: 1rem;
          /* border: 1px solid $color-grey; */
          /* border-top: 1px solid $color-white; */ }
          @media (min-width: 576px) {
            #top-nav .navbar .navbar-nav .dropdown .dropdown-menu .bx {
              max-width: 540px; } }
          @media (min-width: 768px) {
            #top-nav .navbar .navbar-nav .dropdown .dropdown-menu .bx {
              max-width: 720px; } }
          @media (min-width: 992px) {
            #top-nav .navbar .navbar-nav .dropdown .dropdown-menu .bx {
              max-width: 960px; } }
          @media (min-width: 1200px) {
            #top-nav .navbar .navbar-nav .dropdown .dropdown-menu .bx {
              max-width: 1140px; } }
          @media (min-width: 768px) {
            #top-nav .navbar .navbar-nav .dropdown .dropdown-menu .bx {
              border-bottom: 1px solid #dad9d4;
              border-left: 1px solid #dad9d4;
              border-right: 1px solid #dad9d4; } }
          #top-nav .navbar .navbar-nav .dropdown .dropdown-menu .bx a,
          #top-nav .navbar .navbar-nav .dropdown .dropdown-menu .bx a:visited {
            color: #e95d0f;
            padding: .2rem; }
          #top-nav .navbar .navbar-nav .dropdown .dropdown-menu .bx a:active,
          #top-nav .navbar .navbar-nav .dropdown .dropdown-menu .bx a:focus,
          #top-nav .navbar .navbar-nav .dropdown .dropdown-menu .bx a:hover {
            color: #f49a00;
            border-radius: 1px;
            text-decoration: underline;
            background-color: rgba(244, 154, 0, 0.2); }
          #top-nav .navbar .navbar-nav .dropdown .dropdown-menu .bx ul {
            list-style: none;
            padding: 0;
            margin-left: 0; }
            #top-nav .navbar .navbar-nav .dropdown .dropdown-menu .bx ul li {
              padding-left: 1.0rem; }
            #top-nav .navbar .navbar-nav .dropdown .dropdown-menu .bx ul li:before {
              content: "";
              /* FontAwesome Unicode */
              display: inline-block;
              margin-left: -1.1rem;
              /* same as padding-left set on li */ }
          #top-nav .navbar .navbar-nav .dropdown .dropdown-menu .bx li.kand {
            padding-left: 0; }
            #top-nav .navbar .navbar-nav .dropdown .dropdown-menu .bx li.kand a {
              width: 100%;
              border-bottom: 1px solid #eeede8;
              display: inline-table;
              margin-left: 1.1rem; }
            #top-nav .navbar .navbar-nav .dropdown .dropdown-menu .bx li.kand a:hover {
              border: 0;
              border-bottom: 3px solid; }
            #top-nav .navbar .navbar-nav .dropdown .dropdown-menu .bx li.kand img {
              vertical-align: text-top;
              padding: 0 0 0 0; }
            #top-nav .navbar .navbar-nav .dropdown .dropdown-menu .bx li.kand .media-body {
              padding-left: 5px; }
      #top-nav .navbar .navbar-nav .dropdown:hover .dropdown-menu {
        display: block;
        position: fixed;
        transition: opacity 1s ease-out; }
      #top-nav .navbar .navbar-nav .dropdown:hover.show .dropdown-menu {
        position: static;
        transition: opacity 1s ease-out; }
      @media (min-width: 768px) {
        #top-nav .navbar .navbar-nav {
          position: fixed; }
          #top-nav .navbar .navbar-nav .dropdown {
            position: relative; }
            #top-nav .navbar .navbar-nav .dropdown:hover .dropdown-menu {
              z-index: 1000;
              display: block;
              position: fixed;
              top: 3.0rem;
              left: 1rem;
              right: 1rem;
              margin: 0;
              transition: opacity 1s ease-out; }
            #top-nav .navbar .navbar-nav .dropdown:hover.show .dropdown-menu {
              position: fixed; }
            #top-nav .navbar .navbar-nav .dropdown .dropdown-menu.show {
              z-index: 999;
              display: block;
              position: fixed;
              top: 3.0rem;
              left: 1rem;
              right: 1rem;
              margin: 0; } }
  #top-nav .logo {
    position: absolute;
    right: 0;
    top: 0.5rem; }
    @media (min-width: 768px) {
      #top-nav .logo {
        position: fixed; } }
    #top-nav .logo a {
      height: auto;
      background-color: transparent;
      border: 0;
      padding: 0; }
    #top-nav .logo a:active,
    #top-nav .logo a:focus,
    #top-nav .logo a:hover {
      background-color: transparent; }

/* --- --- */
.scrollspy-demo {
  height: 100vh;
  min-height: 600px;
  display: flex;
  align-items: center; }

.scrollspy-demo:nth-child(odd) {
  background: #f7f7f7; }

/* --- --- */
#top-slider {
  position: relative; }
  #top-slider .jumbotron {
    background: #cccccc url(../Images/bg_rathaus700.jpg) no-repeat center top/cover;
    color: #fff;
    height: 600px;
    display: flex;
    align-items: center;
    margin-bottom: 1rem; }
    @media (min-width: 700px) {
      #top-slider .jumbotron {
        background: #cccccc url(../Images/bg_rathaus1024.jpg) no-repeat center top/cover; } }
    @media (min-width: 1024px) {
      #top-slider .jumbotron {
        background: #cccccc url(../Images/bg_rathaus1750.jpg) no-repeat center top/cover; } }
    #top-slider .jumbotron .container {
      max-width: 64rem; }
    #top-slider .jumbotron .slogan {
      font-style: italic;
      line-height: 3.5rem;
      position: absolute;
      font-size: 3rem;
      background-color: #008195;
      padding: .3rem .5rem 0 .5rem;
      z-index: auto; }

/* --- --- */
#breadcrumb-nav {
  padding-top: 1rem;
  position: relative; }
  #breadcrumb-nav ul.rootline {
    margin: 0 0 2rem 0;
    padding: 0 0 .75rem 0;
    list-style-type: none;
    font-size: 80%;
    border-bottom: 1px solid #dad9d4; }
    #breadcrumb-nav ul.rootline li {
      display: inline-block; }
    #breadcrumb-nav ul.rootline a,
    #breadcrumb-nav ul.rootline a:visited {
      margin: 0;
      padding: 0;
      color: #414141; }
    #breadcrumb-nav ul.rootline a:active,
    #breadcrumb-nav ul.rootline a:focus,
    #breadcrumb-nav ul.rootline a:hover {
      color: #999999;
      text-decoration: underline;
      background-color: transparent; }
    #breadcrumb-nav ul.rootline span {
      color: #999; }
    #breadcrumb-nav ul.rootline a:after {
      display: inline-block;
      content: "/";
      margin: 0 .5rem; }

/* --- --- */
#main-content {
  position: relative;
  margin-top: 4rem;
  padding-bottom: 3rem; }
  #main-content.container {
    max-width: 64rem; }

/* --- --- */
#search-bar {
  position: relative;
  background-color: #eeede8;
  padding: .3rem 0; }
  #search-bar .form-control {
    display: inline;
    width: 7rem; }
  @media (min-width: 768px) and (max-width: 1200px) {
    #search-bar .form-control {
      width: 12rem; } }
  @media (min-width: 1200px) {
    #search-bar .form-control {
      width: 12rem; } }
  #search-bar .btn {
    margin-left: 0.5rem; }
  #search-bar .socialmedia {
    height: 1rem;
    line-height: 1;
    padding-top: 0.25rem; }
    #search-bar .socialmedia a,
    #search-bar .socialmedia a:visited {
      color: #414141;
      margin-left: .5rem; }
    #search-bar .socialmedia a.fb:active,
    #search-bar .socialmedia a.fb:focus,
    #search-bar .socialmedia a.fb:hover {
      background-color: transparent;
      color: #4267B2; }
    #search-bar .socialmedia a.in:active,
    #search-bar .socialmedia a.in:focus,
    #search-bar .socialmedia a.in:hover {
      background-color: transparent;
      color: #D03185; }

/* --- --- */
#footer-nav {
  position: relative; }
  #footer-nav a,
  #footer-nav a:visited {
    color: black;
    padding: .2rem; }
  #footer-nav a:active,
  #footer-nav a:focus,
  #footer-nav a:hover {
    color: #414141;
    border-radius: 1px;
    text-decoration: underline;
    background-color: rgba(65, 65, 65, 0.15); }
  #footer-nav .container {
    min-height: 20rem;
    background-image: url(../Images/bg_footer.png);
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: 100% auto;
    padding-top: 2em; }

/* --- --- */
#copyright-nav {
  position: relative;
  background-color: white;
  margin-bottom: 0;
  padding: 1rem 0 5rem 0;
  font-size: .9rem; }
  #copyright-nav .copyright {
    margin-bottom: 1rem;
    margin-top: .2rem; }
  #copyright-nav ul.footMenu {
    list-style-type: none;
    margin: 0;
    padding-left: 0; }
    #copyright-nav ul.footMenu li {
      display: inline-block; }
    #copyright-nav ul.footMenu a,
    #copyright-nav ul.footMenu a:visited {
      margin-left: 1.0rem;
      color: #e95d0f;
      padding: .2rem; }
    #copyright-nav ul.footMenu a:active,
    #copyright-nav ul.footMenu a:focus,
    #copyright-nav ul.footMenu a:hover {
      color: #f49a00;
      border-radius: 1px;
      text-decoration: underline;
      background-color: rgba(244, 154, 0, 0.2); }

/* --- --- */
.back-to-top {
  position: fixed;
  bottom: 25px;
  right: 25px;
  display: none; }

/* --- --- */
/* --- Zwischengr├Â├ƒe scrollbar machen --- */
@media (min-width: 768px) and (max-width: 1200px) {
  #top-nav {
    position: absolute; }
    #top-nav .navbar .navbar-nav {
      position: absolute; }
      #top-nav .navbar .navbar-nav .dropdown .dropdown-menu.show {
        position: absolute;
        width: 670px;
        top: 1.7rem;
        left: 0; }
      #top-nav .navbar .navbar-nav .dropdown:hover .dropdown-menu {
        position: absolute;
        width: 670px;
        top: 1.7rem;
        left: 0; }
      #top-nav .navbar .navbar-nav .dropdown:hover.show .dropdown-menu {
        position: absolute; }
      #top-nav .navbar .navbar-nav #top-nav .navbar .navbar-nav .dropdown .dropdown-menu.show {
        z-index: 999;
        display: block;
        position: fixed;
        top: 3.0rem;
        left: 1rem;
        right: 1rem;
        margin: 0; }
    #top-nav #top-nav .navbar .navbar-nav .dropdown .dropdown-menu.show {
      z-index: 999;
      display: block;
      position: fixed; }
    #top-nav .logo {
      position: absolute; } }
.tmimage {
  position: relative; }
  .tmimage .image {
    position: relative; }
    .tmimage .image img {
      width: 100%;
      height: auto; }
  .tmimage .text {
    position: relative;
    bottom: 0;
    margin: 0 0 0 0; }
    .tmimage .text .header {
      font-size: 1.2rem;
      font-family: "CDUKievit Bold", Arial, Helvetica, Verdana, sans-serif;
      padding: .4rem .5rem;
      background-color: white;
      color: #e95d0f;
      margin-bottom: 0;
      width: auto; }
    .tmimage .text .body {
      font-size: 1.0rem;
      background-color: #008195;
      padding: .2rem .5rem;
      color: white;
      margin-bottom: 0;
      width: auto; }
      .tmimage .text .body p {
        margin-bottom: 0; }
    @media (min-width: 768px) and (max-width: 1200px) {
      .tmimage .text {
        position: absolute;
        margin: 0 0 0 1rem; }
        .tmimage .text .header {
          font-size: 2.5rem;
          width: max-content;
          margin-bottom: .5rem;
          padding: 1rem 1rem; }
        .tmimage .text .body {
          font-size: 1.75rem;
          width: max-content;
          margin-bottom: 7%;
          padding: .5rem 1rem; } }
    @media (min-width: 1200px) {
      .tmimage .text {
        position: absolute;
        margin: 0 0 0 2rem; }
        .tmimage .text .header {
          font-size: 3rem;
          width: max-content;
          margin-bottom: .5rem;
          padding: 1rem 1rem; }
        .tmimage .text .body {
          font-size: 2.0rem;
          width: max-content;
          margin-bottom: 15%;
          padding: .5rem 1rem; } }

.vcard-list {
  margin-top: 1rem;
  margin-bottom: 3rem; }

.tt_address_detail i.fa {
  width: 1.5rem; }

.ce-uploads a,
.ce-uploads a:visited {
  color: #e95d0f;
  padding: 0; }
.ce-uploads img {
  padding-right: 0;
  margin-right: 1rem; }
.ce-uploads .ce-uploads-filesize {
  font-size: 0.9rem;
  font-style: italic; }
.ce-uploads .ce-uploads-filesize::before {
  content: "Größe: "; }
.ce-uploads .ce-uploads-filesize::after {
  content: 'yte'; }

.ce-gallery img {
  max-width: 100%;
  height: auto; }

/* --- --- */

/*# sourceMappingURL=custom-styles.css.map */