@import url('https://fonts.verwaltungsportal.de/import/?family=Open+Sans:400,600%7CCrimson+Text:400,700&display=swap');

 body {
     font-family: Open Sans, sans-serif;
     color: #444c4c;
     background: #fff6e1;
     font-size: 16px;
 }

 @media (min-width: 768px) {
     body {
         background: url('../img/bg_body.jpg') center top no-repeat;
         background-size: cover;
         background-attachment: fixed;
     }
 }

 a {
     color: #d07f00;
     -webkit-transition: background 300ms linear, color 300ms linear;
     -moz-transition: background 300ms linear, color 300ms linear;
     -ms-transition: background 300ms linear, color 300ms linear;
     -o-transition: background 300ms linear, color 300ms linear;
     transition: background 300ms linear, color 300ms linear;
 }

 a:hover {
     color: #d07f00;
 }

 b, strong,
 #content a {
     font-weight: 600;
 }

 #maindiv {
     width: 100%;
     line-height: 1.6em;
     text-align: left;
     overflow: hidden;
 }

 /* ------------------------------------------------ menu ------------------------------------------------ */
 .sticky-wrapper {
     position: relative;
     z-index: 51;
 }

 #menu {
     background: #f5db9d url('../img/bg_menu.jpg') center top no-repeat;
     background-size: cover;
     padding: 15px;
 }

 #menu div[class*="col"] {
     min-height: 0;
 }

 @media (min-width: 992px) {
     #menu>div:first-of-type {
         border-right: 1px solid #d8b46f;
     }
 }

 /* --------------------------------------- navigation bar (21043) --------------------------------------- */
 .navbar {
     min-height: 0;
     margin-bottom: 0px;
     border: none;
 }

 .navbar-nav {
     float: none !important;
 }

 /* burgermenu - background */
 .navbar-default .navbar-toggle,
 .navbar-default .navbar-toggle:hover,
 .navbar-default .navbar-toggle:focus {
     background-color: #ffffff;
     border-color: transparent;
     -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.4);
     box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.4);
 }

 /* burgermenu for tablet */
 @media (max-width: 991px) {
     .navbar-default ul.navbar-nav {
         height: auto;
     }

     .navbar-collapse {
         position: fixed;
         left: -100%;
         top: 0;
         bottom: 0;
         z-index: 100;
         width: 70%;
         background: #f5db9d;
         height: auto !important;
         -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
         box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
         border: none;
         opacity: 0;
         pointer-events: none;
         -webkit-transition: left 300ms linear, opacity 300ms linear;
         -moz-transition: left 300ms linear, opacity 300ms linear;
         -ms-transition: left 300ms linear, opacity 300ms linear;
         -o-transition: left 300ms linear, opacity 300ms linear;
         transition: left 300ms linear, opacity 300ms linear;
     }

     .navbar-collapse::after {
         content: "";
         position: fixed;
         top: 0;
         right: 0;
         bottom: 0;
         width: 30%;
         z-index: -1;
         pointer-events: none;
         display: block;
         background-color: rgba(0, 0, 0, 0.5);
     }

     .navbar-collapse.collapse.in,
     .navbar-header .collapse, .navbar-toggle {
         left: 0;
         opacity: 1;
         border: none;
         pointer-events: auto;
     }

     .navbar-header, .navbar-nav>li {
         float: none;
     }

     .navbar-nav {
         margin: 15px 0;
     }

     .navbar-nav li .dropdown-menu {
         position: static;
         float: none;
         width: auto;
     }

     .navbar-toggle {
         position: fixed;
         right: 15px;
         top: 15px;
         z-index: 101;
         left: auto;
         margin: 0 !important;
         padding: 6px 7px;
         line-height: 0;
         display: block;
         -webkit-transition: background 300ms linear;
         -moz-transition: background 300ms linear;
         -ms-transition: background 300ms linear;
         -o-transition: background 300ms linear;
         transition: background 300ms linear;
     }

     .navbar-nav a {
         text-align: center;
     }

     #myNavbar.navbar-collapse.collapse {
         overflow-y: auto !important;
     }
 }

 /* menu fixed top (tablet) */
 /*** Menü über komplette Breite (1200px) ***/
 @media (min-width: 992px) {
     .navbar-default .navbar-nav {
         display: flex;
         width: 100%;
         justify-content: space-between;
         margin: 0 auto;
     }

     .navbar-default .navbar-nav>li {
         float: none;
     }

     .navbar-nav::after,
     .navbar-nav::before {
         display: none;
     }

     .navbar-collapse {
         -webkit-box-shadow: none;
         box-shadow: none
     }

     .navbar-nav>li {
         display: inline-block !important;
     }

     .navbar-collapse {
         padding-left: 15px;
         padding-right: 15px;
     }
 }

 /* ---------------------------------------------- toplevel ---------------------------------------------- */
 .navbar-default .navbar-nav>li>a {
     position: relative;
     color: #5b4f39;
     font-weight: bold;
     text-align: center;
     padding: 10px 5px;
     font-family: 'Crimson Text', serif;
 }

 @media (max-width: 991px) {
     .navbar-default .navbar-nav>li+li {
         margin-top: 10px;
     }
 }

 @media (min-width: 992px) {
     .navbar-default .navbar-nav>li>a {
         padding: 22px 5px;
         display: flex;
         align-content: center;
         align-items: center;
         justify-content: center;
         height: 100%;
     }
 }

 .navbar-default .navbar-nav>li>a[data-toggle="dropdown"]::after {
     content: "";
     background: url('../img/toplevel_over.png') center no-repeat;
     position: absolute;
     display: block;
     height: 8px;
     width: 12px;
     bottom: 0;
     left: 50%;
     transform: translateX(-6px);
 }

 @media (min-width: 992px) {
     .navbar-default .navbar-nav>li>a[data-toggle="dropdown"]::after {
         bottom: 10px;
     }
 }

 @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) and (min-width: 992px) {
     .navbar-default .navbar-nav>li>a {
         display: block;
     }
 }

 /* -------------------------------------------- toplevel-over ------------------------------------------- */
 .navbar-default .navbar-nav>li>a:hover,
 .navbar-default .navbar-nav>li>a:focus,
 .navbar-default .navbar-nav>li.open>a,
 .navbar-default .navbar-nav>li.open>a:hover,
 .navbar-default .navbar-nav>li.open>a:focus,
 .navbar-default .navbar-nav>li.menue_point_toplevel_21043_over>a,
 .navbar-default .navbar-nav>li.menue_point_toplevel_21043_over>a:hover,
 .navbar-default .navbar-nav>li.menue_point_toplevel_21043_over>a:focus {
     color: #9c8762;
 }

 /* -------------------------------------- secondlevel + thirdlevel dropdown-box -------------------------------------- */
 .navbar-default .navbar-nav>li>.dropdown-menu,
 .navbar-default .navbar-nav>li>.dropdown-menu>li>.dropdown-menu {
     padding: 20px 0;
     background-color: #f5db9d;
 }

 /* keep dropdown open in case the secondlevel is active */
 .menue_point_secondlevel_21043_over>.dropdown-menu {
     display: block !important;
 }

 @media (min-width: 992px) {
     .navbar-default .navbar-nav>li>.dropdown-menu {
         margin-top: 40px;
         right: auto;
         left: 50%;
         position: absolute;
         -moz-transform: translate(-50%, 0);
         -webkit-transform: translate(-50%, 0);
         -o-transform: translate(-50%, 0);
         -ms-transform: translate(-50%, 0);
         transform: translate(-50%, 0);
     }

     .navbar-default .navbar-nav>li>.dropdown-menu::after {
         content: "";
         left: 50%;
         top: -10px;
         position: absolute;
         width: 0;
         height: 0;
         border-style: solid;
         border-width: 0 10px 10px 10px;
         border-color: transparent transparent #f5db9d transparent;
         -moz-transform: translate(-50%, 0);
         -webkit-transform: translate(-50%, 0);
         -o-transform: translate(-50%, 0);
         -ms-transform: translate(-50%, 0);
         transform: translate(-50%, 0);
     }

     /* Thirdlevel - right dropdown */
     .navbar-default .navbar-nav>li,
     .navbar-default .navbar-nav>li>.dropdown-menu>li {
         position: relative;
     }

     .navbar-default .navbar-nav>li>.dropdown-menu>li>.dropdown-menu {
         position: absolute;
         left: 100%;
         top: 0;
         margin-left: 10px;
         margin-top: -20px;
     }
 }

 .menue_group_21043_start,
 .menue_group_21043_end,
 .menue_list_thirdlevel_21043_start,
 .menue_list_thirdlevel_21043_end {
     display: none;
 }

 /* --------------------------------------------- secondlevel + thirdlevel -------------------------------------------- */
 .navbar-default .navbar-nav>li>.dropdown-menu>li>a,
 .navbar-default .navbar-nav>li>.dropdown-menu>li>.dropdown-menu>li>a {
     color: #5b4f39;
     font-weight: 600;
     text-align: center;
     padding: 8px 15px;
     background-color: transparent;
     line-height: 22px;
 }

 /* ------------------------------------------ secondlevel + thirdlevel over ------------------------------------------ */
 .navbar-default .navbar-nav>li>.dropdown-menu>li>a:hover,
 .navbar-default .navbar-nav>li>.dropdown-menu>li>a:focus,
 .navbar-default .navbar-nav>li>.dropdown-menu>li.open>a,
 .navbar-default .navbar-nav>li>.dropdown-menu>li.open>a:hover,
 .navbar-default .navbar-nav>li>.dropdown-menu>li.open>a:focus,
 .navbar-default .navbar-nav>li>.dropdown-menu>li.menue_point_secondlevel_21043_over>a,
 .navbar-default .navbar-nav>li>.dropdown-menu>li.menue_point_secondlevel_21043_over>a:hover,
 .navbar-default .navbar-nav>li>.dropdown-menu>li.menue_point_secondlevel_21043_over>a:focus,
 .navbar-default .navbar-nav>li>.dropdown-menu>li>.dropdown-menu>li>a:hover,
 .navbar-default .navbar-nav>li>.dropdown-menu>li>.dropdown-menu>li>a:focus,
 .navbar-default .navbar-nav>li>.dropdown-menu>li>.dropdown-menu>li.open>a,
 .navbar-default .navbar-nav>li>.dropdown-menu>li>.dropdown-menu>li.open>a:hover,
 .navbar-default .navbar-nav>li>.dropdown-menu>li>.dropdown-menu>li.open>a:focus,
 .navbar-default .navbar-nav>li>.dropdown-menu>li>.dropdown-menu>li.menue_point_thirdlevel_21043_over>a,
 .navbar-default .navbar-nav>li>.dropdown-menu>li>.dropdown-menu>li.menue_point_thirdlevel_21043_over>a:hover,
 .navbar-default .navbar-nav>li>.dropdown-menu>li>.dropdown-menu>li.menue_point_thirdlevel_21043_over>a:focus {
     color: #5b4f39;
     background-color: #f9e9c4;
 }

 /* ------------------------------------------------ banner ------------------------------------------------ */
 #slider,
 .slider-wrapper {
     max-height: 300px;
     overflow: hidden;
 }

 @media (min-width: 992px) {

     #slider,
     .slider-wrapper {
         max-height: 545px;
     }
 }

 #headerpic {
     margin: 0 auto;
     overflow: hidden;
     position: relative;
     width: 100%;
     border-bottom: 6px solid #5b4f39;
 }

 .slider-wrapper, #slider {
     height: 100%;
 }

 #logo {
     width: auto;
     pointer-events: auto;
 }

 #logo img {
     width: 100%;
     max-width: 363px;
     height: auto;
 }

 @media (max-width: 767px) {
     #logo img {
         padding-right: 40px;
     }
 }

 #bannerOverlay .container {
     padding-left: 0;
     padding-right: 0;
 }

 #bannerOverlay {
     position: absolute;
     left: 20px;
     top: 0;
     right: 0;
     bottom: 20px;
     z-index: 53;
     display: flex;
     align-content: flex-end;
     align-items: flex-end;
     pointer-events: none;
 }

 @media (min-width: 992px) {
     #bannerOverlay {
         left: 0;
     }
 }

 .slider-mask {
     display: none;
 }

 /* ---------------------------------------------- tabs content --------------------------------------------- */
 #contentTabs {
     background-color: #d6dfb7;
     color: #484a36;
     padding-top: 30px;
     padding-bottom: 30px;
 }

 @media (max-width: 991px) {
     #contentTabs>div+div {
         margin-top: 30px;
     }
 }

 @media (min-width: 768px) {
     #contentTabs {
         padding: 45px 35px;
     }
 }

 @media (min-width: 768px) and (max-width: 991px) {
     #contentTabs>div+div:nth-child(2) {
         margin-top: 0;
     }
 }

 #contentTabs p {
     margin: 0;
 }

 /* ------------------------------------------------ content ----------------------------------------------- */
 #content {
     line-height: 1.6em;
     text-align: left;
     min-height: 200px;
     padding: 30px 15px;
     background-color: #fff6e1;
 }

 @media (min-width: 768px) {
     #content {
         padding: 30px 50px 40px 50px;
     }
 }

 .row {
     margin-left: 0;
     margin-right: 0;
 }

 .container {
     padding-left: 0;
     padding-right: 0;
 }

 @media (min-width: 992px) {
     .container {
         border: 20px solid rgba(255, 255, 255, 0.4);
     }
 }

 /* ie-fix btgrid images */
 @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
     .btgrid .row img {
         width: auto;
     }
 }

 /* --------------------------------------------- share buttons -------------------------------------------- */
 #content_buttons_div {
     top: 45%;
     z-index: 100;
 }

 @media (max-width: 991px) {
     #content_buttons_div {
         display: none;
     }
 }

 /* ------------------------------------------ h1, #content .legacy_h1, .legacy_h1 - h6, #content .legacy_h6, .legacy_h6, newslink ----------------------------------------- */
 .h4link a:link, .h4link a:hover, .h4link a:visited, h6, #content .legacy_h6, .legacy_h6, h5, #content .legacy_h5, .legacy_h5, h4, #content .legacy_h4, .legacy_h4, h3, #content .legacy_h3, .legacy_h3, h2, #content .legacy_h2, .legacy_h2, h1, #content .legacy_h1, .legacy_h1 {
     color: #5b4f39;
     font-weight: bold;
     line-height: 1.2em;
     font-family: 'Crimson Text', serif;
 }

 #newslinks, #newsmandate {
     border: 1px solid #5b4f39;
 }

 /* ------------------------------------------------ for white background ------------------------------------------------ */
 #startseite_news ul a {
     font-size: 12px;
     color: #7c7c7c;
     font-weight: normal;
 }

 /* -------------------------------- optimized events for white background ------------------------------- */
 .weekdays, .weekdays a:link a:visited a:active a:hover, .weekdays_active {
     color: #cccccc;
 }

 .weekdays_active a:link a:visited a:active a:hover {
     color: #f7911e;
 }

 .events-header-heute {
     color: #ffffff;
     background-color: #4c4c4c;
 }

 .events-header {
     color: #5b5b5b;
     background-color: #e3e3e3;
 }

 .event-ort, .event-info {
     color: #4c4c4c;
 }

 /* --------------------------------------------- links below content -------------------------------------------- */
 #content_footer {
     margin-top: 40px;
     height: auto;
 }

 #content_footer a {
     font-weight: 400;
 }

 @media (max-width: 479px) {

     #contentbottom_left,
     #contentbottom_right {
         width: 100% !important;
         text-align: center !important;
     }

     .content_footer, #content_footer {
         height: auto !important;
     }
 }

 #contenttop_right {
     position: relative;
     z-index: 54;
 }

 @media (max-width: 499px) {

     #breadcrumbincontent,
     #contenttop_right {
         width: 100%;
     }
 }

 /* ---------------------------------------------- tabs footer --------------------------------------------- */
 #footerTabs {
     background-color: #f5db9d;
     padding-top: 30px;
     padding-bottom: 30px;
     color: #5b4f39;
     position: relative;
 }

 @media (min-width: 768px) {
     #footerTabs {
         background: #f5db9d url('../img/bg_footer.jpg') center top no-repeat;
         background-size: cover;
         padding: 45px 35px;
     }
 }

 @media (min-width: 992px) {

     #footerTabs::after,
     #footerTabs::before {
         content: "";
         display: block;
         position: absolute;
         top: 0;
         bottom: 0;
     }

     #footerTabs::after {
         z-index: 1;
         right: 0;
         width: 380px;
         background-position: center left;
         background-size: cover;
         background-repeat: no-repeat;
     }

     #footerTabs::before {
         z-index: 2;
         right: 280px;
         width: 200px;
         background: linear-gradient(to right, rgba(245, 220, 166, 0), rgba(245, 220, 166, 1), rgba(245, 220, 166, 0));
     }

     #footerTabs>.row {
         position: relative;
         z-index: 3;
     }
 }

 @media (max-width: 991px) {
     #footerTabs {
         display: flex;
         flex-wrap: wrap;
     }

     #footerTabs>div:nth-child(1) {
         order: 1;
     }

     #footerTabs>div:nth-child(2) {
         order: 3;
     }

     #footerTabs>div:nth-child(3) {
         order: 2;
     }

     #footerTabs>div+div {
         margin-top: 30px;
     }
 }

 @media (min-width: 768px) and (max-width: 991px) {
     #footerTabs>div+div:nth-child(3) {
         margin-top: 0;
     }
 }

 #footerTabs .tabHeadline {
     margin: 0 0 20px 0;
     color: #4d722c;
     font-weight: 700;
     font-family: 'Crimson Text', serif;
     margin-bottom: 20px;
 }

 @media (min-width: 992px) {
     #footerTabs .tabHeadline {
         margin-bottom: 40px;
     }
 }

 #footerTabs a {
     color: #5b4f39;
 }

 #slogan {
     font-family: 'Crimson Text', serif;
     font-weight: bold;
     color: #5b4f39;
     line-height: 140%;
     margin: 0;
 }

 @media (min-width: 992px) {
     #slogan {
         margin-top: 90px;
     }
 }

 .tab_link_title a {
     color: #5b4f39;
     font-weight: 600;
 }

 .tab_link_title a:hover {
     color: #4d722c;
 }

 .tab_link_mehr {
     color: transparent;
     margin-top: 10px;
 }

 .tab_link_mehr a {
     border-radius: 4px;
     padding: 4px 14px;
     margin-left: -4px;
     margin-right: -4px;
     background-color: #4d722c;
     position: relative;
     display: inline-block;
     -webkit-box-shadow: 0 2px 0 0 #2b3f18;
     box-shadow: 0 2px 0 0 #2b3f18;
     bottom: 0;
     right: 0;
     -webkit-transition: -webkit-box-shadow 150ms linear, box-shadow 150ms linear, bottom 150ms linear, right 150ms linear;
     -moz-transition: -webkit-box-shadow 150ms linear, box-shadow 150ms linear, bottom 150ms linear, right 150ms linear;
     -ms-transition: -webkit-box-shadow 150ms linear, box-shadow 150ms linear, bottom 150ms linear, right 150ms linear;
     -o-transition: -webkit-box-shadow 150ms linear, box-shadow 150ms linear, bottom 150ms linear, right 150ms linear;
     transition: -webkit-box-shadow 150ms linear, box-shadow 150ms linear, bottom 150ms linear, right 150ms linear;
 }

 .tab_link_mehr a,
 #footerTabs .tab_link_mehr a {
     color: #fff;
 }

 .tab_link_mehr a:hover {
     -webkit-box-shadow: 0 0 0 0 #2b3f18;
     box-shadow: 0 0 0 0 #2b3f18;
     bottom: -2px;
 }

 .tab_spacer {
     height: 15px;
 }

 /* ----------------------------------------------- footer ----------------------------------------------- */
 #footer {
     background-color: #4d722c;
     color: #ffffff;
     padding: 15px;
 }

 @media (min-width: 768px) {
     #footer {
         display: flex;
         flex-wrap: wrap;
         align-content: center;
         align-items: center;
         padding: 8px 35px;
     }
 }

 #innerfooter a {
     color: #ffffff;
     text-decoration: none;
     display: inline-block;
 }

 @media (max-width: 767px) {
     #innerfooter {
         border-bottom: 1px solid rgba(255, 255, 255, 0.2);
         margin-bottom: 15px;
         padding-bottom: 15px;
     }
 }

 #innerfooter a+a::before {
     content: "|";
     margin: 15px;
     color: #66973a;
 }

 /* --------------------------------------------- vernetzt -------------------------------------------- */
 #vernetzt {
     text-align: right;
     font-size: 85%;
     max-width: 280px;
     color: #ffffff;
     display: flex;
     align-items: center;
     align-content: center;
     line-height: 130%;
     justify-content: center;
     margin: 0 auto;
 }

 @media (min-width: 768px) {
     #vernetzt {
         justify-content: flex-end;
         float: right;
         margin: 0;
     }
 }

 #vernetzt span {
     color: #ffffff;
 }

 #vernetzt span span {
     display: block;
 }

 #vernetzt img {
     margin-left: 12px;
 }