/* common styles */

.nav_responsive {
    display: none;
}

#responsiveSidemenue {
    display: none;
}

/* #Media Queries
================================================== */


@media only screen and (min-width: 1511px) and (max-width: 1700px) {
    .main #headerImage ul li img {
        width: auto;
        max-width: none;
        height: 100%;
    }

    #menue ul#nav>li:hover>ul {
        box-shadow: 0px 10px 20px 6px #0000004d;
    }

    .main #headerImage img {
        height: 590px;
    }

    .main .quicklinks {
        height: 590px;
    }

    .home #headerImage img {
        height: 650px;
    }

    .home #headerImage {
        width: calc(100% - 448px);
    }

    .home .quicklinks {
        width: 448px;
        height: 650px;
    }

    .home .text {
        width: 252px;
        left: calc(50% - 80px);
        top: 40px;
    }
}



@media only screen and (min-width: 1281px) and (max-width: 1510px) {
    .alles {
        max-width: 1250px;
    }

    .anschrift {
        width: 1250px;
    }

    #menue ul#nav>li:hover>ul {
        box-shadow: 0px 10px 20px 6px #0000004d;
    }

    #mainMenue {
        width: 897px;
    }

    #suche {
        margin-right: 170px;
    }

    .home #headerImage ul li img {
        max-width: none;
        width: auto;
        height: 774px;
    }

    .home .quicklinks {
        height: 590px;
        width: 398px;
    }

    .home #headerImage ul li {
        height: 774px;
    }

    .main #headerImage ul li img {
        max-width: none;
        width: auto;
        height: 574px;

    }

    .main #headerImage ul li {
        height: 574px;
    }

    .main .quicklinks {
        height: 525px;
    }

    #layout01-1 {
        width: 826px;
        padding: 0 20px;
    }

    #contentbereich .minigal .scrollable img {
        margin: 10px 25px 10px 0;
        width: 215px;
    }

    .itemsinnerwrap {
        max-width: 713px;
        padding: 0 57px;
    }

    .contentblocksmall {
        margin-right: 30px;
        margin-left: 50px;
    }

    .contentblocksmallnone {
        margin-right: 50px;
        margin-left: 30px;
        clear: right;
    }

    .contentblocksmall,
    .contentblocksmallnone {
        width: calc(50% - 80px) !important;
    }

    #contentbereich .contentblocksmall .internal-link,
    #contentbereich .contentblocksmall .internal-link-new-window,
    #contentbereich .contentblocksmallnone .internal-link,
    #contentbereich .contentblocksmallnone .internal-link-new-window {
        background: url(../images/plus.png) no-repeat bottom 30px center;
    }

    #layout01-2 {
        width: 383px;
    }

    #navlinks {
        margin-right: 20px;
    }

    #contentbereich .contentblocksmall .ce-bodytext::before,
    #contentbereich .contentblocksmallnone .ce-bodytext::before {
        width: 248px;
        height: 248px;
        top: calc(50% - 124px);
        left: calc(50% - 124px);
    }

    #breadcrumb {
        width: calc(100% - 60px);
        padding: 0 30px;
    }

    #dynamischeListe2 .newsText {
        width: 62%;
    }

    .picturekalender {
        float: left;
        width: calc(43% - 0px);
    }

    .kalendertext {
        float: left;
        width: calc(53% - 0px);
        margin-right: 18px;
        padding: 18px 0px 1px 10px;
    }

    #contentbereich .contentbereichInfobox {
        margin-left: calc(50% - 330px);
        max-width: 588px;
    }

    .main #headerImage img {
        height: 525px;
    }

    .home #headerImage img {
        height: 590px;
    }

    .home .text span {
        font-size: 23px;
    }

    .home .text p {
        font-size: 16px;
    }

    .home .text {
        width: 225px;
        position: absolute;
        left: calc(50% - 63px);
        top: 40px;
    }

    .home #headerImage {
        position: relative;
        float: left;
        width: calc(100% - 398px);
        z-index: 0;
        overflow: hidden;
    }
}


@media only screen and (min-width: 1025px) and (max-width: 1280px) {
    .alles {
        max-width: 990px;
    }

    .anschrift {
        width: 990px;
    }

    #suche {
        margin-right: 60px;
    }

    #menue ul#nav>li:hover>ul {
        box-shadow: 0px 10px 20px 6px #0000004d;
    }

    #mainMenue {
        width: 740px;
    }

    #menue ul {
        width: 740px;
    }

    .anschrift p {
        width: auto;
        font-size: 16px;
    }

    .anschrift p span {
        font-size: 16px;
    }

    .anschrift p a {
        font-size: 16px;
    }

    .anschrift p::after {
        right: -13px;
        top: 1px;
    }

    .anmelden {
        max-width: 520px;
        margin-left: calc(50% - 260px);
    }

    .home #headerImage ul li img {
        max-width: none;
        width: auto;
        height: 656px;
    }

    .home .quicklinks {
        height: 356px;
        width: 100%;
    }

    .home .ql {
        width: 50%;
        height: 50%;
    }

    .home #headerImage ul li {
        height: 656px;
    }

    #menuequick a,
    #kontrast-alles span,
    #schrift a {
        font-size: 17px;
    }

    .text {
        top: 42px;
    }

    #layout01-1 {
        width: 600px;
        padding: 0 25px;
    }

    #layout01-2 {
        width: 232px;
        float: right;
        margin-right: 25px;
    }

    #contentbereich .minigal .scrollable img {
        margin: 10px 15px 10px 0;
        width: 135px;
    }

    .itemsinnerwrap {
        max-width: 453px;
        padding: 0px 74px;
    }

    #contentbereich .minigal a.left {
        top: 53px;
    }

    #contentbereich .minigal a.right {
        top: 53px;
    }

    .contentblocksmall {
        margin-right: 10px;
        margin-left: 0px;
    }

    .contentblocksmallnone {
        margin-right: 0px;
        margin-left: 10px;
        clear: right;
    }

    .contentblocksmall,
    .contentblocksmallnone {
        width: calc(50% - 20px) !important;
        margin-top: 30px;
    }

    #contentbereich .contentblocksmall .ce-bodytext::before,
    #contentbereich .contentblocksmallnone .ce-bodytext::before {
        width: 180px;
        height: 180px;
        top: calc(50% - 90px);
        left: calc(50% - 90px);
    }

    #contentbereich .contentblocksmall h4,
    #contentbereich .contentblocksmallnone h4 {
        font-size: 20px;
        line-height: 21px;
        width: 180px;
        margin-left: calc(44% - 90px);
        top: 55px;
    }

    #contentbereich .contentblocksmall .internal-link,
    #contentbereich .contentblocksmall .internal-link-new-window,
    #contentbereich .contentblocksmallnone .internal-link,
    #contentbereich .contentblocksmallnone .internal-link-new-window {
        background: url(../images/plus.png) no-repeat bottom 40px center;
        background-size: 35px;
    }

    .main #headerImage ul li img {
        max-width: none;
        width: auto;
        height: 488px;
    }

    .main #headerImage ul li {
        height: 488px;
    }

    .main .quicklinks {
        height: 425px;
    }

    #navlinks {
        margin-right: 20px;
    }

    .ql a::before {
        left: calc(50% - 30px);
        top: calc(50% - 12px);
    }

    #kalenderOption .kalenderBtn {
        width: 41.3%;
        margin-bottom: 10px;
    }

    #kalenderOption .listenansichtBtn {
        margin-right: 0;
    }

    #dynamischeListe2 .newsText {
        width: 60%;
    }

    .picturekalender {
        width: calc(49% - 10px);
    }

    .kalendertext {
        width: calc(46% - 3px);
        padding: 12px 0px 12px 20px;
        font-size: 16px;
    }

    #contentbereich .contentbereichInfobox {
        width: calc(100% - 72px);
        margin-left: 0;
        max-width: unset;
    }

    #menue ul li a {
        font-size: 20px;
    }

    #menue ul li ul li a {
        font-size: 20px;
    }

    #menue ul#nav li ul li ul li a {
        font-size: 18px;
    }

    .home #headerImage img {
        height: 656px;
    }

    .home #headerImage {
        width: 100%;
    }

    .main #headerImage img {
        height: 425px;
    }

}

@media only screen and (min-width: 960px) and (max-width: 1024px) {
    .alles {
        max-width: 930px;
    }

    .anschrift {
        width: 930px;
    }

    #suche {
        margin-right: calc(50% - 413px);
        padding: 48px 0 0px;
    }

    li.menueebene4 a {
        background: none;
    }

    li.menueebene4:hover a {
        background: none;
    }

    .home .quicklinks {
        width: 100%;
        height: 328px;
    }

    .anschrift p {
        width: auto;
        font-size: 16px;
    }

    .anschrift p span {
        font-size: 16px;
    }

    .anschrift p a {
        font-size: 16px;
    }

    .anschrift p::after {
        right: -6px;
        top: 1px;
    }

    .anmelden {
        max-width: 520px;
        margin-left: calc(50% - 260px);
    }

    .home #headerImage ul li img {
        max-width: none;
        width: auto;
        height: 526px;
    }

    .main. quicklinks {
        height: 328px;
        width: 100%;
    }

    .home #headerImage ul li {
        height: 526px;
    }

    #suche a {
        font-size: 21px;
    }

    #logo {
        width: 100%;
        margin-bottom: 18px;
    }

    #logo img {
        margin-left: calc(50% - 54.5px);
    }

    .home .ql {
        height: 50%;
        width: 50%;
    }

    .home #headerImage {
        width: 100%;
    }

    #menuequick a,
    #kontrast-alles span,
    #schrift a {
        font-size: 17px;
    }

    .text {
        top: 41px;
    }

    #breadcrumb {
        padding: 0 25px;
        width: calc(100% - 50px);
    }

    #layout01-1 {
        width: 600px;
        padding: 0 25px;
    }

    #layout01-2 {
        width: 232px;
        float: right;
        margin-right: 25px;
    }

    #subnavi {
        width: 200px;
        padding: 0 15px;
    }

    #subnavi ul li a.subnavimnu.act {
        font-size: 20px;
    }

    #subnavi ul li a {
        font-size: 19px;
    }

    #contentbereich .minigal .scrollable img {
        margin: 10px 15px 10px 0;
        width: 135px;
    }

    .itemsinnerwrap {
        max-width: 453px;
        padding: 0px 74px;
    }

    #contentbereich .minigal a.left {
        top: 53px;
    }

    #contentbereich .minigal a.right {
        top: 53px;
    }

    .contentblocksmall {
        margin-right: 10px;
        margin-left: 25px;
    }

    .contentblocksmallnone {
        margin-right: 25px;
        margin-left: 10px;
        clear: right;
    }

    .contentblocksmall,
    .contentblocksmallnone {
        width: calc(50% - 35px) !important;
        margin-top: 30px;
    }

    #contentbereich .contentblocksmall .ce-bodytext::before,
    #contentbereich .contentblocksmallnone .ce-bodytext::before {
        width: 180px;
        height: 180px;
        top: calc(50% - 90px);
        left: calc(50% - 90px);
    }

    #contentbereich .contentblocksmall h4,
    #contentbereich .contentblocksmallnone h4 {
        font-size: 20px;
        line-height: 21px;
        width: 180px;
        margin-left: calc(44% - 90px);
        top: 45px;
    }

    #contentbereich .contentblocksmall .internal-link,
    #contentbereich .contentblocksmall .internal-link-new-window,
    #contentbereich .contentblocksmallnone .internal-link,
    #contentbereich .contentblocksmallnone .internal-link-new-window {
        background: url(../images/plus.png) no-repeat bottom 40px center;
        background-size: 35px;
    }

    .main #headerImage ul li img {
        max-width: none;
        width: auto;
        height: 390px;
    }

    .main #headerImage ul li {
        height: 390px;
    }

    .main .quicklinks {
        height: 150px;
        width: 100%;
        flex-direction: row;
    }

    .main #headerImage {
        width: 100%;
    }

    .main .ql {
        width: 25%;
        height: 100%;
    }

    .main .ql a::before {
        left: calc(50% - 30px);
        top: calc(50% - 12px);
    }

    .ql a:hover::before {
        left: calc(50% - 21px);
        top: calc(50% - 21px);
    }

    #navlinks {
        margin-right: 25px;
    }

    .ql a::before {
        left: calc(50% - 30px);
        top: calc(50% - 12px);
    }

    #kalenderOption .kalenderBtn {
        width: 41.3%;
        margin-bottom: 10px;
    }

    #kalenderOption .listenansichtBtn {
        margin-right: 0;
    }

    #dynamischeListe2 .newsText {
        width: 60%;
    }

    .picturekalender {
        width: calc(49% - 10px);
    }

    .kalendertext {
        width: calc(46% - 3px);
        padding: 12px 0px 12px 20px;
        font-size: 16px;
    }

    #contentbereich .contentbereichInfobox {
        width: calc(100% - 72px);
        margin-left: 0;
        max-width: unset;
    }

    .home #headerImage img {
        height: 525px;
    }

    .main #headerImage img {
        height: 390px;
    }

    /* Erg�nzung */
    #menue ul li ul.dropdownSlide {
        float: left;
        position: relative;
        left: 0;
        top: 0;
        width: 100%;
        padding: 0;
        height: auto;
    }

    #mainMenue #menue li.menueebene0Active>a,
    #mainMenue #menue li.menueebene1Active>a,
    #mainMenue #menue li.menueebene2Active>a,
    #mainMenue #menue li.menueebene3Active>a,
    #mainMenue #menue li.menueebene4Active>a,
    #mainMenue #menue li.menueebene0Active>a span,
    #mainMenue #menue li.menueebene1Active>a span,
    #mainMenue #menue li.menueebene2Active>a span,
    #mainMenue #menue li.menueebene3Active>a span,
    #mainMenue #menue li.menueebene4Active>a span {
        color: rgb(255, 255, 255);
        border: none;
    }

    #menue ul li:hover>a {
        color: rgb(255, 255, 255);
        border-bottom: 0;
        padding: 15px 18px 5px;
    }

    /*###### ResponsiveMainMen� ######*/
    #wrap.fade::after {
        width: 100%;
        height: 100%;
        content: "";
        position: absolute;
        left: 0;
        z-index: 99999999;
        top: 0;
        background: #000;
        opacity: 0.5;
    }

    .main-wrap {
        position: absolute !important;
    }

    #mainMenue {
        display: none;
        margin: 0;
        margin-top: 85px;
        width: 100%;
        height: auto;
    }

    body.fadeb {
        overflow: hidden;
    }

    #wrap.fade {
        overflow: hidden;
        position: absolute;
        right: -70%;
        width: 100%;
    }

    .nav_responsive {
        display: block;
        left: 18px;
        position: absolute;
        top: 38px;
        cursor: pointer;
    }

    .nav_responsive_activate,
    .nav_responsive_active {
        background: #b4c927 url(../images/mainMenueResponsive.png) no-repeat scroll -28px center;
        width: 47px;
        height: 47px;
    }

    .nav_responsive_active {
        background-position: 13px center;
    }

    #responsiveSidemenue.show {
        float: left;
        height: 100%;
        width: 70%;
        overflow-x: auto;
        display: block;
    }

    #responsiveSidemenue,
    #mainMenue.show {
        background: none repeat scroll 0 0;
        box-shadow: none;
        display: block;
        position: relative;
        z-index: 999;
        background-color: #fff;
    }

    #menue ul li.menueebene0Active,
    #menue ul li.menueebene1Active,
    #menue ul li.menueebene2Active,
    #menue ul li.menueebene3Active,
    #menue ul li.menueebene4Active {
        width: 100%;
        padding: 0;
    }

    #menue ul li ul li a {
        font-size: 16px;
        margin-bottom: 0;
        padding: 5px 2% 5px 10% !important;
        text-decoration: none;
        width: 88% !important;
        border: 0;
        border: none !important;
        line-height: 27px;
    }

    #menue ul li ul li.sub a {}

    #menue li.nosub:hover,
    #menue li.sub:hover {
        background: #fff;
    }

    #menue ul li ul li a:hover {
        font-weight: normal;
    }

    #menue ul.menueebene0Sub.dropdownSlide li {
        overflow: hidden;
        background: #5396df;
    }

    #menue ul.menueebene0Sub.dropdownSlide li:hover,
    #menue ul.menueebene0Sub.dropdownSlide li.active {}


    #menue ul li a::after {
        content: '';
        background: url(../images/next.png) no-repeat center;
        position: absolute;
        left: calc(95% - 12px);
        top: calc(50% - 13px);
        width: 16px;
        height: 26px;
        transform: none;
        transition: ease all 300ms;
    }

    #menue ul li a.open::after {
        content: '';
        background: url(../images/next.png) no-repeat center;
        position: absolute;
        left: calc(95% - 12px);
        top: calc(50% - 13px);
        width: 16px;
        height: 26px;
        transform: rotate(90deg);
        transition: ease all 300ms;
    }

    #menue ul li ul li.active.open a::after {
        content: '';
        background: url(../images/next.png) no-repeat center;
        position: absolute;
        left: calc(95% - 12px);
        top: calc(50% - 13px);
        width: 16px;
        height: 26px;
        transform: none;
        transition: ease all 300ms;
    }

    #menue ul li ul li.active a::after {
        content: '';
        background: url(../images/next.png) no-repeat center;
        position: absolute;
        left: calc(95% - 12px);
        top: calc(50% - 13px);
        width: 16px;
        height: 26px;
        transform: rotate(90deg);
        transition: ease all 300ms;
    }

    #menue ul li ul li ul li a::after {
        content: '';
        background: none !important;
        position: unset;
    }

    #menue ul li ul li.nosub a::after {
        content: '';
        background: none !important;
        position: unset;
    }

    #menue ul#nav li ul li ul li a:hover,
    #menue ul#nav li ul li ul li a.l3-act {
        background: none !important;
    }

    #menue ul#nav li ul li.sub ul li a {
        background: none !important;
        color: #000 !important;
    }

    #menue ul li a {
        border: 0 none;
        height: auto;
        text-align: left;
        transition: ease all 300ms;
        position: relative;
        width: calc(100% - 36px);
        line-height: 40px;
        font-size: 18px;
        color: #fff;
        font-family: 'Quicksand_Bold';
        padding: 15px 18px 5px;
    }

    #menue ul li:hover,
    #menue ul li.menueebene0Active,
    #menue ul li.menueebene1Active,
    #menue ul li.menueebene2Active,
    #menue ul li.menueebene3Active,
    #menue ul li.menueebene4Active,
    #menue ul li.menueebene5Active,
    #menue ul li.menueebene6Active {}

    #menue ul li ul li a:hover,
    #menue ul li.menueebene0Active ul li a:hover,
    #menue ul li.menueebene1Active ul li a:hover,
    #menue ul li.menueebene2Active ul li a:hover,
    #menue ul li.menueebene3Active ul li a:hover,
    #menue ul li.menueebene4Active ul li a:hover {
        border-bottom: 0 none;
        height: auto;
    }

    #menue ul li:hover a,
    #menue ul li a:hover,
    #menue ul li.menueebene0Active a,
    #menue ul li.menueebene0Active a:hover,
    #menue ul li.menueebene1Active a,
    #menue ul li.menueebene1Active a:hover,
    #menue ul li.menueebene2Active a,
    #menue ul li.menueebene2Active a:hover,
    #menue ul li.menueebene3Active a,
    #menue ul li.menueebene3Active a:hover,
    #menue ul li.menueebene4Active a,
    #menue ul li.menueebene4Active a:hover,
    #menue ul li.menueebene0Active a,
    #menue ul li.menueebene1Active a,
    #menue ul li.menueebene2Active a,
    #menue ul li.menueebene3Active a,
    #menue ul li.menueebene4Active a {}

    #menue ul li ul li a:hover,
    #menue ul li.menueebene0Active ul li a:hover,
    #menue ul li.menueebene1Active ul li a:hover,
    #menue ul li.menueebene2Active ul li a:hover,
    #menue ul li.menueebene3Active ul li a:hover,
    #menue ul li.menueebene4Active ul li a:hover,
    #menue ul li ul li a.active {
        height: auto;
    }

    #menue ul li ul li ul li:hover a,
    #menue ul li ul li ul li a.l3-act {}

    #menue ul li ul li ul {
        background: none repeat scroll 0 0;
        display: none;
        left: 0 !important;
        margin: 3px 16%;
        right: auto !important;
        width: 68.3%;
    }



    #menue,
    #menue ul {
        height: 100%;
    }

    #menue ul {
        flex-wrap: wrap;
        float: left;
        width: 100%;
        padding-right: 0;
    }

    #menue ul li {
        margin-left: 0 !important;
        width: 100%;
        height: auto;
        padding: 0;
        border-left: 0;
        background: #b4c927;
        border-right: 0;
        border: none;
        box-shadow: none;
    }


    #menue ul li ul li a:hover,
    #menue ul li ul li a.act,
    #menue ul li ul li.active a.active {}

    menue ul li ul li a.pfeilSub {
        background: none repeat scroll 0 0;
        border: medium none;
        text-transform: none;
        float: left;
        font-size: 16px;
        margin: 0;
        padding: 7px 0;
        width: 100%;
        text-align: left;
    }

    #menue ul ul li.sub ul {
        /* margin-left: 8%; */
        /* margin-right: 8%; */
        width: 100%;
        margin: 0;
        border: 0;
    }

    #menue ul li ul li ul li {
        border: 0;
        background: none !important;
    }

    #menue ul li ul li ul li:hover {}

    #responsiveSidemenue.show #mainMenue.show #menue ul#nav.dropdown li.menueebene1Active ul.menueebene0Sub.dropdownSlide li.sub ul li {
        color: #000;
    }

    #responsiveSidemenue.show #mainMenue.show #menue ul#nav.dropdown li.menueebene1Active ul.menueebene0Sub.dropdownSlide li.sub ul li a.l3-act {
        color: #EBEBEB;
    }

    #menue ul#nav ul,
    #menue ul#nav li:hover>ul,
    #menue ul#nav ul ul,
    #menue ul#nav ul li:hover>ul {
        display: none;
        visibility: hidden;
    }

    #menue ul#nav li:hover ul {
        display: none;
    }

    #menue ul#nav li.menueebene0Active>ul,
    #menue ul#nav li.menueebene0Active ul li,
    #menue ul#nav li.menueebene1Active>ul,
    #menue ul#nav li.menueebene1Active ul li,
    #menue ul#nav li.menueebene2Active>ul,
    #menue ul#nav li.menueebene2Active ul li,
    #menue ul#nav li.menueebene3Active>ul,
    #menue ul#nav li.menueebene3Active ul li,
    #menue ul#nav li.menueebene4Active>ul,
    #menue ul#nav li.menueebene4Active ul li,
    #menue ul#nav li.menueebene0Active ul li.active>ul,
    #menue ul#nav li.menueebene0Active ul li.active ul li,
    #menue ul#nav li.menueebene1Active ul li.active>ul,
    #menue ul#nav li.menueebene1Active ul li.active ul li,
    #menue ul#nav li.menueebene2Active ul li.active>ul,
    #menue ul#nav li.menueebene2Active ul li.active ul li,
    #menue ul#nav li.menueebene3Active ul li.active>ul,
    #menue ul#nav li.menueebene3Active ul li.active ul li,
    #menue ul#nav li.menueebene4Active ul li.active>ul,
    #menue ul#nav li.menueebene4Active ul li.active ul li {
        display: block;
        visibility: visible;
    }

    #menue ul li ul li {
        display: none;
    }

    #menue ul li ul {
        border: medium none;
        float: left;
        margin: 0;
        padding: 0;
        position: static;
        width: 100%;
        min-height: auto;
    }

    #menue ul li ul li {
        display: none;
        float: left;
        margin: 0 !important;
        visibility: visible;
        border: 0;
        width: 100%;
        padding: 0;
        background: #5396df;
    }


    #menue ul#nav li ul li.sub ul li a {
        background: url("../images/mnu.png") no-repeat scroll 44px 10px;
        border: medium none !important;
        color: #fff !important;
        float: left;
        font-size: 15px !important;
        height: auto;
        line-height: 29px;
        margin: 0;
        padding: 3px 9px 5px 61px !important;
        text-align: left;
        text-decoration: none;
        text-transform: none;
        width: calc(100% - 70px);
    }

    #menue ul#nav li ul li ul li a:hover,
    #menue ul li ul li ul li a.l3-act,
    #menue ul#nav li ul li.sub ul li a.act {
        color: #ffffff !important;
        background: #eeba4d !important;
    }

    #menue ul.menueebene0Sub.dropdownSlide li ul li:hover {}

    #menue ul li ul li a {
        font-size: 18px !important;
    }
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
    .alles {
        max-width: 700px;
    }

    .anschrift {
        width: 700px;
        justify-content: center;
    }

    #suche {
        margin-right: 0;
    }

    #menue ul {
        flex-wrap: wrap;
        float: left;
        width: 100%;
        padding-right: 0;
    }

    .anschrift p {
        width: auto;
        font-size: 16px;
        margin-right: 20px;
    }

    .anschrift p span {
        font-size: 16px;
    }

    .anschrift p a {
        font-size: 16px;
    }

    .anschrift p::after {
        right: -11px;
        top: 1px;
    }

    .anmelden {
        max-width: 520px;
        margin-left: calc(50% - 260px);
    }

    .home #headerImage ul li img {
        max-width: none;
        width: auto;
        height: 526px;
    }

    .home .quicklinks {
        height: 328px;
        width: 100%;
    }

    .home #headerImage ul li {
        height: 526px;
    }

    #suche a {
        font-size: 21px;
    }

    #menue ul li a {
        font-size: 21px;
    }

    #logo {
        margin-left: calc(50% - 54.5px);
    }

    .ql {
        height: 50%;
        width: 50%;
    }

    .home #headerImage {
        width: 100%;
    }

    #menuequick a,
    #kontrast-alles span,
    #schrift a {
        font-size: 17px;
    }

    .text {
        top: 41px;
    }

    #schrift {
        display: none;
    }

    .text span {
        font-size: 21px;
    }

    .text p {
        font-size: 16px;
    }

    .text {
        width: 224px;
        left: 130px;
    }

    .home #ql1 a::after,
    .home #ql2 a::after,
    .home #ql3 a::after,
    .home #ql4 a::after {
        left: 36px;
    }

    .home #ql1 a::before,
    .home #ql2 a::before,
    .home #ql3 a::before,
    .home #ql4 a::before {
        left: 33px;
    }

    .home #ql1 a:hover::before,
    .home #ql2 a:hover::before,
    .home #ql3 a:hover::before,
    .home #ql4 a:hover::before {
        left: 45px;
    }

    #wrap03 .box::before {
        display: none;
    }

    #wrap03 .box::after {
        display: none;
    }

    #layout01-1 {
        width: 100%;
    }

    #layout01-2 {
        display: none;
    }

    .main #headerImage ul li img {
        max-width: none;
        width: auto;
        height: 366px;
    }

    .main #headerImage ul li {
        height: 366px;
    }

    .main #headerImage {
        width: 100%;
    }

    .main .ql {
        width: 25%;
        height: 100%;
    }

    .main .quicklinks {
        width: 100%;
        flex-direction: row;
        height: 150px;
    }

    #contentbereich .minigal .scrollable img {
        margin: 10px 25px 10px 0;
        width: 175px;
    }

    #contentbereich .minigal .scrollable img {
        background-color: #fff;
        border: 1px solid transparent;
        float: left;
        height: 100%;
        margin: 10px 25px 10px 0;
        padding: 2px;
        width: 175px;
        cursor: pointer;
    }

    .itemsinnerwrap {
        max-width: 593px;
        padding: 0 54px;
    }

    .contentblocksmall,
    .contentblocksmallnone {
        width: calc(50% - 45px) !important;
    }

    .contentblocksmall {
        margin-right: 15px;
        margin-left: 30px;
    }

    .contentblocksmallnone {
        margin-right: 30px;
        margin-left: 15px;
    }

    #contentbereich .contentblocksmall .ce-bodytext::before,
    #contentbereich .contentblocksmallnone .ce-bodytext::before {
        width: 220px;
        height: 220px;
        top: calc(50% - 110px);
        left: calc(50% - 110px);
    }

    #contentbereich .contentblocksmall h4,
    #contentbereich .contentblocksmallnone h4 {
        font-size: 20px;
        line-height: 21px;
        width: 180px;
        margin-left: calc(44% - 90px);
        top: 45px;
    }


    .main .ql a::before {
        left: calc(50% - 30px);
        top: calc(50% - 12px);
        transition: ease all 0.4s;
    }

    .main .ql a:hover::before {
        left: calc(50% - 21px);
        top: calc(50% - 21px);
    }

    #kontrast-alles {
        width: 110px;
    }

    #kalenderOption .kalenderBtn {
        padding: 6px 5% 0px 1.7%;
        width: 16.8%;
        font-size: 14px;
    }

    #dynamischeListe2 .newsText {
        width: 60%;
    }

    .kalendertext {
        width: calc(55% - 3px);
        padding: 12px 0px 12px 20px;
        font-size: 16px;
    }

    #contentbereich .contentbereichInfobox {
        width: calc(100% - 72px);
        margin-left: 0;
        max-width: unset;
    }

    li.menueebene4 a {
        background: none;
    }

    #wrap01 {
        margin-bottom: 20px;
    }

    .home #headerImage img {
        height: 492px;
    }

    .main #headerImage img {
        height: 365px;
    }

    /* Erg�nzung */
    #menue ul li ul.dropdownSlide {
        float: left;
        position: relative;
        left: 0;
        top: 0;
        width: 100%;
        padding: 0;
        height: auto;
    }

    #mainMenue #menue li.menueebene0Active>a,
    #mainMenue #menue li.menueebene1Active>a,
    #mainMenue #menue li.menueebene2Active>a,
    #mainMenue #menue li.menueebene3Active>a,
    #mainMenue #menue li.menueebene4Active>a,
    #mainMenue #menue li.menueebene0Active>a span,
    #mainMenue #menue li.menueebene1Active>a span,
    #mainMenue #menue li.menueebene2Active>a span,
    #mainMenue #menue li.menueebene3Active>a span,
    #mainMenue #menue li.menueebene4Active>a span {
        color: rgb(255, 255, 255);
        border: none;
    }

    #menue ul li:hover>a {
        color: rgb(255, 255, 255);
        border-bottom: 0;
        padding: 15px 18px 5px;
    }

    /*###### ResponsiveMainMen� ######*/
    #wrap.fade::after {
        width: 100%;
        height: 100%;
        content: "";
        position: absolute;
        left: 0;
        z-index: 99999999;
        top: 0;
        background: #000;
        opacity: 0.5;
    }

    .main-wrap {
        position: absolute !important;
    }

    #mainMenue {
        display: none;
        margin: 0;
        margin-top: 83px;
        width: 100%;
        height: auto;
    }

    body.fadeb {
        overflow: hidden;
    }

    #wrap.fade {
        overflow: hidden;
        position: absolute;
        right: -70%;
        width: 100%;
    }

    .nav_responsive {
        display: block;
        left: 18px;
        position: absolute;
        top: 38px;
        cursor: pointer;
    }

    .nav_responsive_activate,
    .nav_responsive_active {
        background: #b4c927 url(../images/mainMenueResponsive.png) no-repeat scroll -28px center;
        width: 47px;
        height: 47px;
    }

    .nav_responsive_active {
        background-position: 13px center;
    }

    #responsiveSidemenue.show {
        float: left;
        height: 100%;
        width: 70%;
        overflow-x: auto;
        display: block;
    }

    #responsiveSidemenue,
    #mainMenue.show {
        background: none repeat scroll 0 0;
        box-shadow: none;
        display: block;
        position: relative;
        z-index: 999;
        background-color: #fff;
    }

    #menue ul li.menueebene0Active,
    #menue ul li.menueebene1Active,
    #menue ul li.menueebene2Active,
    #menue ul li.menueebene3Active,
    #menue ul li.menueebene4Active {
        width: 100%;
        padding: 0;
    }

    #menue ul li ul li a {
        font-size: 16px;
        margin-bottom: 0;
        padding: 5px 2% 5px 10% !important;
        text-decoration: none;
        width: 88% !important;
        border: 0;
        border: none !important;
        line-height: 27px;
    }

    #menue ul li ul li.sub a {}

    #menue li.nosub:hover,
    #menue li.sub:hover {
        background: #fff;
    }

    #menue ul li ul li a:hover {
        font-weight: normal;
    }

    #menue ul.menueebene0Sub.dropdownSlide li {
        overflow: hidden;
        background: #5396df;
    }

    #menue ul.menueebene0Sub.dropdownSlide li:hover,
    #menue ul.menueebene0Sub.dropdownSlide li.active {}


    #menue ul li a::after {
        content: '';
        background: url(../images/next.png) no-repeat center;
        position: absolute;
        left: calc(95% - 12px);
        top: calc(50% - 13px);
        width: 16px;
        height: 26px;
        transform: none;
        transition: ease all 300ms;
    }

    #menue ul li a.open::after {
        content: '';
        background: url(../images/next.png) no-repeat center;
        position: absolute;
        left: calc(95% - 12px);
        top: calc(50% - 13px);
        width: 16px;
        height: 26px;
        transform: rotate(90deg);
        transition: ease all 300ms;
    }

    #menue ul li ul li.active.open a::after {
        content: '';
        background: url(../images/next.png) no-repeat center;
        position: absolute;
        left: calc(95% - 12px);
        top: calc(50% - 13px);
        width: 16px;
        height: 26px;
        transform: none;
        transition: ease all 300ms;
    }

    #menue ul li ul li.active a::after {
        content: '';
        background: url(../images/next.png) no-repeat center;
        position: absolute;
        left: calc(95% - 12px);
        top: calc(50% - 13px);
        width: 16px;
        height: 26px;
        transform: rotate(90deg);
        transition: ease all 300ms;
    }

    #menue ul li ul li ul li a::after {
        content: '';
        background: none !important;
        position: unset;
    }

    #menue ul li ul li.nosub a::after {
        content: '';
        background: none !important;
        position: unset;
    }

    #menue ul#nav li ul li ul li a:hover,
    #menue ul#nav li ul li ul li a.l3-act {
        background: none !important;
    }

    #menue ul#nav li ul li.sub ul li a {
        background: none !important;
        color: #000 !important;
    }

    #menue ul li a {
        border: 0 none;
        height: auto;
        text-align: left;
        transition: ease all 300ms;
        position: relative;
        width: calc(100% - 36px);
        line-height: 40px;
        font-size: 18px;
        color: #fff;
        font-family: 'Quicksand_Bold';
        padding: 15px 18px 5px;
    }

    #menue ul li:hover,
    #menue ul li.menueebene0Active,
    #menue ul li.menueebene1Active,
    #menue ul li.menueebene2Active,
    #menue ul li.menueebene3Active,
    #menue ul li.menueebene4Active,
    #menue ul li.menueebene5Active,
    #menue ul li.menueebene6Active {}

    #menue ul li ul li a:hover,
    #menue ul li.menueebene0Active ul li a:hover,
    #menue ul li.menueebene1Active ul li a:hover,
    #menue ul li.menueebene2Active ul li a:hover,
    #menue ul li.menueebene3Active ul li a:hover,
    #menue ul li.menueebene4Active ul li a:hover {
        border-bottom: 0 none;
        height: auto;
    }

    #menue ul li:hover a,
    #menue ul li a:hover,
    #menue ul li.menueebene0Active a,
    #menue ul li.menueebene0Active a:hover,
    #menue ul li.menueebene1Active a,
    #menue ul li.menueebene1Active a:hover,
    #menue ul li.menueebene2Active a,
    #menue ul li.menueebene2Active a:hover,
    #menue ul li.menueebene3Active a,
    #menue ul li.menueebene3Active a:hover,
    #menue ul li.menueebene4Active a,
    #menue ul li.menueebene4Active a:hover,
    #menue ul li.menueebene0Active a,
    #menue ul li.menueebene1Active a,
    #menue ul li.menueebene2Active a,
    #menue ul li.menueebene3Active a,
    #menue ul li.menueebene4Active a {}

    #menue ul li ul li a:hover,
    #menue ul li.menueebene0Active ul li a:hover,
    #menue ul li.menueebene1Active ul li a:hover,
    #menue ul li.menueebene2Active ul li a:hover,
    #menue ul li.menueebene3Active ul li a:hover,
    #menue ul li.menueebene4Active ul li a:hover,
    #menue ul li ul li a.active {
        height: auto;
    }

    #menue ul li ul li ul li:hover a,
    #menue ul li ul li ul li a.l3-act {}

    #menue ul li ul li ul {
        background: none repeat scroll 0 0;
        display: none;
        left: 0 !important;
        margin: 3px 16%;
        right: auto !important;
        width: 68.3%;
    }



    #menue,
    #menue ul {
        height: 100%;
    }

    #menue ul li {
        margin-left: 0 !important;
        width: 100%;
        height: auto;
        padding: 0;
        border-left: 0;
        background: #b4c927;
        border-right: 0;
        border: none;
        box-shadow: none;
    }


    #menue ul li ul li a:hover,
    #menue ul li ul li a.act,
    #menue ul li ul li.active a.active {}

    menue ul li ul li a.pfeilSub {
        background: none repeat scroll 0 0;
        border: medium none;
        text-transform: none;
        float: left;
        font-size: 16px;
        margin: 0;
        padding: 7px 0;
        width: 100%;
        text-align: left;
    }

    #menue ul ul li.sub ul {
        /* margin-left: 8%; */
        /* margin-right: 8%; */
        width: 100%;
        margin: 0;
        border: 0;
    }

    #menue ul li ul li ul li {
        border: 0;
        background: none !important;
    }

    #menue ul li ul li ul li:hover {}

    #responsiveSidemenue.show #mainMenue.show #menue ul#nav.dropdown li.menueebene1Active ul.menueebene0Sub.dropdownSlide li.sub ul li {
        color: #000;
    }

    #responsiveSidemenue.show #mainMenue.show #menue ul#nav.dropdown li.menueebene1Active ul.menueebene0Sub.dropdownSlide li.sub ul li a.l3-act {
        color: #EBEBEB;
    }

    #menue ul#nav ul,
    #menue ul#nav li:hover>ul,
    #menue ul#nav ul ul,
    #menue ul#nav ul li:hover>ul {
        display: none;
        visibility: hidden;
    }

    #menue ul#nav li:hover ul {
        display: none;
    }

    #menue ul#nav li.menueebene0Active>ul,
    #menue ul#nav li.menueebene0Active ul li,
    #menue ul#nav li.menueebene1Active>ul,
    #menue ul#nav li.menueebene1Active ul li,
    #menue ul#nav li.menueebene2Active>ul,
    #menue ul#nav li.menueebene2Active ul li,
    #menue ul#nav li.menueebene3Active>ul,
    #menue ul#nav li.menueebene3Active ul li,
    #menue ul#nav li.menueebene4Active>ul,
    #menue ul#nav li.menueebene4Active ul li,
    #menue ul#nav li.menueebene0Active ul li.active>ul,
    #menue ul#nav li.menueebene0Active ul li.active ul li,
    #menue ul#nav li.menueebene1Active ul li.active>ul,
    #menue ul#nav li.menueebene1Active ul li.active ul li,
    #menue ul#nav li.menueebene2Active ul li.active>ul,
    #menue ul#nav li.menueebene2Active ul li.active ul li,
    #menue ul#nav li.menueebene3Active ul li.active>ul,
    #menue ul#nav li.menueebene3Active ul li.active ul li,
    #menue ul#nav li.menueebene4Active ul li.active>ul,
    #menue ul#nav li.menueebene4Active ul li.active ul li {
        display: block;
        visibility: visible;
    }

    #menue ul li ul li {
        display: none;
    }

    #menue ul li ul {
        border: medium none;
        float: left;
        margin: 0;
        padding: 0;
        position: static;
        width: 100%;
        min-height: auto;
    }

    #menue ul li ul li {
        display: none;
        float: left;
        margin: 0 !important;
        visibility: visible;
        border: 0;
        width: 100%;
        padding: 0;
        background: #5396df;
    }


    #menue ul#nav li ul li.sub ul li a {
        background: url("../images/mnu.png") no-repeat scroll 44px 10px;
        border: medium none !important;
        color: #fff !important;
        float: left;
        font-size: 15px !important;
        height: auto;
        line-height: 29px;
        margin: 0;
        padding: 3px 9px 5px 61px !important;
        text-align: left;
        text-decoration: none;
        text-transform: none;
        width: calc(100% - 70px);
    }

    #menue ul#nav li ul li ul li a:hover,
    #menue ul li ul li ul li a.l3-act,
    #menue ul#nav li ul li.sub ul li a.act {
        color: #ffffff !important;
        background: #eeba4d !important;
    }

    #menue ul.menueebene0Sub.dropdownSlide li ul li:hover {}

    #menue ul li ul li a {
        font-size: 18px !important;
    }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .alles {
        max-width: 400px;
    }

    .anschrift {
        width: 230px;
        justify-content: center;
        margin-left: calc(50% - 115px);
    }

    #suche {
        margin-right: 0;
    }

    .anschrift p {
        width: auto;
        font-size: 16px;
    }

    .anschrift p span {
        font-size: 16px;
    }

    .anschrift p a {
        font-size: 16px;
    }

    .anschrift p::after {
        display: none;
    }

    .anmelden {
        max-width: 400px;
        margin-left: calc(50% - 200px);
    }

    .home #headerImage ul li img {
        max-width: none;
        width: auto;
        height: 394px;
    }

    .home #headerImage ul li {
        height: 394px;
    }

    #suche a {
        font-size: 21px;
    }

    #menue ul li a {
        font-size: 21px;
    }

    #logo {
        margin-left: calc(50% - 54.5px);
    }

    .ql {
        height: 50%;
        width: 50%;
    }

    .home #headerImage {
        width: 100%;
    }

    #menuequick a,
    #kontrast-alles span,
    #schrift a {
        font-size: 17px;
    }

    .text {
        display: none;
    }

    #schrift {
        display: none;
    }

    .text span {
        font-size: 21px;
    }

    .text p {
        display: none;
    }

    #ql1 a::after,
    #ql2 a::after,
    #ql3 a::after,
    #ql4 a::after {
        left: calc(50% - 30px);
        top: calc(50% - 30px);
    }

    #ql1 a::before,
    #ql2 a::before,
    #ql3 a::before,
    #ql4 a::before {
        left: calc(50% - 21px);
        top: calc(50% - 21px);
    }

    #ql1 a:hover::before,
    #ql2 a:hover::before,
    #ql3 a:hover::before,
    #ql4 a:hover::before {
        left: calc(50% - 21px);
        top: calc(50% - 21px);
    }

    #wrap03 .box::before {
        display: none;
    }

    #wrap03 .box::after {
        display: none;
    }

    .info {
        width: 400px;
        margin-bottom: 10px;
        margin-left: 0;
    }

    .anmelden h2 {
        font-size: 20px;
    }

    .anmelden h1 {
        font-size: 49px;
        line-height: 50px;
    }

    .anmelden p {
        font-size: 17px;
        margin-top: 25px;
    }

    #kontrast-alles {
        width: 100%;
        text-align: center;
    }

    #footer {
        height: auto;
        background-size: 820%;
    }

    #menuequick {
        margin-bottom: 15px;
    }

    #layout01-1 {
        width: 100%;
    }

    #layout01-2 {
        display: none;
    }

    .main #headerImage ul li img {
        max-width: none;
        width: auto;
        height: 292px;
    }

    .main #headerImage ul li {
        height: 292px;
    }

    .main #headerImage {
        width: 100%;
    }

    .ql {
        width: 25%;
        height: 100%;
    }

    .quicklinks {
        width: 100%;
        flex-direction: row;
        height: 100px;
    }

    #contentbereich .minigal .scrollable img {
        margin: 10px 25px 10px 0;
        width: 175px;
    }

    #contentbereich .minigal .scrollable img {
        width: 80px;
    }

    .itemsinnerwrap {
        max-width: 308px;
        padding: 0 46px;
    }

    .contentblocksmall,
    .contentblocksmallnone {
        width: 100% !important;
    }

    .contentblocksmall {
        margin-right: 0px;
        margin-left: 0px;
    }

    .contentblocksmallnone {
        margin-right: 0px;
        margin-left: 0px;
    }

    #contentbereich .contentblocksmall .ce-bodytext::before,
    #contentbereich .contentblocksmallnone .ce-bodytext::before {
        width: 280px;
        height: 280px;
        top: calc(50% - 140px);
        left: calc(50% - 140px);
    }

    #contentbereich .contentblocksmall h4,
    #contentbereich .contentblocksmallnone h4 {
        font-size: 20px;
        line-height: 21px;
        width: 180px;
        margin-left: calc(44% - 90px);
        top: 45px;
    }


    .main .ql a::before {
        left: calc(50% - 30px);
        top: calc(50% - 12px);
        transition: ease all 0.4s;
    }

    .main .ql a:hover::before {
        left: calc(50% - 21px);
        top: calc(50% - 21px);
    }

    #contentbereich h4 {
        font-size: 25px !important;
        line-height: 30px !important;
        margin: 0px 0 30px !important;
    }

    #contentbereich p {
        line-height: 20px;
        font-size: 17px;
    }

    #contentbereich .firstFont h4 {
        font-size: 35px;
        line-height: 40px;
    }

    #contentbereich .firstFont p {
        font-size: 17px;
        line-height: 22px;
    }

    #contentbereich ul li {
        font-size: 17px;
    }

    #kalenderOutlook .calTextDetailPicture {
        margin-right: 0px;
        width: 100%;
        margin-bottom: 25px;
    }

    #kalender .entry {
        width: 85%;
    }

    #contentbereich .contentbereichInfobox {
        width: calc(100% - 72px);
        margin-left: 0;
        max-width: unset;
    }

    #wrap01 {
        margin-bottom: 20px;
    }

    .home #headerImage img {
        height: 393px;
    }

    .main #headerImage img {
        height: 292px;
    }

    /* Erg�nzung */
    #menue ul {
        flex-wrap: wrap;
        float: left;
        width: 100%;
        padding-right: 0;
    }

    #menue ul li ul.dropdownSlide {
        float: left;
        position: relative;
        left: 0;
        top: 0;
        width: 100%;
        padding: 0;
        height: auto;
    }

    #mainMenue #menue li.menueebene0Active>a,
    #mainMenue #menue li.menueebene1Active>a,
    #mainMenue #menue li.menueebene2Active>a,
    #mainMenue #menue li.menueebene3Active>a,
    #mainMenue #menue li.menueebene4Active>a,
    #mainMenue #menue li.menueebene0Active>a span,
    #mainMenue #menue li.menueebene1Active>a span,
    #mainMenue #menue li.menueebene2Active>a span,
    #mainMenue #menue li.menueebene3Active>a span,
    #mainMenue #menue li.menueebene4Active>a span {
        color: rgb(255, 255, 255);
        border: none;
    }

    #menue ul li:hover>a {
        color: rgb(255, 255, 255);
        border-bottom: 0;
        padding: 15px 18px 5px;
    }

    #dynamischeListe2 .teaserPicture {
        width: 100%;
        height: 156px;
        max-width: none;
    }

    #dynamischeListe2 .newsText {
        width: 100%;
        margin-top: 20px;
    }

    #dynamischeListe2 .newsText {
        width: 100%;
        padding-bottom: 41px;
        min-height: 122px;
        position: relative;
    }

    li.menueebene4 a {
        background: none;
    }

    /*###### ResponsiveMainMen� ######*/
    #wrap.fade::after {
        width: 100%;
        height: 100%;
        content: "";
        position: absolute;
        left: 0;
        z-index: 99999999;
        top: 0;
        background: #000;
        opacity: 0.5;
    }

    .main-wrap {
        position: absolute !important;
    }

    #mainMenue {
        display: none;
        margin: 0;
        margin-top: 83px;
        width: 100%;
        height: auto;
    }

    body.fadeb {
        overflow: hidden;
    }

    #wrap.fade {
        overflow: hidden;
        position: absolute;
        right: -70%;
        width: 100%;
    }

    .nav_responsive {
        display: block;
        left: 18px;
        position: absolute;
        top: 38px;
        cursor: pointer;
    }

    .nav_responsive_activate,
    .nav_responsive_active {
        background: #b4c927 url(../images/mainMenueResponsive.png) no-repeat scroll -28px center;
        width: 47px;
        height: 47px;
    }

    .nav_responsive_active {
        background-position: 13px center;
    }

    #responsiveSidemenue.show {
        float: left;
        height: 100%;
        width: 70%;
        overflow-x: auto;
        display: block;
    }

    #responsiveSidemenue,
    #mainMenue.show {
        background: none repeat scroll 0 0;
        box-shadow: none;
        display: block;
        position: relative;
        z-index: 999;
        background-color: #fff;
    }

    #menue ul li.menueebene0Active,
    #menue ul li.menueebene1Active,
    #menue ul li.menueebene2Active,
    #menue ul li.menueebene3Active,
    #menue ul li.menueebene4Active {
        width: 100%;
        padding: 0;
    }

    #menue ul li ul li a {
        font-size: 16px;
        margin-bottom: 0;
        padding: 5px 2% 5px 10% !important;
        text-decoration: none;
        width: 88% !important;
        border: 0;
        border: none !important;
        line-height: 27px;
    }

    #menue ul li ul li.sub a {}

    #menue li.nosub:hover,
    #menue li.sub:hover {
        background: #fff;
    }

    #menue ul li ul li a:hover {
        font-weight: normal;
    }

    #menue ul.menueebene0Sub.dropdownSlide li {
        overflow: hidden;
        background: #5396df;
    }

    #menue ul.menueebene0Sub.dropdownSlide li:hover,
    #menue ul.menueebene0Sub.dropdownSlide li.active {}


    #menue ul li a::after {
        content: '';
        background: url(../images/next.png) no-repeat center;
        position: absolute;
        left: calc(95% - 12px);
        top: calc(50% - 13px);
        width: 16px;
        height: 26px;
        transform: none;
        transition: ease all 300ms;
    }

    #menue ul li a.open::after {
        content: '';
        background: url(../images/next.png) no-repeat center;
        position: absolute;
        left: calc(95% - 12px);
        top: calc(50% - 13px);
        width: 16px;
        height: 26px;
        transform: rotate(90deg);
        transition: ease all 300ms;
    }

    #menue ul li ul li.active.open a::after {
        content: '';
        background: url(../images/next.png) no-repeat center;
        position: absolute;
        left: calc(95% - 12px);
        top: calc(50% - 13px);
        width: 16px;
        height: 26px;
        transform: none;
        transition: ease all 300ms;
    }

    #menue ul li ul li.active a::after {
        content: '';
        background: url(../images/next.png) no-repeat center;
        position: absolute;
        left: calc(95% - 12px);
        top: calc(50% - 13px);
        width: 16px;
        height: 26px;
        transform: rotate(90deg);
        transition: ease all 300ms;
    }

    #menue ul li ul li ul li a::after {
        content: '';
        background: none !important;
        position: unset;
    }

    #menue ul li ul li.nosub a::after {
        content: '';
        background: none !important;
        position: unset;
    }

    #menue ul#nav li ul li ul li a:hover,
    #menue ul#nav li ul li ul li a.l3-act {
        background: none !important;
    }

    #menue ul#nav li ul li.sub ul li a {
        background: none !important;
        color: #000 !important;
    }

    #menue ul li a {
        border: 0 none;
        height: auto;
        text-align: left;
        transition: ease all 300ms;
        position: relative;
        width: calc(100% - 36px);
        line-height: 40px;
        font-size: 18px;
        color: #fff;
        font-family: 'Quicksand_Bold';
        padding: 15px 18px 5px;
    }

    #menue ul li:hover,
    #menue ul li.menueebene0Active,
    #menue ul li.menueebene1Active,
    #menue ul li.menueebene2Active,
    #menue ul li.menueebene3Active,
    #menue ul li.menueebene4Active,
    #menue ul li.menueebene5Active,
    #menue ul li.menueebene6Active {}

    #menue ul li ul li a:hover,
    #menue ul li.menueebene0Active ul li a:hover,
    #menue ul li.menueebene1Active ul li a:hover,
    #menue ul li.menueebene2Active ul li a:hover,
    #menue ul li.menueebene3Active ul li a:hover,
    #menue ul li.menueebene4Active ul li a:hover {
        border-bottom: 0 none;
        height: auto;
    }

    #menue ul li:hover a,
    #menue ul li a:hover,
    #menue ul li.menueebene0Active a,
    #menue ul li.menueebene0Active a:hover,
    #menue ul li.menueebene1Active a,
    #menue ul li.menueebene1Active a:hover,
    #menue ul li.menueebene2Active a,
    #menue ul li.menueebene2Active a:hover,
    #menue ul li.menueebene3Active a,
    #menue ul li.menueebene3Active a:hover,
    #menue ul li.menueebene4Active a,
    #menue ul li.menueebene4Active a:hover,
    #menue ul li.menueebene0Active a,
    #menue ul li.menueebene1Active a,
    #menue ul li.menueebene2Active a,
    #menue ul li.menueebene3Active a,
    #menue ul li.menueebene4Active a {}

    #menue ul li ul li a:hover,
    #menue ul li.menueebene0Active ul li a:hover,
    #menue ul li.menueebene1Active ul li a:hover,
    #menue ul li.menueebene2Active ul li a:hover,
    #menue ul li.menueebene3Active ul li a:hover,
    #menue ul li.menueebene4Active ul li a:hover,
    #menue ul li ul li a.active {
        height: auto;
    }

    #menue ul li ul li ul li:hover a,
    #menue ul li ul li ul li a.l3-act {}

    #menue ul li ul li ul {
        background: none repeat scroll 0 0;
        display: none;
        left: 0 !important;
        margin: 3px 16%;
        right: auto !important;
        width: 68.3%;
    }



    #menue,
    #menue ul {
        height: 100%;
    }

    #menue ul li {
        margin-left: 0 !important;
        width: 100%;
        height: auto;
        padding: 0;
        border-left: 0;
        background: #b4c927;
        border-right: 0;
        border: none;
        box-shadow: none;
    }


    #menue ul li ul li a:hover,
    #menue ul li ul li a.act,
    #menue ul li ul li.active a.active {}

    menue ul li ul li a.pfeilSub {
        background: none repeat scroll 0 0;
        border: medium none;
        text-transform: none;
        float: left;
        font-size: 16px;
        margin: 0;
        padding: 7px 0;
        width: 100%;
        text-align: left;
    }

    #menue ul ul li.sub ul {
        /* margin-left: 8%; */
        /* margin-right: 8%; */
        width: 100%;
        margin: 0;
        border: 0;
    }

    #menue ul li ul li ul li {
        border: 0;
        background: none !important;
    }

    #menue ul li ul li ul li:hover {
        background: #eeba4d !important;
    }

    #responsiveSidemenue.show #mainMenue.show #menue ul#nav.dropdown li.menueebene1Active ul.menueebene0Sub.dropdownSlide li.sub ul li {
        color: #000;
    }

    #responsiveSidemenue.show #mainMenue.show #menue ul#nav.dropdown li.menueebene1Active ul.menueebene0Sub.dropdownSlide li.sub ul li a.l3-act {
        color: #EBEBEB;
    }

    #menue ul#nav ul,
    #menue ul#nav li:hover>ul,
    #menue ul#nav ul ul,
    #menue ul#nav ul li:hover>ul {
        display: none;
        visibility: hidden;
    }

    #menue ul#nav li:hover ul {
        display: none;
    }

    #menue ul#nav li.menueebene0Active>ul,
    #menue ul#nav li.menueebene0Active ul li,
    #menue ul#nav li.menueebene1Active>ul,
    #menue ul#nav li.menueebene1Active ul li,
    #menue ul#nav li.menueebene2Active>ul,
    #menue ul#nav li.menueebene2Active ul li,
    #menue ul#nav li.menueebene3Active>ul,
    #menue ul#nav li.menueebene3Active ul li,
    #menue ul#nav li.menueebene4Active>ul,
    #menue ul#nav li.menueebene4Active ul li,
    #menue ul#nav li.menueebene0Active ul li.active>ul,
    #menue ul#nav li.menueebene0Active ul li.active ul li,
    #menue ul#nav li.menueebene1Active ul li.active>ul,
    #menue ul#nav li.menueebene1Active ul li.active ul li,
    #menue ul#nav li.menueebene2Active ul li.active>ul,
    #menue ul#nav li.menueebene2Active ul li.active ul li,
    #menue ul#nav li.menueebene3Active ul li.active>ul,
    #menue ul#nav li.menueebene3Active ul li.active ul li,
    #menue ul#nav li.menueebene4Active ul li.active>ul,
    #menue ul#nav li.menueebene4Active ul li.active ul li {
        display: block;
        visibility: visible;
    }

    #menue ul li ul li {
        display: none;
    }

    #menue ul li ul {
        border: medium none;
        float: left;
        margin: 0;
        padding: 0;
        position: static;
        width: 100%;
        min-height: auto;
    }

    #menue ul li ul li {
        display: none;
        float: left;
        margin: 0 !important;
        visibility: visible;
        border: 0;
        width: 100%;
        padding: 0;
        background: #5396df;
    }


    #menue ul#nav li ul li.sub ul li a {
        background: url("../images/mnu.png") no-repeat scroll 44px 10px;
        border: medium none !important;
        color: #fff !important;
        float: left;
        font-size: 15px !important;
        height: auto;
        line-height: 29px;
        margin: 0;
        padding: 3px 9px 5px 61px !important;
        text-align: left;
        text-decoration: none;
        text-transform: none;
        width: calc(100% - 70px);
    }

    #menue ul#nav li ul li ul li a:hover,
    #menue ul li ul li ul li a.l3-act,
    #menue ul#nav li ul li.sub ul li a.act {
        color: #ffffff !important;
        background: #eeba4d !important;
    }

    #menue ul.menueebene0Sub.dropdownSlide li ul li:hover {}

    #menue ul li ul li a {
        font-size: 18px !important;
    }

    /*#### TEMPLATE ####*/
    /*######################################*/
    .kalenderFilterOption .rahmen {
        width: 100%;
    }

    #kalenderOption .kalenderansichtBtn.btnActive,
    #kalenderOption .kalenderansichtBtn.btnActive:hover,
    #kalenderOption .listenansichtBtn.btnActive,
    #kalenderOption .listenansichtBtn.btnActive:hover,
    #kalenderOption .icsBtn,
    #kalenderOption .pdfBtn,
    #kalenderOption .icsBtn:hover,
    #kalenderOption .pdfBtn:hover {
        background-position: bottom 10px right 10px;
    }

    #calTextDetailHeadlineOutlook,
    #calTextDetailTitleOutlook,
    #calTextDetailOrganizerOutlook,
    #calTextDetailLocationOutlook {
        float: left;
        width: 100%
    }

    .publishnews img {
        max-width: 100% !important;
        height: auto;
    }

    #infoboxbereich .clickenlarge-0 h4,
    #infoboxbereich .clickenlarge-1 h4 {
        margin-right: 7%;
    }

    #kalenderOption .kalenderBtn {
        margin: 0;
        min-height: 40px;
        padding: 5px 90px 5px 2%;
        width: 230px;
        max-width: 230px;
        margin: 5px 0;
    }

    /*### FORM ###*/
    .formleft,
    .formright {
        width: 100%;
    }

    .formobjektsmall {
        width: 97% !important;
    }

    ul.schadensmeldung li {
        width: 50%;
    }

    .formobjektkleinVeranstaltung {
        width: 97.4%;
    }

    #contentbereich .export {
        width: 95.5%;
    }

    #kalender .list {
        float: none;
        margin: 0 auto;
        max-width: 471px;
        padding: 0;
        width: 100%;
    }

    #kalenderOption {
        width: 327px;
        float: none;
        margin: 0 auto;
    }

    #kalenderClassic .optionHeadline {
        float: none;
        text-align: center;
    }

    #kalender .day,
    #kalender .month {
        width: 100%;
    }

    .picturekalender {

        width: 100%;
        text-align: center;
        background: #f6f6f6;

    }

    .kalendertext {
        width: calc(100% - 39px);
        padding: 18px 0px 21px 20px;
    }

    #kalender .entry {
        margin-bottom: 35px;

    }

    #kalender .date {
        width: 40px;
    }

    #searchSuche.formobjekt {
        max-width: 100%;
    }

    /*### FOTO ###*/
    #photoListe ul li {
        width: 100%;
    }

    #album ul li {
        width: auto;
    }

    /*BILDER*/
    .ce-textpic .ce-gallery .ce-column {
        float: left;
        text-align: center;
        width: auto !important;
        /*        clear: both;*/
    }

    #homelayout02 .ce-textpic .ce-gallery .ce-column {
        float: left;
        text-align: center;
    }

    .ce-textpic.ce-center:not(.ce-intext) .ce-gallery .ce-column {
        display: inline;
        margin-left: 0px;
    }

    .ce-gallery {
        text-align: center !important;
        width: 100% !important;
        margin-bottom: 20px;
    }

    .clickenlarge-1 .image-caption,
    .clickenlarge-0 .image-caption {}

    /*LIGTHBOX*/
    #lbOuterImageContainer {
        height: auto !important;
        width: 100% !important;
    }

    #lbLightbox img {
        width: 100% !important;
    }

    #prevLink,
    #nextLink {
        height: 100% !important;
    }

    #lbImageDataContainer {
        width: 100% !important;
    }

    .clickenlarge-1 .image-caption {}

    .contentbereichInfobox .typo3-editPanel {
        width: 163px;
    }

    .contentbereichInfobox .ce-gallery {
        width: 40% !important;
    }

    .contentbereichInfobox .ce-row {
        float: right;
        margin-right: 2px;
        margin-top: -54px;
        width: 93%;
    }

}

@media only screen and (max-width: 479px) {
    .alles {
        max-width: 300px;
    }

    .anschrift {
        width: 230px;
        justify-content: center;
        margin-left: calc(50% - 115px);
    }

    #suche {
        margin-right: 0px;
    }

    .anschrift p {
        width: auto;
        font-size: 16px;
    }

    .anschrift p span {
        font-size: 16px;
    }

    .anschrift p a {
        font-size: 16px;
    }

    .anschrift p::after {
        display: none;
    }

    .anmelden {
        max-width: 300px;
        margin-left: calc(50% - 150px);
    }

    .home #headerImage ul li img {
        max-width: none;
        width: auto;
        height: 246px;
    }

    .home .quicklinks {
        height: 260px;
        width: 100%;
        flex-direction: row;
    }

    .home #headerImage ul li {
        height: 246px;
    }

    #suche a {
        font-size: 19px;
    }

    #menue ul li a {
        font-size: 21px;
    }

    #logo {
        margin-left: calc(50% - 50px);
    }

    .ql {
        height: 50%;
        width: 50%;
    }

    .home #headerImage {
        width: 100%;
    }

    #menuequick a,
    #kontrast-alles span,
    #schrift a {
        font-size: 17px;
    }

    .text {
        display: none;
    }

    #schrift {
        display: none;
    }

    .text span {
        font-size: 21px;
    }

    .text p {
        display: none;
    }

    #ql1 a::after,
    #ql2 a::after,
    #ql3 a::after,
    #ql4 a::after {
        left: calc(50% - 30px);
        top: calc(50% - 30px);
    }

    #ql1 a::before,
    #ql2 a::before,
    #ql3 a::before,
    #ql4 a::before {
        left: calc(50% - 21px);
        top: calc(50% - 21px);
    }

    #ql1 a:hover::before,
    #ql2 a:hover::before,
    #ql3 a:hover::before,
    #ql4 a:hover::before {
        left: calc(50% - 21px);
        top: calc(50% - 21px);
    }

    #wrap03 .box::before {
        display: none;
    }

    #wrap03 .box::after {
        display: none;
    }

    .info {
        width: 300px;
        margin-bottom: 10px;
        margin-left: 0;
        margin-left: calc(50% - 150px);
    }

    .anmelden h2 {
        font-size: 20px;
    }

    .anmelden h1 {
        font-size: 49px;
        line-height: 50px;
    }

    .anmelden p {
        font-size: 17px;
        margin-top: 25px;
    }

    #kontrast-alles {
        width: 100%;
        text-align: center;
    }

    #footer {
        height: auto;
        background-size: 1300%;
    }

    #menuequick {
        margin-bottom: 15px;
        width: 300px;
        justify-content: space-around;
        flex-wrap: wrap;
    }

    .home #wrap03 {
        height: 470px;
    }

    .weiter {
        width: 300px;
        margin-left: calc(50% - 150px);
    }

    #logo img {
        width: 100px;
    }

    #layout01-1 {
        width: 100%;
    }

    #layout01-2 {
        display: none;
    }

    .main #headerImage ul li img {
        max-width: none;
        width: auto;
        height: 182px;
    }

    .main #headerImage ul li {
        height: 182px;
    }

    .main #headerImage {
        width: 100%;
    }

    .main .ql {
        width: 50%;
        height: 50%;
    }

    .main .quicklinks {
        width: 100%;
        flex-direction: row;
        height: 260px;
    }

    #contentbereich .minigal .scrollable img {
        margin: 10px 15px 10px 0;
        width: 60px;
    }

    .itemsinnerwrap {
        max-width: 228px;
        padding: 0 36px;
    }

    .contentblocksmall,
    .contentblocksmallnone {
        width: 100% !important;
    }

    .contentblocksmall {
        margin-right: 0px;
        margin-left: 0px;
    }

    .contentblocksmallnone {
        margin-right: 0px;
        margin-left: 0px;
    }

    #contentbereich .contentblocksmall .ce-bodytext::before,
    #contentbereich .contentblocksmallnone .ce-bodytext::before {
        width: 200px;
        height: 200px;
        top: calc(50% - 100px);
        left: calc(50% - 100px);
    }

    #contentbereich .contentblocksmall h4,
    #contentbereich .contentblocksmallnone h4 {
        font-size: 20px;
        line-height: 21px;
        width: 180px;
        margin-left: calc(44% - 90px);
        top: 45px;
    }


    .main .ql a::before {
        left: calc(50% - 30px);
        top: calc(50% - 12px);
        transition: ease all 0.4s;
    }

    .main .ql a:hover::before {
        left: calc(50% - 21px);
        top: calc(50% - 21px);
    }

    #contentbereich h4 {
        font-size: 20px;
        line-height: 25px;
        margin: 0px 0 30px;
        padding-right: 0;
    }

    #contentbereich p {
        line-height: 20px;
        font-size: 17px;
    }

    #contentbereich .firstFont h4 {
        font-size: 25px;
        line-height: 30px;
        padding-right: 0px;
    }

    #contentbereich .firstFont p {
        font-size: 17px;
        line-height: 22px;
    }

    #contentbereich .contentbereichInfobox h4 {
        font-size: 20px;
        line-height: 25px;

    }

    #contentbereich ul li {
        font-size: 17px;
    }

    #contentbereich .contentbereichInfobox {
        padding: 20px 20px 20px;
        width: calc(100% - 40px);

    }

    #contentbereich .minigal a.right,
    #contentbereich .minigal a.left {
        top: 24px;
    }

    #contentbereich .minigal .scrollable {
        height: 72px;
    }

    #contentbereich .minigal .scrollWrap {
        height: 72px;
    }

    #navlinks {
        margin-right: calc(50% - 75px);
    }

    #kalenderOutlook .calTextDetailPicture {
        margin-right: 0px;
        width: 100%;
        margin-bottom: 25px;
    }

    .kalendertext {
        width: calc(100% - 38px);
        font-size: 15px;
        padding: 18px 0px 18px 20px;
    }

    #kalender .day {
        width: 100%;
        font-size: 13px;
    }

    #kalender .month {
        width: 100%;
        font-size: 13px;
    }

    #kalender .date {
        width: 12%;
    }

    #kalender .entry {
        width: 86%;
    }

    #contentbereich .contentbereichInfobox {
        width: calc(100% - 72px);
        margin-left: 0;
        max-width: unset;
    }

    li.menueebene4 a {
        background: none;
    }

    #wrap01 {
        margin-bottom: 20px;
    }

    .home #headerImage img {
        height: 246px;
    }

    .main #headerImage img {
        height: 182px;
    }

    /* Erg�nzung */
    #menue ul {
        flex-wrap: wrap;
        float: left;
        width: 100%;
        padding-right: 0;
    }

    #menue ul li ul.dropdownSlide {
        float: left;
        position: relative;
        left: 0;
        top: 0;
        width: 100%;
        padding: 0;
        height: auto;
    }

    #mainMenue #menue li.menueebene0Active>a,
    #mainMenue #menue li.menueebene1Active>a,
    #mainMenue #menue li.menueebene2Active>a,
    #mainMenue #menue li.menueebene3Active>a,
    #mainMenue #menue li.menueebene4Active>a,
    #mainMenue #menue li.menueebene0Active>a span,
    #mainMenue #menue li.menueebene1Active>a span,
    #mainMenue #menue li.menueebene2Active>a span,
    #mainMenue #menue li.menueebene3Active>a span,
    #mainMenue #menue li.menueebene4Active>a span {
        color: rgb(255, 255, 255);
        border: none;
    }

    #menue ul li:hover>a {
        color: rgb(255, 255, 255);
        border-bottom: 0;
        padding: 15px 18px 5px;
    }

    #dynamischeListe2 .teaserPicture {
        width: 100%;
    }

    #dynamischeListe2 .newsText {
        width: 100%;
        margin-top: 20px;
    }

    #dynamischeListe2 .date02 {
        max-width: 230px;
    }

    /*###### ResponsiveMainMen� ######*/
    #wrap.fade::after {
        width: 100%;
        height: 100%;
        content: "";
        position: absolute;
        left: 0;
        z-index: 99999999;
        top: 0;
        background: #000;
        opacity: 0.5;
    }

    .main-wrap {
        position: absolute !important;
    }

    #mainMenue {
        display: none;
        margin: 0;
        margin-top: 85px;
        width: 100%;
        height: auto;
    }

    body.fadeb {
        overflow: hidden;
    }

    #wrap.fade {
        overflow: hidden;
        position: absolute;
        right: -100%;
        width: 100%;
    }

    .nav_responsive {
        display: block;
        left: 18px;
        position: absolute;
        top: 38px;
        cursor: pointer;
    }

    .nav_responsive_activate,
    .nav_responsive_active {
        background: #b4c927 url(../images/mainMenueResponsive.png) no-repeat scroll -28px center;
        width: 47px;
        height: 47px;
    }

    .nav_responsive_active {
        background-position: 13px center;
    }

    #responsiveSidemenue.show {
        float: left;
        width: 100%;
        overflow-x: auto;
        display: block;
    }

    #responsiveSidemenue,
    #mainMenue.show {
        background: none repeat scroll 0 0;
        box-shadow: none;
        display: block;
        position: relative;
        z-index: 999;
        background-color: #fff;
    }

    #menue ul li.menueebene0Active,
    #menue ul li.menueebene1Active,
    #menue ul li.menueebene2Active,
    #menue ul li.menueebene3Active,
    #menue ul li.menueebene4Active {
        width: 100%;
        padding: 0;
    }

    #menue ul li ul li a {
        font-size: 16px;
        margin-bottom: 0;
        padding: 5px 2% 5px 10% !important;
        text-decoration: none;
        width: 88% !important;
        border: 0;
        border: none !important;
        line-height: 27px;
    }

    #menue ul li ul li.sub a {}

    #menue li.nosub:hover,
    #menue li.sub:hover {
        background: #fff;
    }

    #menue ul li ul li a:hover {
        font-weight: normal;
    }

    #menue ul.menueebene0Sub.dropdownSlide li {
        overflow: hidden;
        background: #5396df;
    }

    #menue ul.menueebene0Sub.dropdownSlide li:hover,
    #menue ul.menueebene0Sub.dropdownSlide li.active {}


    #menue ul li a::after {
        content: '';
        background: url(../images/next.png) no-repeat center;
        position: absolute;
        left: calc(95% - 12px);
        top: calc(50% - 13px);
        width: 16px;
        height: 26px;
        transform: none;
        transition: ease all 300ms;
    }

    #menue ul li a.open::after {
        content: '';
        background: url(../images/next.png) no-repeat center;
        position: absolute;
        left: calc(95% - 12px);
        top: calc(50% - 13px);
        width: 16px;
        height: 26px;
        transform: rotate(90deg);
        transition: ease all 300ms;
    }

    #menue ul li ul li.active.open a::after {
        content: '';
        background: url(../images/next.png) no-repeat center;
        position: absolute;
        left: calc(95% - 12px);
        top: calc(50% - 13px);
        width: 16px;
        height: 26px;
        transform: none;
        transition: ease all 300ms;
    }

    #menue ul li ul li.active a::after {
        content: '';
        background: url(../images/next.png) no-repeat center;
        position: absolute;
        left: calc(95% - 12px);
        top: calc(50% - 13px);
        width: 16px;
        height: 26px;
        transform: rotate(90deg);
        transition: ease all 300ms;
    }

    #menue ul li ul li ul li a::after {
        display: none;
    }

    #menue ul li ul li.nosub a::after {
        content: '';
        background: none !important;
        position: unset;
    }

    #menue ul#nav li ul li ul li a:hover,
    #menue ul#nav li ul li ul li a.l3-act {
        background: none !important;
    }

    #menue ul#nav li ul li.sub ul li a {
        background: none !important;
        color: #000 !important;
    }

    #menue ul li a {
        border: 0 none;
        height: auto;
        text-align: left;
        transition: ease all 300ms;
        position: relative;
        width: calc(100% - 36px);
        line-height: 40px;
        font-size: 18px;
        color: #fff;
        font-family: 'Quicksand_Bold';
        padding: 15px 18px 5px;
    }

    #menue ul li:hover,
    #menue ul li.menueebene0Active,
    #menue ul li.menueebene1Active,
    #menue ul li.menueebene2Active,
    #menue ul li.menueebene3Active,
    #menue ul li.menueebene4Active,
    #menue ul li.menueebene5Active,
    #menue ul li.menueebene6Active {}

    #menue ul li ul li a:hover,
    #menue ul li.menueebene0Active ul li a:hover,
    #menue ul li.menueebene1Active ul li a:hover,
    #menue ul li.menueebene2Active ul li a:hover,
    #menue ul li.menueebene3Active ul li a:hover,
    #menue ul li.menueebene4Active ul li a:hover {
        border-bottom: 0 none;
        height: auto;
    }

    #menue ul li:hover a,
    #menue ul li a:hover,
    #menue ul li.menueebene0Active a,
    #menue ul li.menueebene0Active a:hover,
    #menue ul li.menueebene1Active a,
    #menue ul li.menueebene1Active a:hover,
    #menue ul li.menueebene2Active a,
    #menue ul li.menueebene2Active a:hover,
    #menue ul li.menueebene3Active a,
    #menue ul li.menueebene3Active a:hover,
    #menue ul li.menueebene4Active a,
    #menue ul li.menueebene4Active a:hover,
    #menue ul li.menueebene0Active a,
    #menue ul li.menueebene1Active a,
    #menue ul li.menueebene2Active a,
    #menue ul li.menueebene3Active a,
    #menue ul li.menueebene4Active a {}

    #menue ul li ul li a:hover,
    #menue ul li.menueebene0Active ul li a:hover,
    #menue ul li.menueebene1Active ul li a:hover,
    #menue ul li.menueebene2Active ul li a:hover,
    #menue ul li.menueebene3Active ul li a:hover,
    #menue ul li.menueebene4Active ul li a:hover,
    #menue ul li ul li a.active {
        height: auto;
    }

    #menue ul li ul li ul li:hover a,
    #menue ul li ul li ul li a.l3-act {}

    #menue ul li ul li ul {
        background: none repeat scroll 0 0;
        display: none;
        left: 0 !important;
        margin: 3px 16%;
        right: auto !important;
        width: 68.3%;
    }



    #menue,
    #menue ul {
        height: 100%;
    }

    #menue ul li {
        margin-left: 0 !important;
        width: 100%;
        height: auto;
        padding: 0;
        border-left: 0;
        background: #b4c927;
        border-right: 0;
        border: none;
        box-shadow: none;
    }


    #menue ul li ul li a:hover,
    #menue ul li ul li a.act,
    #menue ul li ul li.active a.active {
        color: #eeba4d;
    }

    menue ul li ul li a.pfeilSub {
        background: none repeat scroll 0 0;
        border: medium none;
        text-transform: none;
        float: left;
        font-size: 16px;
        margin: 0;
        padding: 7px 0;
        width: 100%;
        text-align: left;
    }

    #menue ul ul li.sub ul {
        /* margin-left: 8%; */
        /* margin-right: 8%; */
        width: 100%;
        margin: 0;
        border: 0;
    }

    #menue ul li ul li ul li {
        border: 0;
        background: none !important;
    }

    #menue ul li ul li ul li:hover {
        background: #eeba4d !important;
    }

    #responsiveSidemenue.show #mainMenue.show #menue ul#nav.dropdown li.menueebene1Active ul.menueebene0Sub.dropdownSlide li.sub ul li {
        color: #000;
    }

    #responsiveSidemenue.show #mainMenue.show #menue ul#nav.dropdown li.menueebene1Active ul.menueebene0Sub.dropdownSlide li.sub ul li a.l3-act {
        color: #EBEBEB;
    }

    #menue ul#nav ul,
    #menue ul#nav li:hover>ul,
    #menue ul#nav ul ul,
    #menue ul#nav ul li:hover>ul {
        display: none;
        visibility: hidden;
    }

    #menue ul#nav li:hover ul {
        display: none;
    }

    #menue ul#nav li.menueebene0Active>ul,
    #menue ul#nav li.menueebene0Active ul li,
    #menue ul#nav li.menueebene1Active>ul,
    #menue ul#nav li.menueebene1Active ul li,
    #menue ul#nav li.menueebene2Active>ul,
    #menue ul#nav li.menueebene2Active ul li,
    #menue ul#nav li.menueebene3Active>ul,
    #menue ul#nav li.menueebene3Active ul li,
    #menue ul#nav li.menueebene4Active>ul,
    #menue ul#nav li.menueebene4Active ul li,
    #menue ul#nav li.menueebene0Active ul li.active>ul,
    #menue ul#nav li.menueebene0Active ul li.active ul li,
    #menue ul#nav li.menueebene1Active ul li.active>ul,
    #menue ul#nav li.menueebene1Active ul li.active ul li,
    #menue ul#nav li.menueebene2Active ul li.active>ul,
    #menue ul#nav li.menueebene2Active ul li.active ul li,
    #menue ul#nav li.menueebene3Active ul li.active>ul,
    #menue ul#nav li.menueebene3Active ul li.active ul li,
    #menue ul#nav li.menueebene4Active ul li.active>ul,
    #menue ul#nav li.menueebene4Active ul li.active ul li {
        display: block;
        visibility: visible;
    }

    #menue ul li ul li {
        display: none;
    }

    #menue ul li ul {
        border: medium none;
        float: left;
        margin: 0;
        padding: 0;
        position: static;
        width: 100%;
        min-height: auto;
    }

    #menue ul li ul li {
        display: none;
        float: left;
        margin: 0 !important;
        visibility: visible;
        border: 0;
        width: 100%;
        padding: 0;
        background: #5396df;
    }


    #menue ul#nav li ul li.sub ul li a {
        background: url("../images/mnu.png") no-repeat scroll 44px 10px;
        border: medium none !important;
        color: #fff !important;
        float: left;
        font-size: 15px !important;
        height: auto;
        line-height: 29px;
        margin: 0;
        padding: 3px 9px 5px 61px !important;
        text-align: left;
        text-decoration: none;
        text-transform: none;
        width: calc(100% - 70px) !important;
    }

    #menue ul#nav li ul li ul li a:hover,
    #menue ul li ul li ul li a.l3-act,
    #menue ul#nav li ul li.sub ul li a.act {
        color: #ffffff !important;
        background: #eeba4d !important;
    }

    #menue ul.menueebene0Sub.dropdownSlide li ul li:hover {}

    #menue ul li ul li a {
        font-size: 18px !important;
    }


    /*#### TEMPLATE ####*/
    /*######################################*/
    .kalenderFilterOption .rahmen {
        width: 100%;
    }

    #kalenderOption .kalenderansichtBtn.btnActive,
    #kalenderOption .kalenderansichtBtn.btnActive:hover,
    #kalenderOption .listenansichtBtn.btnActive,
    #kalenderOption .listenansichtBtn.btnActive:hover,
    #kalenderOption .icsBtn,
    #kalenderOption .pdfBtn,
    #kalenderOption .icsBtn:hover,
    #kalenderOption .pdfBtn:hover {
        background-position: bottom 10px right 10px;
    }

    #kalenderClassic .optionHeadline {
        float: none;
        text-align: center;
    }

    #contentbereich .kalenderFilterOption ul.checkboxSplitterKalender li,
    .kalenderFilterOption ul.checkboxSplitterKalender li {
        width: 100%;
    }

    #outlookCal .calendarOutlookDetail {
        width: 239px;
    }

    .publishnews img {
        max-width: 100% !important;
        height: auto;
    }

    #infoboxbereich .clickenlarge-0 h4,
    #infoboxbereich .clickenlarge-1 h4 {
        margin-right: 7%;
    }

    .fc-toolbar .fc-right {
        margin-bottom: 20px !important;
    }

    #kalenderOption .kalenderBtn {
        margin: 5px 0;
        min-height: 40px;
        padding: 5px 139px 5px 2%;
        width: 135px;
        font-size: 15px;
    }

    /*### FORM ###*/
    .formleft,
    .formright {
        width: 100%;
    }

    .formobjektsmall {
        width: 97% !important;
    }

    ul.schadensmeldung li {
        width: 50%;
    }

    .formobjektkleinVeranstaltung {
        width: 97.4%;
    }

    #contentbereich .export {
        width: 95.5%;
    }

    #kalender .list {
        float: none;
        margin: 0 auto;
        max-width: 341px;
        padding: 0;
        width: 100%;
    }

    #searchSuche.formobjekt {
        max-width: 100%;
    }


    /*### FOTO ###*/
    #photoListe ul li {
        width: 100%;
    }

    #album ul li {
        width: auto;
    }

    /*BILDER*/
    #kalender .picturekalender {
        width: 100%;
        text-align: center;
        background: #f6f6f6;
    }

    .ce-textpic .ce-gallery .ce-column {
        float: left;
        text-align: center;
        width: auto !important;
    }

    #homelayout02 .ce-textpic .ce-gallery .ce-column {
        float: left;
        text-align: center;
    }

    .ce-textpic.ce-center:not(.ce-intext) .ce-gallery .ce-column {
        display: inline;
        margin-left: 0px;
    }

    .ce-gallery {
        text-align: center !important;
        width: 100% !important;
        margin-bottom: 20px;
    }

    .clickenlarge-1 .image-caption,
    .clickenlarge-0 .image-caption {}

    /*LIGTHBOX*/
    #lbOuterImageContainer {
        height: auto !important;
        width: 100% !important;
    }

    #lbLightbox img {
        width: 100% !important;
    }

    #prevLink,
    #nextLink {
        height: 100% !important;
    }

    #lbImageDataContainer {
        width: 100% !important;
    }

    .clickenlarge-1 .image-caption {}

    .contentbereichInfobox .typo3-editPanel {
        width: 163px;
    }

    .contentbereichInfobox .ce-gallery {
        width: 40% !important;
    }

    .contentbereichInfobox .ce-row {
        float: right;
        margin-right: 2px;
        margin-top: -54px;
        width: 93%;
    }


}