:root {
  --ass-navbar-link-pad-x: 0.5rem;
  --bs-body-font-size: 0.875rem;
  --bs-emphasis-color: #222;
}

@media (min-width: 1200px) {
  :root {
    --ass-navbar-link-pad-x: 0.5rem;
  }
}

@media (min-width: 1400px) {
  :root {
    --ass-navbar-link-pad-x: 1rem;
  }
}

.navbar {
  --bs-navbar-nav-link-padding-x: var(--ass-navbar-link-pad-x);
}

hr {
  border-color: #eee;
  opacity: 1;
}

.btn-info {
  --bs-btn-bg: #5bc0de;
  --bs-btn-border-color: #5bc0de;
  --bs-btn-color: #ffffff;
  --bs-btn-hover-bg: #31b0d5;
  --bs-btn-hover-color: #ffffff;
  --bs-btn-hover-border-color: #31b0d5;
}
a.btn-info:hover {
  text-decoration: none;
}
/* roboto fonts - latin */

@font-face {
  font-family: 'Roboto';
  src:  url('../fonts/roboto/Roboto-Regular.woff2') format('woff2'),
        url('../fonts/roboto/Roboto-Regular.woff') format('woff');
  font-style: normal;
  font-weight: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Roboto';
  src:  url('../fonts/roboto/Roboto-Italic.woff2') format('woff2'),
        url('../fonts/roboto/Roboto-Italic.woff') format('woff');
  font-style: italic;
  font-weight: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Roboto';
  src:  url('../fonts/roboto/Roboto-Bold.woff2') format('woff2'),
        url('../fonts/roboto/Roboto-Bold.woff') format('woff');
  font-style: normal;
  font-weight: bold;
  font-display: swap;
}

@font-face {
  font-family: 'Roboto';
  src:  url('../fonts/roboto/Roboto-BoldItalic.woff2') format('woff2'),
        url('../fonts/roboto/Roboto-BoldItalic.woff') format('woff');
  font-style: italic;
  font-weight: bold;
  font-display: swap;
}

@font-face {
  font-family: 'Roboto';
  src:  url('../fonts/roboto/Roboto-Medium.woff2') format('woff2'),
        url('../fonts/roboto/Roboto-Medium.woff') format('woff');
  font-style: normal;
  font-weight: 500;
  font-display: swap;
}

@font-face {
  font-family: 'Roboto';
  src:  url('../fonts/roboto/Roboto-MediumItalic.woff2') format('woff2'),
        url('../fonts/roboto/Roboto-MediumItalic.woff') format('woff');
  font-style: italic;
  font-weight: 500;
  font-display: swap;
}

@font-face {
  font-family: 'Roboto';
  src:  url('../fonts/roboto/Roboto-SemiBold.woff2') format('woff2'),
        url('../fonts/roboto/Roboto-SemiBold.woff') format('woff');
  font-style: normal;
  font-weight: 600;
  font-display: swap;
}

@font-face {
  font-family: 'Roboto';
  src:  url('../fonts/roboto/Roboto-SemiBoldItalic.woff2') format('woff2'),
        url('../fonts/roboto/Roboto-SemiBoldItalic.woff') format('woff');
  font-style: italic;
  font-weight: 600;
  font-display: swap;
}

body{background-color: #fff; font-family: 'Roboto'; font-size: 0.875rem;}
.dropdown-menu {
  --bs-dropdown-font-size: 0.875rem;
}
.remove-invisible-class .invisible {
  display: none;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  margin-top: 0.5rem;
}
.well {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.05)
}

.btn p {
  margin-bottom: 0;
}

.table-klassisch td {
    text-align: left;
    padding: 10px
}

.table-klassisch th {
    text-align: center;
    border: none;
    font-size: 1.2em;
    padding: 10px
}

.table-greyhead th {
    text-align: left;
    background-Color: lightgrey
}

.table-zebra tr:nth-child(odd) {
    background-color: #dddddd
}

.table-zebra2 tr:nth-child(even) {
    background-color: #dddddd
}

.table-zebra2 th {
    background-color: #dddddd
}

.table-zebra td,.table-zebra2 td,.table-green td,.table-greyhead td {
    border: 1px solid darkgrey;
    text-align: left;
    padding: 8px
}

.table-zebra th,.table-zebra2 th,.table-green th,.table-greyhead th {
    border: 1px solid darkgrey;
    text-align: center;
    padding: 8px
}

.table-zebra th {
    text-align: center
}

.table-green th {
    color: white;
    background-color: black;
    text-align: center;
    font-size: 1.2em
}

.table-green td {
    background-color: rgba(177,201,3, 0.3);
    text-align: left
}

.table-green,.table-zebra2 td,.table-zebra,.table-greyhead,.table-klassisch {
    font-family: roboto, verdana, sans-serif;
    border-collapse: collapse
}


.thumbnail .caption{font-weight: bold; text-align: center; padding-bottom: 0;}
.thumbnail{border-radius: 0;}
.wide-img img{width: 100%; height: inherit;}
figure.image_container{margin-bottom: 10px;}
a{color: #023681; text-decoration: none;}
a:focus, a:hover{color: #023681; text-decoration: underline;}

header#header{margin-bottom: 20px; position: relative;}
section#main-slider-home{background: url('../img/grun.png') 0 50% repeat-x; background-size: contain;}
#top-header .logo{
  img {
    width: 100%;
  }
} 

#top-menu li, #footer-menu li{ display: inline-block; padding: 0 6px; border-right: 1px solid #222; line-height: 100%; font-size: 0.8125rem; color: #222;}
#top-menu{text-align: left;}
#search-top{text-align: right;}
#top-menu ul, #footer-menu ul{padding: 0; margin: 15px 0;}

#top-menu ul {
  text-align: right;
}

#top-menu li.last, 
#footer-menu li.last,
#top-menu li:last-child, 
#footer-menu li:last-child {
  border-right:none;
}

.btn-icon {
  display: inline-block;
  width: 30px;
  height: 30px;
  background-color: transparent;
  border: none;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

#search-top .formbody .btn-icon {
  position: relative;
}

#search-top .widget.widget-submit {
  position: absolute;
  top: 0;
  right: 4px;
  bottom: 0;
  height: 100%;
  display: flex;
  align-items: center;
}

body.suche #main .formbody {
  display: flex;
  gap: 0.25rem;

  .invisible {
    display: none;
  }

  [type=search] {
    border: none;
    padding: 0.5rem 1rem;
    border-radius: 0;
    border: 1px solid #989898;
    min-width: 300px;
    min-height: 40px;
    line-height: normal;
  }
  
  .submit {
    background-color: #b1c906;
    border: none;
    height: 100%;
    padding: 0.5rem 1rem;
    color: #fff;
    font-size: 1rem;

     &:hover {
      background-color: #90a113;
    }
  }

  [type=search]:focus {
    outline: none;
    border-color: #B1C903;
    box-shadow: 0 0 0 2px rgba(177, 201, 3, 0.5);
  }
}

#top-menu li.active strong, 
#footer-menu li.active strong {
  color:#999;
  font-weight: normal;
}

#top-header{padding-top: 20px; padding-bottom: 20px;}
#top-menu li a, #footer-menu li a{ color: #222; text-decoration: none;}
#top-menu li a:hover, #footer-menu li a:hover{text-decoration: underline;}
#search-top .formbody{position: relative;}
#search-top  input[type="text"]{width: 100%; background-color: #e6eeae;border: none; height: 35px; padding-left: 10px; border-radius: 0;}

#search-top .senden-btn{position: absolute;top: 0; right: 0px;z-index: 3; border: none; text-indent: -9999px; width: 30px;  height: 35px; background: transparent url('../img/lupe.png') 50% 50% no-repeat;}
.remove-class .dropdown-menu{position: relative; padding: 0; background-color: #ededf0;display: block; float: inherit;min-width: 100%; margin: 0; border: none; border-radius: 0; box-shadow: none; top:inherit;}
#search-top  input[type="text"]::-webkit-input-placeholder {color: #222;}
#search-top  input[type="text"]::-moz-placeholder {color: #222;}
#search-top  input[type="text"]:-ms-input-placeholder {color: #222;}
#search-top  input[type="text"]:-moz-placeholder {color: #222;}
#search-top .form-group{margin-bottom: 0;}
#search-top .input-group{width: 100%;}
.border-img{background-color: #fff; border: 1px solid #ddd; padding: 4px;}
.border-img figure.image_container{margin-bottom: 0;}
.rahmen{background-color: #fff; border: 1px solid #ddd; padding: 4px; display: inline-block;}
.rahmen-img-modul{background-color: #fff; border: 1px solid #ddd; padding: 4px; display: block; margin-bottom: 10px;}
.rahmen-img-modul figure.image_container{margin-bottom: 0;}
.navbar-default{border:none; background-color: transparent;}
.navbar-default .navbar-nav>li>a{color: #222; position: relative;}
/*.navbar-default .navbar-nav>li>a:before{width: 20px; height: 1px; bottom: 10px; left: 15px; background: #000; position: absolute; content: '';}*/
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{color:#333; font-weight: normal; background-color: transparent;}
/*.navbar-default .navbar-nav>li.open>a:before,.navbar-default .navbar-nav>li.active>a:before{ background: #B1C903; }*/
nav.navbar.mod_bootstrap_navbar.navbar-default{margin-bottom: 0px; margin-top: 0px; position: inherit; padding-left: 15px; padding-right: 15px; min-height: inherit;}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{color:#B1C903; font-weight: normal; background-color: transparent;}
.side-menu-collpse{background-color: #6e8898; color: #fff; margin-bottom: 1px;}
a#taste-collapse{color: #fff;}
a#taste-collapse i{position: absolute;right: 15px; top:13px;}
 .nav>li>a#taste-collapse:hover{background-color: #456376;}
 .nav>li>a#taste-collapse:focus{background-color: #6e8898;}
#utilities-menu ul{list-style-type: none; padding: 0; margin-top: 20px;}
#utilities-menu ul li {background-color: #ededf0;margin-bottom: 1px;}
#utilities-menu ul li a{position: relative;display: block;padding: 10px 15px; color: #222222;}
.landkreis-esslingen{display: block; margin-top: 10px;}
#left .dropdown-menu>li>a, #right .dropdown-menu>li>a{padding: 10px 20px;}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover{background-color: #B1C903; color: #fff;}
footer #top-menu{text-align: left; margin-top: 0px;}
footer .img-thumbnail{ display: inline-block;}
footer#footer{border-top:4px solid #b1c903; margin-top: 20px;padding: 20px 0; background-color: #f6f6f8;}

ul#logo-footer{padding: 0; text-align: left; margin-top: 15px; display: flex; flex-wrap: wrap; justify-content: start; gap:0.5rem; }

ul#logo-footer li{display: inline-block; margin-right: 25px; margin-bottom: 15px;}
ul#logo-footer li a{display: block;}
ul#logo-footer li a + .tooltip > .tooltip-inner {background-color: #B1C903; padding: 10px; text-align: left; box-shadow: rgba(0, 0, 0, 0.3) 0 2px 10px; color: #222; }
ul#logo-footer li a + .tooltip > .tooltip-arrow { border-bottom-color:#B1C903; }
/* .popover .popover-content{display: none;}
.popover .popover-title{line-height: 150%; } */
#text-increase {text-align: right;padding-top: 5px;}
.startseite #topthemen h1,
h1#topthemen,
.startseite #schnellkontakt h1,
h1.aktuelles,
body.content #left .mod_navigation h1,
.schnellkontakt-home-module h1,
.mod_navigation.side_menu h2 {
  background-color: #B1C903; 
  display: block; 
  color: #fff; 
  font-size: 1.125rem; 
  font-weight: 500; 
  padding: 10px 0 10px 10px; 
  margin-top: 0; 
  margin-bottom: 1rem;
}
.mod_navigation.side_menu h2 {
  margin-bottom: 0;
}

.content-text {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

#topthemen .layout_latest figure{float: left; }
#topthemen .layout_latest figure img{ width: 80px; height: auto;}
#topthemen .layout_latest .box-top-themen-text{ width: calc(100% - 90px);width: -webkit-calc(100% - 90px); float: right;}
#topthemen .layout_latest .box-top-themen-text h2 a{color:#222;}
#topthemen .layout_latest .box-top-themen-text h2 a:hover{text-decoration: underline;}
#topthemen .layout_latest .box-top-themen-text h2{font-size: 0.875rem; font-weight: bold; margin-top: 0;}
#topthemen .layout_latest { margin-bottom: 15px; padding-bottom: 15px;}
#topthemen .layout_latest span.invisible{display: none;}
#topthemen .layout_latest.last{border-bottom: none;}
#topthemen .dotted{ display: block;width: 100%; border-bottom: 1px dotted #ccc ; height: 14px;}
p.more{font-weight: bold; margin-bottom: 0;}
#aktuelles.mod_newslist h2{font-size: 0.875rem; margin-top: 0; margin-bottom: 15px;}
#aktuelles.mod_newslist h2 a{color: #222; font-weight: 400;}
#aktuelles.mod_newslist p.info{margin-bottom: 0; color: #222; font-weight: bold;}
#aktuelles.mod_newslist p.more{display: none;}

.mod_newslist :is(h1, h2, h3, h4, h5, h6) {
  margin-bottom: 0;
  a {
      color:#b1c903; 
      text-decoration: none; 
      font-size: 1.125rem;
      &:hover {
        text-decoration: underline;
      }
    }
}

#startseite.mod_article button {
  border: none;
  background-color: #f5f5f5;
  margin-top: 0.5rem;
  padding: 0.75rem 0.375rem;
  border-radius: 0.375rem;
  &:focus, &:hover {
    background-color: #e6e6e6;
  }
}

.mod_newslist .layout_short {
  border-bottom: 1px solid #ddd;
  padding: 10px 0 0;
}
.mod_newslist .more a {
  color: #456376;
  font-weight: normal;
  text-decoration: none;
  &:hover {
    text-decoration: underline;
  }
}
.mod_newslist .info {
  margin-bottom: 0;
}
button#btn-decrease,button#btn-orig,button#btn-increase{background: #6e8898;color: #fff;font-weight: 500;border: none;font-size: 1rem;}
#left{margin-top: 20px;}
body.content #utilities-menu ul{margin-top: 0;}
body.content #menu-service{margin-bottom: 20px;}
body.content .ce_text.first h1:first-child{margin-top: 0;}
body.content h1{color:#b1c903; font-weight: bold; font-size: 1.5rem;}
#submenu-open{margin-bottom: 20px; background-color: #ededf0;}
body.content #left .mod_navigation h1{margin-bottom: 0;}
#submenu-open ul li.active{background-color:#989898; }
#submenu-open ul li.active a{color: #fff;}
#submenu-open ul li a{color:#222222; }
#submenu-open ul li{border-bottom: 1px solid #fff;}
#submenu-open ul li.last{border-bottom: none;}
#submenu-open .nav>li>a:focus, #submenu-open .nav>li>a:hover{background-color:#989898; color:#fff;}
nav.side-menu-collpse .level_2.dropdown-menu li {border-bottom: 1px solid #fff;}
nav.side-menu-collpse .level_2.dropdown-menu li.last{border-bottom: none;}
#navbar-responsive-7 .level_2.dropdown-menu li.active a{background-color: #B1C903; border-bottom: 1px solid transparent; border-top: 1px solid transparent;}
h1,h2,h3,h4,h5,h6{color: #b1c903;}
h2{font-size: 1.375rem;}
h3{font-size: 1.25rem;}
h4{font-size: 1.125rem;}
.confirmation{display: block;color: #222;background-color: rgba(177, 201, 3, 0.47); padding: 10px; margin: 10px 0;}
blockquote{font-size: 0.875rem;}
.warning{background-color: #f2dede;display: block;padding: 10px;}
.information{background-color: #d9edf7;display: block;padding: 10px;}
#information .btn.btn-default.content-text {
  display: block;
}
#utilities-menu li.active{display: block;padding: 10px 15px; font-weight: bold;}
.side-menu-collpse .dropdown-menu>.active>a{background-color: #989898;}
h3.popover-title{color: #222;}
span.img-rechts:after,span.img-links:after{content: ''; width: 100%; display: table;clear: both;}
.ce_text:after{content: "";
  display: table;
  clear: both;}
.ce_text.block{margin-bottom: 10px;}
span.img-rechts{float: right; margin-left: 10px;}
span.img-links{float: left;margin-right:  10px;}
#header .container>.navbar-header a.logo{ margin-left: 15px;     width: 250px;
    display: inline-block;}
#header .container>.navbar-header a.logo img{width: 100%;}
.ce_download h6,.ce_downloads h6{ font-weight: bold; color: #222; font-size: 0.875rem;}
  aside#right{margin-top: 20px;}

.navbar-toggler{ 
  border-radius: 0;
  .navbar-toggler-icon{
    width: 1.4rem;
    height: 1.4rem;
  }
}
.navbar-collapse {
  background-color: #ededf0; 
  border-color: transparent;
}

#navbar-responsive-7.navbar-collapse.collapse.in{margin-bottom: 20px;}
#navbar-responsive-7 ul.level_1 li{border-bottom: 1px solid #fff;}
#navbar-responsive-7  ul.level_2 li{border-bottom: none;}
#header .level_2.dropdown-menu { 
  padding-top: 0; 
  padding-bottom: 0; 
  border-radius: 0; 
  background-color: #f4f4f4;
  border: none;
}

#navbar-responsive-7 ul.level_1 li ul.level_2.dropdown-menu li.active a{
  background-color: #B1C903; 
  color: #fff;
}

#navbar-responsive-7 > ul > li.nav-item.dropdown.submenu.trail > ul > li.nav-item.dropdown.active.submenu.active > ul > li > a {
  background-color: #fff;
  font-weight: normal;
  color: #222;
  position: relative;
  padding-left: 50px;
}

.header-main-menu ul.level_1 li ul.level_2.dropdown-menu ul.navbar-nav.level_3 li a:before{
  content: '\f101'; 
  position: absolute;   
  top: 9px; 
  left: 30px;
  font-family: FontAwesome; 
  z-index: 99;
}

#navbar-responsive-7 > ul > li.nav-item.dropdown.submenu.trail > ul > li.nav-item.dropdown.submenu.trail > a.dropdown-item {
  background-color: #B1C903; 
  color: #fff;
  border-top: none;
}

#navbar-responsive-7 > ul > li.nav-item.dropdown.submenu.trail > ul > li.nav-item.dropdown.submenu.trail > ul > li.nav-item.active.active > a {
  background-color: #fff;
  font-weight: normal;
  color: #222;
  position: relative;
  padding-left: 50px;
}

#navbar-responsive-7 > ul > li.nav-item.dropdown.submenu.trail > ul > li.nav-item.dropdown.submenu.trail > ul > li.nav-item.active.active > a.active,
#navbar-responsive-7 > ul > li.nav-item.dropdown.submenu.trail > ul > li.nav-item.dropdown.submenu.trail > ul > li.nav-item > ul > li > a.active
{
  font-weight: bold;
}

#navbar-responsive-7 ul.level_1 li ul.level_2.dropdown-menu li a {
  background-color: inherit; 
  color: #333;
  position: relative;
}

#navbar-responsive-7 > ul > li.nav-item.dropdown.submenu.trail > ul > li.nav-item.dropdown.submenu.trail > ul > li > a {
  background-color: #fff;
  color: #222;
  border-bottom: none;
  border-top: none;
  padding-left: 50px;
}

#navbar-responsive-7 > ul > li.nav-item.dropdown.submenu.trail > ul > li.nav-item.dropdown.submenu.trail > ul > li.nav-item.dropdown > ul > li > a
{
  background-color: #fff;
  font-weight: normal;
  color: #222;
  padding-left: 60px !important;
  border-bottom: none;
}

#navbar-responsive-7 > ul > li.nav-item.dropdown.submenu.trail > ul > li.nav-item.dropdown.submenu.trail > ul > li.nav-item > ul > li > a::before {
  left: 40px;
}

#navbar-responsive-7 > ul > li.nav-item.dropdown.submenu.trail > ul > li.nav-item.dropdown.submenu.trail > ul > li.nav-item.active.active > a.active,
#navbar-responsive-7 > ul > li.nav-item.dropdown.submenu.trail > ul > li.nav-item.dropdown.submenu.trail > ul > li.nav-item > ul > li > a.active
{
  font-weight: bold;
}

#navbar-responsive-7 > ul > li.nav-item.dropdown.submenu.trail > ul > li.nav-item.dropdown.submenu.trail > ul > li.nav-item.dropdown > a::after
{
  display: none;
}

#header .level_2.dropdown-menu a {
  padding: 10px 0 10px 35px; 
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #fff;
  color: #777;
}

#header .level_2.dropdown-menu a:hover {
  background-color: transparent;
  color: #333
}

#header .level_1.nav.navbar-nav{margin-bottom: 0; margin-top: 0;}
#header .caret{float:right; margin-top: 8px;}

.mod_breadcrumb ul {  
    padding: 8px 15px;
    margin-bottom: 20px;
    list-style: none;
    background-color: #f5f5f5;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap:0.25rem;
}

.mod_breadcrumb li { 
  display: flex;
  gap: 0.25rem;
}

.mod_breadcrumb li a {
  text-decoration: none;
}

.mod_breadcrumb a, 
.mod_navigation a{
  color:#456376; 
}

    /* Listenelemente nebeneinander stellen */
  
    /* Nach einem Listenelements Trennzeichen einfügen */
    .mod_breadcrumb li:after { content: " / "; }
    /* Nach dem letzten Listenelement kein Trennzeichen */
    .mod_breadcrumb li.active:after { content:""; }
    footer #footer-menu{text-align: left; margin-top: 30px; margin-bottom: 15px;}
    #sub-submenu li.submenu .level_2.dropdown-menu{position: relative; width: 100%; float: inherit; border:none; border-radius: 0; box-shadow: none; margin:0;background-color: #ededf0; padding: 0;}
    #sub-submenu ul li.active .level_2.dropdown-menu a{color: #6e8898;}
    #sub-submenu h1{margin-top: 0; background-color: #456376;
    display: block;
    color: #fff;
    font-size: 1.125rem;
    font-weight: 500;
    padding: 10px 0 10px 10px;
    margin-top: 0;margin-bottom: 0;}
#sub-submenu{margin-bottom: 20px; background-color: #ededf0;}
#sub-submenu ul li{border-bottom: 1px solid #fff;}
#sub-submenu ul li.active a{color: #fff;}
#sub-submenu  ul li.active {
    background-color: #989898;
}

#sub-submenu .nav>li>a:focus, #sub-submenu .nav>li>a:hover {
    background-color: #989898;
    color: #fff;
}
.ce_downloads ul{padding: 0; list-style: none;}
.ce_downloads ul li{margin-bottom: 10px;}
/*PAGINATION*/
.pagination>.active>span,.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{background-color: #456376;border-color: #456376;}
.pagination>li:first-child>a, .pagination>li:first-child>span {border-top-left-radius:0; border-bottom-left-radius: 0;}
.pagination>li>a, .pagination>li>span{color: #456376;}
.pagination>li:last-child>a, .pagination>li:last-child>span{border-top-right-radius: 0;
    border-bottom-right-radius: 0;}

nav.pagination {
  display: block;
  margin: 1rem 0;
}

nav.pagination p {
  margin: 0 0 0.5rem;
  color: #222;
  font-weight: 500;
}

nav.pagination ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 0.15rem;
}

nav.pagination ul li {
  margin: 0;
}

nav.pagination ul li a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 2.25rem;
  padding: 0.45rem 0.7rem;
  border: 1px solid #d4d9df;
  background-color: #fff;
  color: #456376;
  text-decoration: none;
  line-height: 1.1;
}

nav.pagination ul li a:hover,
nav.pagination ul li a:focus {
  background-color: #f2f5f8;
  color: #456376;
}

nav.pagination ul li a.active,
nav.pagination ul li a[aria-current="page"] {
  background-color: #456376;
  border-color: #456376;
  color: #fff;
  font-weight: 600;
}

nav.pagination ul li.next a,
nav.pagination ul li.last a {
  min-width: auto;
  padding-left: 0.9rem;
  padding-right: 0.9rem;
}
/*PAGINATION*/

/* Menu Sidebar */
/* #menu-schularten ul li.active{background-color: #989898;} */
.side_menu ul {
  list-style: none;
  padding: 0;
  margin: 0;

    li a {
      padding: 10px 15px;
      display: block;
      text-decoration: none;
      &:hover {
        background-color: #989898;
        color: #fff;
      }
  }
}
.side_menu ul li.active strong.active,
.side_menu ul li.submenu.trail a.submenu.trail,
.side_menu ul li.submenu.trail strong.trail.submenu {
      font-weight: normal;
      color: #fff;
      padding: 10px 15px;
      background-color: #989898;
      display: flex;
      justify-content: space-between;
      align-items: center;
}

.side_menu ul li.active.submenu strong.active::after,
.side_menu ul li.submenu.trail a.submenu.trail::after,
.side_menu ul li.submenu.trail strong.trail.submenu::after {
    content: '\f0d7'; 
    font-family: FontAwesome; 
    float: right; 
    margin-top: 5px;
}

.side_menu ul li.active > ul li a {
    color: #222;
    background-color: #fff;
    font-weight: normal;
}


ul li.submenu.trail > ul li.active strong.active,
ul > li.submenu.trail > ul > li.submenu.trail > ul > li.submenu.trail > a,
ul > li.forward.trail.submenu > ul > li.forward.trail.submenu > strong {
    color: #222;
    background-color: #F5F5F5;
    display: block;
    font-weight: 500;
}

.side_menu > ul > li.submenu.trail > ul > li.submenu.trail > ul > li.submenu.trail > ul > li.submenu.trail > a {
  background-color: #fff;
}

.side_menu ul li ul li a, 
.side_menu ul li ul li.active strong.active,
.side_menu ul li ul li.submenu.trail > ul > li.submenu.trail > a,
.side_menu ul li.forward.trail.submenu ul li.forward.trail.submenu strong { 
  padding-left: 40px; 
}

.side_menu ul li.submenu.trail ul li.submenu.trail ul li.submenu.trail ul li.forward.trail.submenu strong,
.side_menu ul li.submenu.trail ul li.submenu.trail ul li.submenu.trail ul li.submenu.trail ul li.active strong
{
  padding-left: 60px;
  font-weight: bold;
}

.side_menu ul li.submenu.trail ul li.submenu.trail ul li.submenu.trail ul li.forward.trail.submenu ul li a,
.side_menu > ul > li.submenu.trail > ul > li.submenu.trail > ul > li.submenu.trail > ul > li.submenu.trail > ul > li > a {
  padding-left: 60px;
}

.side_menu > ul > li.submenu.trail > ul > li.submenu.trail > ul > li.active.submenu > ul > li > a,
.side_menu > ul > li.submenu.trail > ul > li.submenu.trail > ul > li.submenu.trail > ul > li.active > strong,
.side_menu > ul > li.submenu.trail > ul > li.submenu.trail > ul > li.submenu.trail > ul > li> a { 
  padding-left: 60px; 
}

.side_menu ul li.submenu.trail  ul li ul li.active strong.active,
.side_menu ul li.submenu.trail  ul li.submenu.trail > ul > li.submenu.trail > ul > li.forward.trail.submenu > strong {
  background-color: #fff;
  color: #222;
  font-weight: normal;
  display: block;
}

.side_menu ul li ul li ul.level_4 li:before {
  content: '\f101'; 
  position: absolute;   
  top:9px; 
  left: 40px;
  font-family: FontAwesome; 
  z-index: 99;
}

.side_menu > ul > li.submenu.trail > ul > li.submenu.trail > ul > li.submenu.trail > ul > li > ul 
{
  padding-left: 20px;
}

.side_menu ul li ul li a {
  background-color: #fff;
}

.side_menu ul li ul li {
  border-bottom: 1px solid #ddd; 
  position: relative;
}

.side_menu ul li ul li.sibling {
  border-bottom: 1px solid #ddd;
    a {
       background-color: #fff;
      }
} 

#menu-schularten ul li ul.level_3 { 
  list-style: none; 
  background-color: #fff; 
  padding-left: 20px;
}

.side_menu ul li ul li a:focus, 
.side_menu ul li ul li a:hover{ 
  background-color: #456376; color: #fff;
}

#menu-schularten > ul > li.submenu.trail > ul > li.submenu.trail > a {
  padding-left: 40px;
}
.side_menu ul li ul li ul li a:hover { 
  background-color: transparent; color: #222; text-decoration: underline ;
}

.side_menu ul li ul li:before{
  content: '\f101'; 
  position: absolute;   
  top:9px; 
  left: 20px;
  font-family: FontAwesome; 
  z-index: 99;
}

.side_menu ul li ul li.submenu.trail:before{
  top:12px; 
}

.side_menu  > ul > li.submenu.trail > ul > li.submenu.trail > ul > li.active > strong,
.side_menu > ul > li.submenu.trail > ul > li.submenu.trail > ul > li.submenu.trail > a,
.side_menu > ul > li.submenu.trail > ul > li.submenu.trail > ul > li.submenu.trail > ul > li.active > strong,
.side_menu > ul > li.submenu.trail > ul > li.submenu.trail > ul > li.submenu.trail > ul > li.forward.trail.submenu > strong {
  background-color: #fff;
  font-weight: 500;
}

.side_menu > ul > li.submenu.trail > ul > li.submenu.trail > a {
  background-color: #F5F5F5;
  color: #222;
}

.side_menu .level_2.dropdown-menu li.active ul.level_3 li a{background-color: #fff; font-weight: normal; padding-top: 8px; padding-bottom: 8px; display: block;  }
.side_menu .level_2.dropdown-menu li.active ul.level_3 li a:hover{font-weight: bold; background-color: #fff; color: #222;}
.side_menu .level_2.dropdown-menu li.active ul.level_3 li.active a{font-weight: bold;}
.side_menu .level_2.dropdown-menu li.active ul.level_3 li:hover:before{color: #222;}
/*Third menu level*/


#menu-schularten li.active.submenu ul.level_2.dropdown-menu{display: block; position: relative; width: 100%; border: none;  box-shadow: none; border-radius: 0; margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; float: inherit;}
.side_menu {margin-bottom: 20px; background-color: #ededf0;}
.side_menu  ul li{border-bottom: 1px solid #fff;}

#menu-schularten .invisible{display: none;}

#menu-schularten ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

#menu-schularten > ul > li > a {
  position: relative;
    display: block;
    padding: 10px 15px;
    text-decoration: none;
}

#menu-schularten > ul > li {
  border-bottom: 1px solid #fff;
}

#menu-schularten {
    margin-bottom: 20px;
    background-color: #ededf0;
}

#menu-schularten > ul > li.active > strong ,
#menu-schularten > ul > li.trail.sibling > a { 
    color: #fff;
    font-weight: bold;
}

#menu-schularten > ul > li.active > strong {
   padding: 10px 15px;
   background-color: #989898;
   display: block;
}

#menu-schularten > ul > li.trail.sibling a {
    background-color: #989898;
}

#menu-schularten li>a:focus, #menu-schularten li>a:hover {
    background-color: #989898;
    color: #fff;
}

#menu-schularten ul li ul li:last-child{border-bottom: none;}

#menu-schularten ul li.submenu a span.caret{position: absolute; right: 15px; top: 18px;}

#menu-schularten ul li.active ul.dropdown-menu a{color: #222;}
#menu-schularten ul li.active ul.dropdown-menu li.active a,#menu-schularten ul li ul li.active:before{color: #222;}


#menu-schularten  .level_2.dropdown-menu li.active a{background-color:#f5f5f5;  font-weight: bold; }
.btn.btn-default{
  background-color: #f5f5f5; 
  color: #333; 
  border-color: #ddd; 
  margin-top: 5px; 
  padding: 10px 15px; 
  text-decoration: none;
  a {
    text-decoration: none;
    &:hover {
      text-decoration: underline;
    }
  }
}
.btn.btn-default:hover{background-color: #e6e6e6;}
ul#veranstaltungen-modul {list-style: none; padding: 0; margin: 0;}
ul#veranstaltungen-modul li {border-bottom: 1px solid #eee;}
.btn { font-size: 0.875rem; }

/*ACCORDION ICON*/

.ce_accordion.handorgel {
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}

.ce_accordion.handorgel .toggler button {
  position: relative;
  padding: 10px 28px 10px 15px;
  color: #333;
  background-color: #f5f5f5;
  border:1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  text-align: left;
}

.ce_accordion.handorgel .toggler.open button {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom: none;
}

.handorgel__header .handorgel__header__button {
  position: relative;
  display: flex;
  justify-content: space-between;
}

.handorgel__header .handorgel__header__button::after {
  content: '\f067';
  font-family: FontAwesome;
  z-index: 99;
  color: #777;
}

.handorgel__header.handorgel__header--open .handorgel__header__button::after {
  content: '\f068';
}

.ce_accordion.handorgel .toggler button::before {
  content: '\f067';
  position: absolute;
  top: 12px;
  right: 10px;
  font-family: FontAwesome;
  z-index: 99;
  color: #777;
}

.ce_accordion.handorgel .toggler.open button::before,
.ce_accordion.handorgel .toggler.open button::before {
  content: '\f068';
}

 .accordion.open {
  padding: 1rem;
  background-color: #fff;
  border: 1px solid #ddd;
}

.content-accordion {
  margin-bottom: 1rem;
}

section.ce_accordion .ui-accordion-header-icon.ui-icon.ui-icon-triangle-1-s:before{
  content: '\f068'; position: absolute;   top:12px; font-family: FontAwesome; z-index: 99; right: 10px; color: #777;
}
section.ce_accordion .ui-accordion-header-icon.ui-icon.ui-icon-triangle-1-e:before {
  content: '\f067'; position: absolute;   top:12px; font-family: FontAwesome; z-index: 99; right: 10px; color: #777;
}
.panel-default>.panel-heading{position: relative; padding: 10px 28px 10px 15px;}
/*ACCORDION ICON*/

/*GROUP BUTTONS*/
.btn-green{
    color: #fff;
    background-color: #B1C903;
    border-color: #B1C903;
}
.btn-green:hover{background-color: rgba(177, 201, 3, 0.73); color: #fff;}
#group .btn-group a.btn.btn-default {
    color: #333;
    background-color: #f5f5f5;
    border-color: #ddd;
    margin-top: 5px;
    padding: 10px 15px;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
    text-align: left;
    font-size: 1rem;
    color: rgb(51, 51, 51);
}
#group .btn-group a.btn.btn-default:hover {
  -webkit-box-shadow:inset 0 0px 2px rgba(0,0,0,.1);
  box-shadow:inset 0 0px 2px rgba(0,0,0,.1);
    background-color: #f1f1f1;
}
/*GROUP BUTTONS*/
.ce_accordion .panel-heading{cursor: pointer;}

/*VIDEO PLAYER*/
.ce_player video{width: 100%;}
.ce_player .mejs-mediaelement{position: relative;}
.ce_player .mejs-container .mejs-controls{bottom: 5px;}
.ce_player .mejs-inner{background-color: #fff;}
.ce_player .mejs-overlay-play,.ce_player .mejs-overlay{position: inherit;}
/*VIDEO PLAYER*/
/*GOOGLE MAPS*/
#google-maps .dlh_googlemap.block#dlh_googlemap_1{width: 100% !important;}
/*GOOGLE MAPS*/
.ce_gallery ul.cols_1{list-style: none; padding: 0; margin: 0;}
#news-short-neue{border-bottom: 1px solid #eee; padding: 10px 0 0;}
#news-short-neue h2{margin-top: 3px; font-size: 1.125rem; font-weight: 500; margin-bottom: 10px;}
#news-short-neue h2 a{color: #B1C903;}
#news-short-neue p.info,#news-short-neue p.more{margin-bottom: 0;}
#news-short-neue:first-child{padding-top: 0;}
#news-short-neue:last-child{border-bottom: none;}
#news-short-neue p.more{font-weight: normal;}
#news-short-neue p.more a{color: #456376;}

/* Content page */

.content-page > section { margin-top: 1rem; }
/* Gallery container - mobile first: 1 column by default */
.content-gallery {
  margin-bottom: 1rem;
}

.content-gallery ul {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
    list-style: none;
    padding: 0;
    margin: 0;
}

/* Li and figure */
.content-gallery li {
    margin: 0;
    padding: 0;
}

.content-gallery figure {
    margin: 0;
    position: relative;
    border: 1px solid #ddd;
    padding: 4px;
}

.content-gallery figure img {
    width: 100%;
    height: auto;
    display: block;
}

.content-gallery figcaption {
    font-size: 0.875rem;
    padding: 0.5rem 0 0;
    text-align: center;
}

.content-gallery figcaption a {
    text-decoration: none;
    text-align: center;
    font-weight: 500;
}

.content-gallery figcaption a:hover {
    text-decoration: underline;
}

.content-gallery-thumbnail .thumbnail {
  padding: 4px;
  border: 1px solid #ddd;
}

/* Tablet (sm) */
@media (min-width: 576px) {
    .content-gallery--cols-2 ul,
    .content-gallery--cols-3 ul,
    .content-gallery--cols-4 ul,
    .content-gallery--cols-5 ul,
    .content-gallery--cols-6 ul,
    .content-gallery--cols-7 ul,
    .content-gallery--cols-8 ul,
    .content-gallery--cols-9 ul,
    .content-gallery--cols-10 ul,
    .content-gallery--cols-11 ul,
    .content-gallery--cols-12 ul {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* Desktop (md) */
@media (min-width: 768px) {
    .content-gallery--cols-1 ul { grid-template-columns: repeat(1, 1fr); }
    .content-gallery--cols-2 ul { grid-template-columns: repeat(2, 1fr); }
    .content-gallery--cols-3 ul { grid-template-columns: repeat(3, 1fr); }
    .content-gallery--cols-4 ul { grid-template-columns: repeat(4, 1fr); }
    .content-gallery--cols-5 ul { grid-template-columns: repeat(5, 1fr); }
    .content-gallery--cols-6 ul { grid-template-columns: repeat(6, 1fr); }
    .content-gallery--cols-7 ul { grid-template-columns: repeat(7, 1fr); }
    .content-gallery--cols-8 ul { grid-template-columns: repeat(8, 1fr); }
    .content-gallery--cols-9 ul { grid-template-columns: repeat(9, 1fr); }
    .content-gallery--cols-10 ul { grid-template-columns: repeat(10, 1fr); }
    .content-gallery--cols-11 ul { grid-template-columns: repeat(11, 1fr); }
    .content-gallery--cols-12 ul { grid-template-columns: repeat(12, 1fr); }
}

/*  Header Style */

.header-main-menu a.invisible{
    display: none;
}

.header-main-menu #navbar-responsive-7 > ul.navbar-nav {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
}

.header-main-menu #navbar-responsive-7 {
  width: 100%;
}

#header nav.navbar {
  padding-bottom: 0;
  padding-top: 0;
}

@media only screen and (min-width : 320px) {
#topthemen.col-xs-6,#schnellkontakt.col-xs-6{width: 100%; float: none; display: block;}
}


@media only screen and (min-width : 480px) {
  #topthemen.col-xs-6,#schnellkontakt.col-xs-6{width: 50%; float: left;}
  #header .container>.navbar-header a.logo{     width: inherit;
      display: initial;}
  #header .container>.navbar-header a.logo img{width: inherit;}
  #block1.ce_text,#block2.ce_text{width: 50%; display: inline-block;}
  #block1.ce_text{float: left;}
  #block2.ce_text{float: right;}
  #block2.ce_text h1{margin-top: 0;}
  #google-maps.ce_dlh_googlemaps{clear: both;}
}


@media only screen and (min-width : 768px) {

  ul#logo-footer li{ margin-bottom: 0px;}
  footer #footer-menu{text-align: right; margin-top: 15px; margin-bottom: 0;}
  #header nav.navbar{min-height: inherit;}
  

  #header .level_1.nav.navbar-nav{margin-bottom: 0; margin-top: 0;}
  #header .caret{float:right; margin-top: 0;}

  
  .calcow {/*display: flex; flex-flow: wrap;*/ display: table;}
  #topthemen .layout_latest.arc_3{position: relative; display: table-cell; flex-wrap: wrap; height: 100px;}
  #topthemen .layout_latest.arc_3 figure{float: left;
    width: 87px;
    max-height: 80px;
    overflow: hidden;}
  #topthemen .layout_latest.arc_3 figure img{width: 90%;}
  #topthemen .layout_latest .box-top-themen-text {flex: 2; width: auto;}
  #topthemen .dotted{position: absolute;bottom: 0; left: 15px; width: calc(100% - 30px);}

  #topthemen .layout_latest.arc_3:nth-child(5) .dotted, #topthemen .layout_latest.arc_3:nth-child(6) .dotted{display: none;}
  #header .caret{float:inherit;}
  
  #navbar-responsive-7 ul.level_1 li:last-child{margin-right: 0;}
  
  #navbar-responsive-7 ul.level_1 li ul.level_2.dropdown-menu li{ margin: 0;}
 
  
  
  .navbar-default .navbar-collapse{background-color: transparent; margin-top: 0; }
  ul#logo-footer{padding: 0; text-align: right; margin-top: 10px;}
  ul#logo-footer li{display: inline-block; /* margin-left: 25px; */ margin-right: 0;}


  aside#left{margin-top: 0px;}
  #header .container>.navbar-header a.logo{ margin-left: 0px;}
  #header .navbar-header{float: inherit; text-align: center; margin-bottom: 20px;}
  #navbar-responsive-7 .nav>li>a{padding: 6px 8px;}
  nav.navbar.mod_bootstrap_navbar.navbar-default{margin-bottom: 15px; margin-top: 0; padding-left: 0; padding-right: 0;}
  .navbar-right{float: none!important;margin-right: 0;}
  .navbar-right .dropdown-menu{left:0; right: auto;}
  #navbar-responsive-7.navbar-collapse{padding-left: 0px; padding-right: 0px;}
  #topthemen .layout_latest .box-top-themen-text{width: 257px;}
  section#main-slider-home{background-size: contain;}
  aside#right{margin-top: 0;}

}

@media only screen and (min-width : 992px) {
  #top-header .logo img{width: inherit; margin-bottom: 0;}
  ul#logo-footer{ margin-top: 0px;}
  #navbar-responsive-7 ul.level_1 li{border-bottom: none;}

  header#header{margin-bottom: 40px;}

  section#main-slider-home{background-size: inherit;}

  .navbar-right .dropdown-menu{left:auto; right: 0;}
  #top-menu,#footer-menu{text-align: left;}

  .navbar-right{
    float: right!important;
    margin-right: -15px;
  }
  #header .navbar-header{float: left; text-align: left; margin-bottom: 0;}
  .navbar-header{width: 270px;}
  .navbar-header img{width: 100%;}
  nav.navbar.mod_bootstrap_navbar.navbar-default{margin-bottom: 20px; margin-top: 5px;}
  #topthemen .layout_latest .box-top-themen-text{width: 125px;}
  #topthemen .layout_latest.arc_3{position: relative; display: table-cell; flex-wrap: wrap; height: 90px;}
}

#navbar-responsive-7 .navbar-nav > li > button,
#navbar-responsive-7 .navbar-nav > li > a {
  color: #222;
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 20px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-left: 1rem;
  padding-right: 1rem;
}

#navbar-responsive-7 > ul > li.nav-item.dropdown.submenu.trail > button {
  color: #b1c903;
}

@media only screen and (min-width : 1200px) {

  #navbar-responsive-7 > ul > li.nav-item.dropdown.submenu.trail > button {
    color: #fff;
  }

  .header-main-menu .navbar-expand-xl ul.navbar-nav.level_3,
  .header-main-menu .navbar-expand-xl ul.navbar-nav.level_3 ul.level_4
   {
    flex-direction: column;
    border-bottom: 1px solid #ddd;
    li a {
      padding-left: 40px !important;
    }
  }

  #navbar-responsive-7 > ul > li.nav-item.dropdown.submenu.trail > ul > li.nav-item.dropdown.submenu.trail > ul > li.nav-item.dropdown > a::after
  {
    display: none;
  }

  #navbar-responsive-7 > ul > li.nav-item.dropdown.submenu.trail > ul > li.nav-item.dropdown.submenu.trail > ul > li.nav-item.dropdown > ul > li > a
  {
    background-color: #fff;
    font-weight: normal;
    color: #222;
    padding-left: 60px !important;
  }

  #navbar-responsive-7 > ul > li.nav-item.dropdown.submenu.trail > ul > li.nav-item.dropdown.submenu.trail > ul > li.nav-item > ul > li > a::before {
    left: 40px;
  }

  .header-main-menu ul.level_1 li ul.level_2.dropdown-menu li.active a {
    background-color: #fff;
    color: #222;
  }

  .header-main-menu ul.level_1 li ul.level_2.dropdown-menu ul.navbar-nav.level_3 li a{
    position: relative;
  }

  .header-main-menu ul.level_1 li ul.level_2.dropdown-menu ul.navbar-nav.level_3 li a:before{
    content: '\f101'; 
    position: absolute;   
    top:3px; 
    left: 26px;
    font-family: FontAwesome; 
    z-index: 99;
  }

  #navbar-responsive-7 > ul > li.nav-item.dropdown.submenu.trail > ul > li.nav-item.dropdown.active.submenu.active > ul > li > a {
    background-color: #fff;
    font-weight: normal;
    color: #222;
  }

  #navbar-responsive-7 > ul > li.nav-item.dropdown.submenu.trail > ul > li.nav-item.dropdown.active.submenu.active > ul > li > a:hover,
  #navbar-responsive-7 > ul > li.nav-item.dropdown.submenu.trail > ul > li.nav-item.dropdown.submenu.trail > ul > li.nav-item.dropdown.active.submenu.active > ul > li > a:hover
   {
    background-color: #B1C903; 
    color: #fff;
  }

  #navbar-responsive-7 > ul > li.nav-item.dropdown.submenu.trail > ul > li.nav-item.dropdown.submenu.trail > ul > li.nav-item.active.active > a {
    background-color: #fff;
    font-weight: normal;
    color: #222;
  }

  #navbar-responsive-7 > ul > li.nav-item.dropdown.submenu.trail > ul > li.nav-item.dropdown.submenu.trail > ul > li.nav-item.active.active > a.active,
  #navbar-responsive-7 > ul > li.nav-item.dropdown.submenu.trail > ul > li.nav-item.dropdown.submenu.trail > ul > li.nav-item > ul > li > a.active
  {
    font-weight: bold;
  }

  #navbar-responsive-7 > ul > li.nav-item.dropdown.submenu.trail > ul > li.nav-item.dropdown.submenu.trail > a.dropdown-item {
    background-color: #B1C903; 
    color: #fff;
  }

  #navbar-responsive-7 ul.level_1 li a, #navbar-responsive-7 ul.level_1 li button {
    background-color: #B1C903; 
    color: #fff;
  }

  #navbar-responsive-7 > ul > li.nav-item.dropdown.submenu.trail > ul > li.nav-item.trail > a {
    background-color: #B1C903; 
    color: #fff;
  }

  ul#logo-footer {justify-content: end;}
  .navbar-collapse { background-color: transparent;}
  #navbar-responsive-7 ul.level_1 li{border-bottom: none;}
  .navbar-header{width: 325px}
  #navbar-responsive-7 .nav>li>a{padding: 6px 15px;}
  #topthemen .layout_latest .box-top-themen-text{width: 170px;}

 
  #navbar-responsive-7 ul.level_1 li a:hover, 
  #navbar-responsive-7 ul.level_1 li button:hover,
  #navbar-responsive-7 ul.level_1 li button.show {
    background-color: #90a113; 
    color: #fff;
  }

  #navbar-responsive-7 ul.level_1 li.blau-menu a {
    background-color: #456376;
  }

  #header .level_2.dropdown-menu { 
    border: 1px solid rgba(0, 0, 0, 0.175)
  }

  #navbar-responsive-7 ul.level_1 li ul.level_2.dropdown-menu li a{
    background-color: inherit; 
    color: #333;
  }

  #header .level_2.dropdown-menu a{
    padding: 3px 20px; 
    border-bottom: none;
    border-top: none;
  }

  #header .level_2.dropdown-menu { 
    padding: 5px 0; 
    border-radius: 4px; 
    background-color: #fff;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }

  #navbar-responsive-7 ul.level_1 li ul.level_2.dropdown-menu li a:hover{
    background-color: #B1C903; 
    color: #fff;
  }
}

@media only  screen and (max-width: 700px) {
  #modalBrief{width:100%; margin:0; padding:0;}
  .modalSL-text .modalSL-kopf, .modalSL-fuss{ margin:0; padding:10 15px;}
}

.container {
  max-width: 100%;
}

@media (min-width: 768px) {
  .container {
    max-width: 720px;
  }
}

@media (min-width: 992px) {
  .container {
    max-width: 960px;
  }
}

@media (min-width: 1200px) {
  .container {
    max-width: 1140px;
  }
}

@media (min-width: 1400px) {
  .container {
    max-width: 1320px;
  }
  #navbar-responsive-7 .navbar-nav > li > button,
  #navbar-responsive-7 .navbar-nav > li > a {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

/* Contao 5.7 text element image alignment */
.albert.content-gallery figure {
  background-color: #ddd;
  padding: 4px;
}

figcaption {
  font-size: 0.875em;
  padding: 0.5rem 0 0;
  text-align: center;
}

.img-thumbnail {
  border: none;
}
.content-text.media {
  display: flow-root;
}

.content-text.media figure {
  margin: 0 0 1rem;
}

.content-text.media figure img {
  width: 100%;
  max-width: 100%;
  height: auto;
}

.content-text.media.media--right figure {
  float: right;
  margin: 0 0 1rem 1rem;
}

.content-text.media.media--left figure {
  float: left;
  margin: 0 1rem 1rem 0;
}

.content-text.media.media--above figure,
.content-text.media.media--below figure {
  float: none;
  margin-left: 0;
  margin-right: 0;
}

.content-text.media.media--below figure {
  margin-top: 1rem;
  margin-bottom: 0;
}

.content-downloads ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.content-download {
  margin-bottom: 1rem;
}
.content-download :is(h1, h2, h3, h4, h5, h6) {
  margin-bottom: 0.25rem;
}

.content-downloads li.download-element a::before,
.content-download.download-element a::before {
    font-family: "FontAwesome";
    margin-right: 8px;
    font-size: 1.2em;
}

.content-download h6 {
  color: #222;
  font-size: 14px;
  font-weight: 500;
}

/* Generic File fallback */
.content-downloads li.download-element a::before,
.content-download.download-element a::before {
    content: "\f016";
    color: #7f8c8d;
}

/* PDF */
.content-downloads li.ext-pdf a::before,
.content-download.download-element.ext-pdf a::before {
    content: "\f1c1";
    color: #e74c3c;
}

/* DOC */
.content-downloads li.ext-doc a::before,
.content-downloads li.ext-docx a::before,
.content-download.download-element.ext-doc a::before,
.content-download.download-element.ext-docx a::before {
    content: "\f1c2";
    color: #2b579a;
}

/* XLS / XLSX */
.content-downloads li.ext-xls a::before,
.content-downloads li.ext-xlsx a::before,
.content-download.download-element.ext-xls a::before,
.content-download.download-element.ext-xlsx a::before {
    content: "\f1c3";
    color: #217346;
}

/* PPT / PPTX */
.content-downloads li.ext-ppt a::before,
.content-downloads li.ext-pptx a::before,
.content-download.download-element.ext-ppt a::before,
.content-download.download-element.ext-pptx a::before {
    content: "\f1c4";
    color: #d24726;
}

/* Images */
.content-downloads li.ext-jpg a::before,
.content-downloads li.ext-jpeg a::before,
.content-downloads li.ext-png a::before,
.content-download.download-element.ext-jpg a::before,
.content-download.download-element.ext-jpeg a::before,
.content-download.download-element.ext-png a::before {
    content: "\f1c5";
    color: #8e44ad;
}

/* ZIP  */
.content-downloads li.ext-zip a::before,
.content-downloads li.ext-rar a::before,
.content-download.download-element.ext-zip a::before,
.content-download.download-element.ext-rar a::before {
    content: "\f1c6";
    color: #f39c12;
}

/* Sidebar accordion navigation (new template: mod_navigation_side_menu_accordion) */
.ass-side-accordion.side_menu .level_2 > li.submenu.ass-side-accordion__item > div > a,
.ass-side-accordion.side_menu .level_2 > li.submenu.ass-side-accordion__item > ul.level_3 li.submenu .ass-side-accordion__item-header a {
  border-bottom: 1px solid #ddd;
  padding-left: 1.5rem;
  background-color: transparent;
  color: #456376;
  &:hover {
    background-color: #989898;
    color: #fff;
  }
}

.ass-side-accordion.side_menu ul li ul li.forward.trail.submenu .ass-side-accordion__item-header strong.forward.trail.submenu {
  padding-left: 1.5rem;
  color: #222;
  background-color: #fff;
}

.ass-side-accordion.side_menu ul li ul li.forward.trail.submenu .ass-side-accordion__item-header {
  border-bottom: 1px solid #ddd;
}

.ass-side-accordion.side_menu ul li ul li.forward.trail.submenu:hover::before {
  color: #222;
}

.ass-side-accordion.side_menu ul li ul li.submenu.trail:before{
  top:10px;
}

.ass-side-accordion .level_2 > li.submenu.ass-side-accordion__item {
  border-bottom: none;
}

.ass-side-accordion .ass-side-accordion__inner ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.ass-side-accordion .ass-side-accordion__inner li {
  position: relative;
}

.ass-side-accordion .ass-side-accordion__item-header {
  display: flex;
  align-items: stretch;
}

.ass-side-accordion .ass-side-accordion__item-header > a,
.ass-side-accordion .ass-side-accordion__item-header > strong {
  flex: 1 1 auto;
  min-width: 0;
}

.ass-side-accordion .ass-side-accordion__toggle {
  width: 44px;
  min-width: 44px;
  border: 0;
  border-left: 1px solid #ffffff;
  background-color: #ededf0;
  color: #456376;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}

.ass-side-accordion .ass-side-accordion__toggle:hover,
.ass-side-accordion .ass-side-accordion__toggle:focus {
  background-color: #d8dde1;
  color: #222;
}

.ass-side-accordion .ass-side-accordion__toggle-icon {
  font-size: 1.1rem;
  line-height: 1;
  font-weight: 700;
}

.ass-side-accordion .ass-side-accordion__toggle .ass-side-accordion__icon-open {
  display: none;
}

.ass-side-accordion .ass-side-accordion__toggle[aria-expanded="true"] .ass-side-accordion__icon-closed {
  display: none;
}

.ass-side-accordion .ass-side-accordion__toggle[aria-expanded="true"] .ass-side-accordion__icon-open {
  display: inline;
}

.ass-side-accordion .ass-side-accordion__collapse {
  background-color: #ffffff;
}

.ass-side-accordion .ass-side-accordion__collapse > li > a,
.ass-side-accordion .ass-side-accordion__collapse > li > strong {
  padding-left: 1.5rem;
}

.ass-side-accordion .ass-side-accordion__collapse .ass-side-accordion__collapse > li > a,
.ass-side-accordion .ass-side-accordion__collapse .ass-side-accordion__collapse > li > strong {
  padding-left: 2.25rem;
}

.ass-side-accordion .level_2.ass-side-accordion__collapse .level_3.ass-side-accordion__collapse .level_4.ass-side-accordion__collapse > li > a,
.ass-side-accordion .ass-side-accordion__collapse .ass-side-accordion__collapse .ass-side-accordion__collapse > li > strong,
.ass-side-accordion .level_2.ass-side-accordion__collapse .level_3.ass-side-accordion__collapse .level_4.ass-side-accordion__collapse > li  a.submenu,
.ass-side-accordion .level_2.ass-side-accordion__collapse .level_3.ass-side-accordion__collapse .level_4.ass-side-accordion__collapse > li.active strong.active,
.ass-side-accordion .level_2.ass-side-accordion__collapse .level_3.ass-side-accordion__collapse .level_4.ass-side-accordion__collapse li.submenu .ass-side-accordion__item-header a,
.ass-side-accordion .level_2.ass-side-accordion__collapse .level_3.ass-side-accordion__collapse .level_4.ass-side-accordion__collapse li.submenu.forward.trail .ass-side-accordion__item-header strong.submenu
{
  padding-left: 2.5rem;
}

.ass-side-accordion .level_2.ass-side-accordion__collapse .level_3.ass-side-accordion__collapse .level_4.ass-side-accordion__collapse .level_5.ass-side-accordion__collapse li a,
.ass-side-accordion .level_2.ass-side-accordion__collapse .level_3.ass-side-accordion__collapse .level_4.ass-side-accordion__collapse .level_5.ass-side-accordion__collapse li.active strong.active,
.ass-side-accordion .level_2.ass-side-accordion__collapse .level_3.ass-side-accordion__collapse .level_4.ass-side-accordion__collapse .level_5.ass-side-accordion__collapse li.sibling a.sibling {
  padding-left: 3rem;
}

.ass-side-accordion ul li.active.submenu strong.active::after,
.ass-side-accordion ul li.submenu.trail a.submenu.trail::after,
.ass-side-accordion ul li.submenu.trail strong.trail.submenu::after {
  content: none;
}

.ass-side-accordion ul li ul li ul.level_4 li::before {
  left: 22px;
}

.ass-side-accordion ul li ul li ul li ul.level_5 li::before {
  left: 30px;
}

.ass-side-accordion ul li ul li::before {
  content: '\f101';
  position: absolute;
  top: 10px;
  left: 10px;
  font-family: FontAwesome;
  z-index: 99;
}

.ass-side-accordion ul li ul li a:focus,
.ass-side-accordion ul li ul li a:hover,
.ass-side-accordion ul li ul li ul li a:hover,
.ass-side-accordion ul li ul li ul li a:focus {
  background-color: #989898;
  color: #fff;
}

/* .ass-side-accordion ul li:has(> a:hover)::before,
.ass-side-accordion ul li:has(> a:focus)::before,
.ass-side-accordion ul li.submenu.trail.ass-side-accordion__item.ass-side-accordion__item--open:hover::before {
  color: #fff;
} */

.ass-side-accordion .ass-side-accordion__collapse > li.active > strong.active {
  padding-left: 1.5rem;
}

.ass-side-accordion .ass-side-accordion__collapse .ass-side-accordion__collapse > li.active > strong.active {
  padding-left: 2.25rem;
}

.ass-side-accordion li.submenu.trail.ass-side-accordion__item.ass-side-accordion__item--open ul.level_3  li.active > strong.active {
  padding-left: 24px;
  color: #222;
  background-color: #F5F5F5;
  display: block;
  font-weight: 500;
}

/* .ass-side-accordion .ass-side-accordion__collapse .ass-side-accordion__collapse .ass-side-accordion__collapse > li.active > strong.active {
  padding-left: 3rem;
} */

.ass-side-accordion .ass-side-accordion__item--open > .ass-side-accordion__item-header > .ass-side-accordion__toggle {
  background-color: #e4e9ed;
}

/* override padding 40px (riga 702) */
.ass-side-accordion .ass-side-accordion__collapse .ass-side-accordion__collapse li > a,
.ass-side-accordion .ass-side-accordion__collapse .ass-side-accordion__collapse li > strong,
.ass-side-accordion .ass-side-accordion__collapse .ass-side-accordion__collapse li > .ass-side-accordion__item-header > a,
.ass-side-accordion .ass-side-accordion__collapse .ass-side-accordion__collapse li > .ass-side-accordion__item-header > strong,
.ass-side-accordion .level_2.ass-side-accordion__collapse .level_3.ass-side-accordion__collapse .ass-side-accordion__item-header a.submenu {
  padding-left: 24px;
}

/* Contao 5.7 table content element */

.content-table {
  margin-bottom: 1rem;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.content-table table {
  width: 100%;
  max-width: 100%;
  border-collapse: collapse;
  font-family: Roboto, verdana, sans-serif;
  font-size: 0.875rem;
}

.content-table caption {
  caption-side: top;
  padding: 0.5rem 0;
  font-weight: bold;
  color: #222;
  text-align: left;
}

.content-table thead th {
  background-color: #456376;
  color: #fff;
  text-align: left;
  padding: 0.5rem 0.75rem;
  border: 1px solid #3a5464;
  font-weight: 600;
}

.content-table tfoot td,
.content-table tfoot th {
  background-color: #ededf0;
  color: #222;
  font-weight: 600;
  padding: 0.5rem 0.75rem;
  border: 1px solid #d0d0d5;
}

.content-table tbody tr:nth-child(odd) {
  background-color: #f6f6f8;
}

.content-table tbody tr:nth-child(even) {
  background-color: #fff;
}

.content-table tbody tr:hover {
  background-color: rgba(177, 201, 3, 0.12);
}

.content-table td,
.content-table tbody th {
  padding: 0.5rem 0.75rem;
  border: 1px solid #d0d0d5;
  color: #222;
  vertical-align: top;
}

/* Sortable table header indicator */
.content-table thead th[data-sort-default],
.content-table thead th[aria-sort] {
  cursor: pointer;
}

.content-table thead th[aria-sort="ascending"]::after {
  content: " \25B2";
  font-size: 0.7em;
}

.content-table thead th[aria-sort="descending"]::after {
  content: " \25BC";
  font-size: 0.7em;
}

/* Contao 5.7 description list content element */

.content-description-list,
.content-description,
.ce_description_list,
.ce_descriptionlist {
  margin-bottom: 1rem;
}

.content-description-list dl,
.content-description dl,
.ce_description_list dl,
.ce_descriptionlist dl {
  margin: 0;
}

.content-description-list dt,
.content-description dt,
.ce_description_list dt,
.ce_descriptionlist dt {
  margin: 0;
  font-weight: 600;
  color: #222;
}

.content-description-list dd,
.content-description dd,
.ce_description_list dd,
.ce_descriptionlist dd {
  margin: 0 0 0.75rem;
  color: #222;
}

.content-description-list dd:last-child,
.content-description dd:last-child,
.ce_description_list dd:last-child,
.ce_descriptionlist dd:last-child {
  margin-bottom: 0;
}

@media (min-width: 768px) {
  .content-description-list dl,
  .content-description dl,
  .ce_description_list dl,
  .ce_descriptionlist dl {
    display: grid;
    grid-template-columns: minmax(180px, 30%) minmax(0, 1fr);
    column-gap: 1rem;
    row-gap: 0.5rem;
    align-items: start;
  }

  .content-description-list dt,
  .content-description dt,
  .ce_description_list dt,
  .ce_descriptionlist dt,
  .content-description-list dd,
  .content-description dd,
  .ce_description_list dd,
  .ce_descriptionlist dd {
    margin: 0;
  }

  .content-description-list dd,
  .content-description dd,
  .ce_description_list dd,
  .ce_descriptionlist dd {
    min-width: 0;
  }
}

/* Contao 5.7 content element group (content_element/element_group) */

.content-element-group,
.ce_element_group {
  margin-bottom: 1rem;
}

.content-element-group > :first-child,
.ce_element_group > :first-child {
  margin-top: 0;
}

.content-element-group > :last-child,
.ce_element_group > :last-child {
  margin-bottom: 0;
}

.content-element-group > .content-element-group,
.ce_element_group > .content-element-group,
.ce_element_group > .ce_element_group {
  margin-bottom: 0;
}

/* Variants via custom CSS class: ass-element-group--tight / --spacious */
.content-element-group.ass-element-group--tight,
.ce_element_group.ass-element-group--tight {
  margin-bottom: 0.5rem;
}

.content-element-group.ass-element-group--spacious,
.ce_element_group.ass-element-group--spacious {
  margin-bottom: 1.5rem;
}