/* common styles */

.responsivenavi {
    display: none;
}

.activatesub {
    display: none;
}

#headerImage #headerImages .headerImage {
    overflow: hidden;
}

#responsiveSidemenue {
    display: none;
}

html,
body {
    height: 100%;
}

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

/* Tablet Portrait size to standard 960 (devices and browsers) */

@media only screen and (min-width: 1511px) and (max-width: 1700px) {

    .home-wrap #logo {
        top: 411px;
        right: 263px;
    }


    #headerImage .bx-controls-direction {
        bottom: 50px;
        margin-left: -198px;
    }

    #quicklinks #ql02 {
        width: 47%;
        margin-top: 44px;
    }

    #ql02:hover {
        width: 47% !important;
        margin-top: 44px !important;

    }

    #ql01:hover {
        height: 444px !important;
    }

    #homenews .teaserPicture {
        margin-right: 11px;
    }

    Element {
        display: none;
    }

    #navlinks {
        width: 18.9%;
        margin-right: -347px;
        margin-bottom: 7px;
    }

    .home-wrap #ortsplan h4 {
        width: 294px;
        right: 237px;
    }
    #ortsplan {
        height: 134px;
    }


}

/* Tablet Portrait size to standard 960 (devices and browsers) */

@media only screen and (min-width: 1281px) and (max-width: 1510px) {

    .home-wrap #logo {
        right: 229px;
    }

    #quicklinks #ql02 {
        width: 47%;
        margin-top: 22px;

    }

    .home-wrap #ortsplan p {
        left: -78px;
    }

    .home-wrap #ortsplan h4 {
        width: 294px;
        right: 107px;
    }

    #mainMenueSub li ul li {
        margin-right: 1.5%;
        margin-left: 4px;
    }

    #ql02:hover {
        width: 47% !important;
        margin-top: 22px !important;
    }

    #headerImage .bx-controls-direction {
        bottom: 57px;
        margin-left: -203px;
    }

    #ql01:hover {
        height: 444px !important;
    }

    #navlinks {
        width: 24.9%;
        margin-right: -399px;
        margin-bottom: 2px;
    }


    #logo {
        right: 166px;
    }
    #ortsplan {
        height: 115px;
    }




}

/* Tablet Portrait size to standard 960 (devices and browsers) */

@media only screen and (min-width: 1025px) and (max-width: 1280px) {
    #content #contentbereich .wrapInner .objBtn {
        width: 31.4%;
    }

    .contentElement {
        width: 93%;
    }

	#contentbereich .contentLeft {
		margin-right: 2%;
	}




    .alles-main {
        width: 97.4%;
    }

    #homenews .alles-main {
        max-width: 928px;
    }

    .home-wrap #logo {
        top: 290px;
        right: 105px;
    }

    #resp {
        width: 19.4%;
    }

    #homenews a.bx-next {
        right: -35px;
    }

    #mainMenueSub li ul li {
        margin-right: 2.5%;
        s margin-left: 4px;
    }

    #homenews a.bx-prev {
        left: -35px;
    }

    #headerImage .bx-controls-direction {
        bottom: 58px;
        margin-left: -285px;
    }

    #quicklinks #ql02 {
        width: 47%;
        margin-top: 7px;

    }

    #ql02:hover {
        width: 47% !important;
        margin-top: 7px !important;
    }

    #ql01:hover {
        height: 444px !important;
    }

    #homenews .teaserPicture {
        margin-right: 20px;
    }



    #ortsplan p {
        width: 320px;	
     left: -102px;
    }

    .home-wrap #ortsplan h4 {
        width: 29.5%;
        right: 28px;
    }

    #resp {
        margin-right: 120px;
        width: 172px;
    }

    #menuequick {
        width: 428px;
        margin-left: 560px;
        margin-top: -26px;
    }

    #logo3 {
        margin-right: 72px;
    }

    #kontrast-alles {
        margin-right: 24px;
        width: 12.5%;
    }

    #schrift {
        width: 17.3%;
        margin-right: 29px;
    }

    #headerImage a.bx-next,
    #headerImage a.bx-prev {
        margin-top: -18px;

    }

    #logo {
        bottom: 11px;
        right: 113px;
    }

    #navlinks {
        bottom: 177px;
        width: 33.9%;
        margin-right: -71px;
    }

    #menue ul li ul li a:hover::after {
        background: #dc092f none repeat scroll 0 0;
    }

    #mainMenue {
        float: left;
        position: relative;
        width: 86.3%;
        z-index: 140;
        margin-left: -8px;
    }

    #menue ul li.menueebene2,
    #menue ul li.menueebene2Active {
        height: 67px;
    }
    #mainMenueSub ul li ul {
        float: left;
        padding: 35px 10px 0 10px;
        width: calc(100% - 20px);
    }
    #ortsplan {
        height: 86px;
    }
    .main-wrap #ortsplan a {
        bottom: 624px;
    }
    #homenews li h4 a {
        font-size: 16px;
    }



}

/* Tablet Portrait size to standard 960 (devices and browsers) */

@media only screen and (min-width: 945px) and (max-width: 1024px) {
    #wrap.fade,
    #bg1.fade,
    #bg2.fade {
        height: 100%;
        overflow: hidden;
        position: absolute;
        right: -56%;
        width: 100%;
    }
    .contentElement {
        width: calc(100% - 20px);
        padding: 0px 10px;
    }

    #contentbereich .contentLeft {
		margin-right: 2%;
}

    #header01 {
            display: none;
    }
#homenews li h4 a {
    font-size: 16px;
}
.alles-main {
    width: calc(100% - 30px);
    padding-left: 30px;
}
    #mainMenue {
        float: right;
        width: 91.8%;
        margin-top: -69px;
    }
    #homenews .bx-wrapper {
        max-width: 615px !important;
    }
    #suche {
        float: right;
        margin-right: 20px;
        width: 60px;
    }

    .home-wrap #logo {
        right: 99px;
    }

    #headerImage .bx-controls-direction {
        bottom: 67px;
    }

    #headerImage a.bx-prev {
        margin-left: 7px;
    }

    #headerImage a.bx-next {
        margin-left: 37px;
    }

    #quicklinks #ql02 {
        width: 48%;
        margin-top: 1px;
    }

    #ql02:hover {
        width: 48% !important;
        margin-top: 1px !important;

    }

    #ql01:hover {
        height: 444px !important;

    }

    #homenews .teaserPicture {
        height: 170px;
    }
    #homenews .teaserText {
        width: 39%;
    }

    .home-wrap #ortsplan p {
        left: -35px;
    }

    .home-wrap #ortsplan h4 {
        width: 32.5%;
        margin-right: -184px;
		
    }



    .home-wrap #ortsplan p {
        left: -11px;
    }

    #home {
        width: 60px;
        float: right;
    }

    #zeiten {
        float: right;
        margin-right: 7px;
    }

    #kontakt {
        margin-left: 18px;
    }

    #menuequick {
        width: 428px;
        margin-left: 536px;
        margin-top: 6px;
        float: none;
        margin: 0 auto;
    }

    #schrift {
        margin-right: 7px;
        width: 16.3%;
    }

    #kontrast-alles {
        margin-right: 7px;
        margin-left: 11px;
        width: 11.5%;
    }
    #menuequick {
        width: 926px;
    }

    a#kontrast,
    #resp a,
    #schrift a {
        font-size: 17px;
    }

    #logo3 {
        margin-right: 52px;
    }

    resp {
        width: 15.6%;
        margin-right: 21px;
    }

    #logo1 {
        margin-left: 8px;
    }

    #navlinks {
        bottom: 168px;
        right: 351px;
        width: 30.9%;
    }

    #logo {
        bottom: 15px;
        right: 117px;
    }

    #contentbereich .ce-textpic .ce-gallery .ce-column {
        float: none;
        width: 99%;
        margin: 0 auto;
        margin-right: auto;
    }

    #contentbereich .ce-textpic.ce-textpic.ce-center:not(.ce-intext).ce-textpic.ce-below:not(.ce-intext) .ce-gallery[data-ce-rows="1"].ce-gallery[data-ce-rows="1"] .ce-row .ce-row,
    #contentbereich .ce-textpic.ce-textpic.ce-center:not(.ce-intext).ce-textpic.ce-below:not(.ce-intext) .ce-gallery[data-ce-rows="1"] .ce-row .ce-column {

        margin-right: auto;
    }

    #contentbereich .firstFont {
        margin-top: 78px;
    }

    #menue ul li ul li a:hover::after {
        background: #dc092f none repeat scroll 0 0;
    }
    #mainMenueSub ul li ul {
        float: left;
        padding: 35px 10px 0 10px;
        width: calc(100% - 20px);
    }
    #ortsplan {
        height: 83px;
    }
    .main-wrap #ortsplan a {
    bottom: 610px;
}
    /*###### ResponsiveMainMenü ######*/
    .nav_responsive {
        display: block;
        left: 0;
        position: absolute;
        top: 0;
        cursor: pointer;
        z-index: 999999999;
    }
    .nav_responsive_activate,
    .nav_responsive_active {
        background: #cd1417 url(../images/mainMenueResponsive.png) no-repeat scroll -28px center;
        width: 50px;
        height: 45px;
    }
    .nav_responsive_active {
        background-position: 13px center;
    }
    #responsiveSidemenue.show {
        float: left;
        height: 100%;
        width: 50%;
        overflow-x: auto;
        display: block;
    }
    #responsiveSidemenue,
    #mainMenue.show {
        display: block;
        position: relative;
        z-index: 9999999;
    }
    #menue ul li.menueebene0Active,
    #menue ul li.menueebene0:hover,
    #menue ul li.menueebene1Active,
    #menue ul li.menueebene1:hover,
    #menue ul li.menueebene2Active,
    #menue ul li.menueebene2:hover,
    #menue ul li.menueebene3Active,
    #menue ul li.menueebene3:hover,
    #menue ul li.menueebene4Active,
    #menue ul li.menueebene4:hover,
    #menue ul li.menueebene5Active,
    #menue ul li.menueebene5:hover,
    #menue ul li.hover {
        background-color: #cd1417;
    }

    #menue ul li ul li a {
        background-image: none !important;
        color: #101025 !important;
    }
    #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.hover a {
        box-shadow: none;
        background: #cd1417;
    }
    #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 {
        border-bottom: medium none;
        background: #A7A7A7;
    }
    #menue ul li ul li a:hover,
    #menue ul li ul li a.ebene2.act {
        color: #cd1417 !important;
        background: #A7A7A7;
    }
    #menue ul li ul li a:hover {
        color: #cd1417;
    }
    #menue ul li ul li ul li:hover a,
    #menue ul li ul li ul li a.l3-act {
        color: #5a7939 !important;
    }
    #menue ul li ul li ul {
        background: none repeat scroll 0 0;
        display: none;
        left: 0 !important;
        right: auto !important;
        width: 68.3%;
    }
    #menue ul#nav li ul li.sub ul li a {
        background-position: 15px center !important;
        background-repeat: no-repeat;
        border: 0 none;
        font-size: 15px;
        line-height: 19px;
        margin: 0;
        width: 81%;
    }
    #menue ul#nav li ul li ul li a:hover,
    #menue ul li ul li ul li a.l3-act,
    #menue ul li ul li.sub ul li a:hover,
    #menue ul li ul li.sub.active ul li a.act {
        background-color: transparent !important;
        font-weight: 600;
        color: #cd1417 !important;
        text-shadow: none;
    }
    #menue ul li.menueebene0Active a,
    #menue ul li.menueebene0:hover a,
    #menue ul li.menueebene1Active a,
    #menue ul li.menueebene1:hover a,
    #menue ul li.menueebene2Active a,
    #menue ul li.menueebene2:hover a,
    #menue ul li.menueebene3Active a,
    #menue ul li.menueebene3:hover a,
    #menue ul li.menueebene4Active a,
    #menue ul li.menueebene4:hover a {
        border: 0 none !important;
        color: #fff;
    }
    #mainMenueAlles,
    #mainMenue {
        display: none;
        margin-top: 0;
        width: 100%;
    }
    #menue,
    #menue ul {
        height: 100%;
        padding: 0;
    }
    .buerger #menue ul li {
        width: 100% !important;
    }
    #menue ul li {
        background: #cd1417;
        border-bottom: 1px solid #fff;
        width: 100% !important;
        height: auto;
        padding: 0;
        margin: 0 !important;
    }
    #menue {
        margin-top: 45px;
    }
    #menue ul li ul li.sub:hover::after,
    #menue ul li ul li.sub.open::after,
    #menue ul li ul li.sub::after {
        right: 20px;
    }

    #menue ul li ul li a:hover,
    #menue ul li ul li a.act,
    #menue ul li ul li.active a.active {
        background-color: #fff !important;
        color: #cd1417 !important;
    }
    #menue ul li ul li.sub.active ul li a.act {
        color: #cd1417 !important;
    }
    #menue ul li ul li a,
    #menue ul li ul li.sub a {
        background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
        border: 0 none;
        color: #fff;
        float: left;
        font-size: 17px;
        margin: 0;
        padding: 8px 8% 8px 11% !important;
        text-align: center;
        text-transform: none;
        width: 81%;
        border: 0 !important;
        text-shadow: none;
    }
    #menue ul ul li.sub ul {
        width: 84%;
    }
    #menue ul li ul li ul li {
        border-bottom: 0 none;
        width: 100%;
    }
    #menue ul li ul li ul li a {
        color: #fff;
    }
    #responsiveSidemenue.show #mainMenue.show #menue ul#nav.dropdown li.menueebene1Active ul.menueebene0Sub.dropdownSlide li.sub ul li {
        background: transparent;
        color: #999933;
    }
    #responsiveSidemenue.show #mainMenue.show #menue ul#nav.dropdown li.menueebene1Active ul.menueebene0Sub.dropdownSlide li.sub ul li a.l3-act {
        color: #999933;
    }
    #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;
        border: 0;
        width: 100%;
    }
    #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 !important;
        visibility: visible;
        border-left: 0;
        width: 100%
    }
    #menue ul li a {
        background: none repeat scroll 0 0;
        border: 0 none;
        color: #fff;
        font-size: 21px;
        padding: 8px 0;
        text-align: center;
        width: 100%;
    }
    #menue ul li a:hover,
    #menue ul li a.hover {
        padding-bottom: 8px;
    }
    #menue ul li ul li {
        display: none;

    }
    #menue ul li ul {
        border: medium none;
        float: left;
        margin: 0;
        min-height: auto;
        padding: 0;
        position: static;
        width: 100%;
        background: #c4c4c4;
    }
    #menue ul li ul li {
        background: #F2F2F2;
        display: none;
        float: left;
        margin: 0 !important;
        visibility: visible;
        width: 100%;
        padding: 0;
    }


}

/* Tablet Portrait size to standard 960 (devices and browsers) */

@media only screen and (min-width: 768px) and (max-width: 944px) {
    /*CONTENTSEITE*/
    .contentElement {
        width: 93%;
    }
    #contentbereich .detailNeu #detailcontentpictures {
        height: 333px;
        width: 63%;
    }

    #contentbereich h4 {
        margin-top: 190px;
    }

    #footer-bank {
        padding-left: 23px;
        padding-right: 23px;
    }


    #ortsplan {
        float: left;
        width: 100%;
        height: 82px;
    }

    #contentbereich .contentRight {
        margin-top: 0;
        width: 284px;
    }


    #contentbereich .wrapInner p.objHead {
        font-size: 13px;
    }

    #content #contentbereich .wrapInner .objBtn {
        margin-right: 3px;
    }

    #contentbereich .firstFont p {
        margin-top: 28px;
    }
    #home {
        display: none;
    }

    #suche {
        display: none;
    }

    .home-wrap #logo {
        top: 289px;
        right: 48px;
    }

    #sliderbg {
        bottom: 20px;
    }

    #headerImage .bx-controls-direction {
        bottom: 82px;
        margin-left: -322px;
    }

    #quicklinks #ql01 {
        width: 100%;
        margin-bottom: -153px;
    }

    #ql01:hover {
        height: 444px !important;
        width: 100% !important;

    }

    #zeiten h4 {
        margin-bottom: 32px;
    }

    #zeiten {
        margin-top: 113px;
        margin-right: 9px;
    }

    td {
        width: 129px;
    }

    #ql02 {
        width: 100%;
        margin: 15px auto;
    }

    #ql02:hover {
        width: 100% !important;

    }

    #quicklinks #ql02 {
        width: 100%;
    }

    #ql03 p,
    #ql03 h4 {
        margin-left: 44px;
    }

    .home-wrap #ortsplan h4 {
        width: 294px;
        margin-right: -138px;
        bottom: -69px;
    }

    .home-wrap #ortsplan p {
        margin-right: -138px;
        bottom: -131px;
    }

    #footer {
        font-size: 15px;
    }

    #kontakt {
        margin-top: 114px;
        margin-left: 23px;
    }

    #homenews .teaserPicture img {
        margin-top: 11px;
    }

    #kontrast-alles {
        margin-right: 9px;
        width: 99px;
        margin-left: 16px;
    }

    #schrift {
        margin-right: 9px;
        width: 141px;
        top: 3px;
    }

    #schrift img {
        padding-top: 0px;
    }

    #schrift a,
    a#kontrast,
    #resp a,
    #menuequick a {
        font-size: 15px;
    }

    #menuequick {
        width: 100%;
        float: none;
        top: 2px;
    }

    #resp {
        width: 18.4%;
        margin-right: 17px;
        top: -4px;
    }

    #logo3 {
        margin-right: 56px;
    }

    #logo2 {
        margin-right: -21px;
    }
    #logo1 {
        margin-left: 12px;
    }
    #homenews .bx-wrapper {
        max-width: 690px !important;
    }
    #homenews .teaserPicture {
        height: 170px;
    }

    #homenews .bx-controls-direction {
        bottom: 114px;
        left: -9px;
    }
    #homenews a.bx-prev,
    #homenews a.bx-next {
        margin-top: 32px;
    }

    #homenews a.bx-prev {
        left: -19px;
    }

    #homenews a.bx-next {
        right: -30px;
    }

    #navlinks {
        bottom: 160px;
        right: 6px;
        width: 38%;
    }

    #nachOben {
        width: 114px;
    }

    #logo {
        bottom: 21px;
        right: 40px;
    }
#content #contentbereich #search2Block #form1 {
    clear: both;
    width: calc(100% - 20px);
    padding: 0 10px;
    margin-left: 0px !important;
}
    #contentbereich .ce-textpic .ce-gallery .ce-column {
        float: none;
        width: 99%;
        margin: 0 auto;
        margin-right: auto;
    }

    #contentbereich .ce-textpic.ce-textpic.ce-center:not(.ce-intext).ce-textpic.ce-below:not(.ce-intext) .ce-gallery[data-ce-rows="1"].ce-gallery[data-ce-rows="1"] .ce-row .ce-row,
    #contentbereich .ce-textpic.ce-textpic.ce-center:not(.ce-intext).ce-textpic.ce-below:not(.ce-intext) .ce-gallery[data-ce-rows="1"] .ce-row .ce-column {

        margin-right: auto;
    }

    #contentbereich p {
        margin-left: 7px;
    }

    #contentbereich .firstFont {
        margin-top: 78px;
    }

    .calendarOutlook {
        max-width: 94% !important;
    }

    #contentbereich .kalenderFilterOption {
        width: calc(92% - 60px);
        margin-left: 30px;
    }

    #kalenderOption .kalenderBtn {
        padding: 8px 35px 14px 10px;
        width: 16%;
    }

    .kalenderBtn.kalenderansichtBtn.btnActive {
        margin-left: 25px;
    }

    #menue ul li ul li a:hover::after {
        background: #dc092f none repeat scroll 0 0;
    }
	#contentbereich #kalenderOutlook input#btnSearchDatePickerMenu {
    width: 26%;
}
#kalenderOutlook .calTextDetailItem {
    padding: 0 10px 17px 10px;
    width: calc(100% - 20px);
}






















    #contentbereich .minigal {
        float: none;
        margin: 10px auto;
        width: 100%;
        max-width: 573px;
    }
    #contentbereich .minigal .clickenlarge-0 {
        width: 21.1%;
    }
    #contentbereich .minigal .scrollWrap,
    #contentbereich .minigal .scrollable {
        height: 290px;
    }
    .itemsinnerwrap {
        height: 304px;
        padding: 18px 0 0;
        width: 100%;
    }
    #contentbereich .minigal .ce-column FIGURE,
    #contentbereich .minigal .ce-column {
        margin-bottom: 4px !important;
        margin-top: 0;
        width: 84px;
    }
    body.fadeb {
        background-position: center top !important;
        overflow: hidden;
    }
    #wrap.fade,
    #bg1.fade,
    #bg2.fade {
        height: 100%;
        overflow: hidden;
        position: absolute;
        right: -71%;
        width: 100%;
    }

    body.fadeb {
        overflow: hidden;
    }
    #contentbereich .detailNeu #detailcontact {
        width: calc(37% - 60px) !important;
        float: none;
        margin: 0 auto;
    }
    /*###### ResponsiveMainMenü ######*/
    #mainMenueSub {
        display: none;
    }
    .nav_responsive {
        display: block;
        left: 0;
        position: absolute;
        top: 0;
        cursor: pointer;
        z-index: 999999999;
    }
    .nav_responsive_activate,
    .nav_responsive_active {
        background: #cd1417 url(../images/mainMenueResponsive.png) no-repeat scroll -28px center;
        width: 50px;
        height: 45px;
    }
    .nav_responsive_active {
        background-position: 13px center;
    }
    #responsiveSidemenue.show {
        float: left;
        height: 100%;
        width: 61%;
        overflow-x: auto;
        display: block;
    }
    #responsiveSidemenue,
    #mainMenue.show {
        display: block;
        position: relative;
        z-index: 9999999;
    }
    #menue ul li.menueebene0Active,
    #menue ul li.menueebene0:hover,
    #menue ul li.menueebene1Active,
    #menue ul li.menueebene1:hover,
    #menue ul li.menueebene2Active,
    #menue ul li.menueebene2:hover,
    #menue ul li.menueebene3Active,
    #menue ul li.menueebene3:hover,
    #menue ul li.menueebene4Active,
    #menue ul li.menueebene4:hover,
    #menue ul li.menueebene5Active,
    #menue ul li.menueebene5:hover,
    #menue ul li.hover {
        background-color: #cd1417;
    }

    #menue ul li ul li a {
        background-image: none !important;
        color: #101025 !important;
    }
    #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.hover a {
        box-shadow: none;
        background: #cd1417;
    }
    #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 {
        border-bottom: medium none;
        background: #A7A7A7;
    }
    #menue ul li ul li a:hover,
    #menue ul li ul li a.ebene2.act {
        color: #cd1417 !important;
        background: #A7A7A7;
    }
    #menue ul li ul li a:hover {
        color: #cd1417;
    }
    #menue ul li ul li ul li:hover a,
    #menue ul li ul li ul li a.l3-act {
        color: #5a7939 !important;
    }
    #menue ul li ul li ul {
        background: none repeat scroll 0 0;
        display: none;
        left: 0 !important;
        right: auto !important;
        width: 68.3%;
    }
    #menue ul#nav li ul li.sub ul li a {
        background-position: 15px center !important;
        background-repeat: no-repeat;
        border: 0 none;
        font-size: 15px;
        line-height: 19px;
        margin: 0;
        width: 81%;
    }
    #menue ul#nav li ul li ul li a:hover,
    #menue ul li ul li ul li a.l3-act,
    #menue ul li ul li.sub ul li a:hover,
    #menue ul li ul li.sub.active ul li a.act {
        background-color: transparent !important;
        font-weight: 600;
        color: #cd1417 !important;
        text-shadow: none;
    }
    #menue ul li.menueebene0Active a,
    #menue ul li.menueebene0:hover a,
    #menue ul li.menueebene1Active a,
    #menue ul li.menueebene1:hover a,
    #menue ul li.menueebene2Active a,
    #menue ul li.menueebene2:hover a,
    #menue ul li.menueebene3Active a,
    #menue ul li.menueebene3:hover a,
    #menue ul li.menueebene4Active a,
    #menue ul li.menueebene4:hover a {
        border: 0 none !important;
        color: #fff;
    }
    #mainMenueAlles,
    #mainMenue {
        display: none;
        margin-top: 0;
        width: 100%;
    }
    #menue,
    #menue ul {
        height: 100%;
        padding: 0;
    }
    .buerger #menue ul li {
        width: 100% !important;
    }
    #menue ul li {
        background: #cd1417;
        border-bottom: 1px solid #fff;
        width: 100% !important;
        height: auto;
        padding: 0;
        margin: 0 !important;
    }
    #menue {
        margin-top: 45px;
    }
    #menue ul li ul li.sub:hover::after,
    #menue ul li ul li.sub.open::after,
    #menue ul li ul li.sub::after {
        right: 20px;
    }

    #menue ul li ul li a:hover,
    #menue ul li ul li a.act,
    #menue ul li ul li.active a.active {
        background-color: #fff !important;
        color: #cd1417 !important;
    }
    #menue ul li ul li.sub.active ul li a.act {
        color: #cd1417 !important;
    }
    #menue ul li ul li a,
    #menue ul li ul li.sub a {
        background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
        border: 0 none;
        color: #fff;
        float: left;
        font-size: 17px;
        margin: 0;
        padding: 8px 8% 8px 11% !important;
        text-align: center;
        text-transform: none;
        width: 81%;
        border: 0 !important;
        text-shadow: none;
    }
    #menue ul ul li.sub ul {
        width: 84%;
    }
    #menue ul li ul li ul li {
        border-bottom: 0 none;
        width: 100%;
    }
    #menue ul li ul li ul li a {
        color: #fff;
    }
    #responsiveSidemenue.show #mainMenue.show #menue ul#nav.dropdown li.menueebene1Active ul.menueebene0Sub.dropdownSlide li.sub ul li {
        background: transparent;
        color: #999933;
    }
    #responsiveSidemenue.show #mainMenue.show #menue ul#nav.dropdown li.menueebene1Active ul.menueebene0Sub.dropdownSlide li.sub ul li a.l3-act {
        color: #999933;
    }
    #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;
        border: 0;
        width: 100%;
    }
    #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 !important;
        visibility: visible;
        border-left: 0;
        width: 100%
    }
    #menue ul li a {
        background: none repeat scroll 0 0;
        border: 0 none;
        color: #fff;
        font-size: 21px;
        padding: 8px 0;
        text-align: center;
        width: 100%;
    }
    #menue ul li a:hover,
    #menue ul li a.hover {
        padding-bottom: 8px;
    }
    #menue ul li ul li {
        display: none;

    }
    #menue ul li ul {
        border: medium none;
        float: left;
        margin: 0;
        min-height: auto;
        padding: 0;
        position: static;
        width: 100%;
        background: #c4c4c4;
    }
    #menue ul li ul li {
        background: #F2F2F2;
        display: none;
        float: left;
        margin: 0 !important;
        visibility: visible;
        width: 100%;
        padding: 0;
    }
}




/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */

@media only screen and (min-width: 480px) and (max-width: 767px) {
    /* 	width: 420px; */
    .contentElement {
        width: 93%;
    }
    #footer-bank {
        padding-left: 8px;
        padding-right: 8px;
    }
    #contentbereich .contentRight {
        margin-top: -43px;
        width: 100%;
        margin-left: 0;
        float: left;
    }
    #contentbereich .contentLeft {
        width: 100%;
    }
    #contentbereich .detailNeu #detailcontentpictures {
    height: auto;
    width: 100%;
    /* right: 0px; */
    float: left;
    position: relative;
    /* top: -144px; */
}
    .catImg {
        width: 95px;
        height: 95px;
    }

    #hits {
        width: 96%;
    }
	#breadcrumb {
    float: left;
    width: auto;
    margin-top: 36px;
    padding: 0 10px;
}

    #contentbereich .wrapInner p {
        font-size: 13px;
        line-height: 13px;
    }
    #ortsplan {
        display: none;
    }

    .catBtn {
        width: 29.7%;
    }

    #contentbereich .wrapInner p.objHead {
        font-size: 14px;
    }

    #content #contentbereich .wrapInner .objBtn {
        width: 45.7%;
    }


    #homenews .bx-wrapper {
        max-width: 360px !important;
        position: relative;
    }
    #header01 {
        display: none;
    }

    #homenews {
        margin-bottom: -105px;
    }

    #footer h4 {
        font-size: 21px;
    }

    #kontakt h2 {
        font-size: 16px;
    }

    .home-wrap #logo {
        top: 292px;
        right: 6px;
    }

    #logo {
        top: 446px;
        right: 0px;
        width: 187px;
    }

    #sliderbg {
        bottom: 30px;
        margin-left: -99px;
    }

    #headerImage .bx-controls-direction {
        bottom: 93px;
        margin-left: -349px;
    }

    #quicklinks #ql01 {
        width: 100%;
    }

    #ql01:hover {
        width: 100% !important;
        height: 444px !important;
    }

    #quicklinks #ql02 {
        width: 100%;
        margin-top: -121px;
        margin-bottom: 41px;
    }
    #ql02:hover {
        margin-top: -121px !important;
        width: 100% !important;
    }

    #ql03 h4,
    #ql03 p {
        margin-left: 60px;
    }

    .home-wrap #ortsplan h4 {
        width: 294px;
        right: 212px;
        margin-right: -173px;
        margin-bottom: 128px;
    }

    .home-wrap #ortsplan p {
        left: -14.4px;
        margin-top: -142px;
    }

    #kontrast-alles {
        width: 119px;
        float: none;
        margin: 0 auto;
    }

    a#kontrast:hover,
    #resp:hover a {
        text-decoration: underline;
        font-weight: 300;
    }
    #schrift {
        width: 169px;
        float: none;
        margin: 0 auto;
    }

    #resp {
        width: 172px;
        float: none;
        margin: 0 auto;
    }

    #menuequick {
        width: 430px;
        float: none;
        margin: 7px auto;
    }

    #footer {
        background: url(../images/footer_responsive.png) no-repeat scroll left top;
        max-height: 477px;
    }

    #zeiten table tr td:last-child {
        text-align: left;
    }

    #kontakt {
        width: 98%;
        margin-left: 8px;

    }

    #zeiten {
        width: 98%;
        float: left;
        margin-bottom: -34px;
        margin-top: 18px;
        margin-left: 8px;
    }


    #logo2 {
        margin-right: -1px;
    }

    #logo3 {
        margin-right: 38px;
    }

    #logo4 {
        margin-right: 0;
    }

    #homenews .teaserPicture img {
        margin-top: 11px;
    }

    #homenews .bx-viewport {
        height: 433px !important;
    }

    #homenews .teaserPicture {
        width: 100%;
    }

    #homenews .bx-controls-direction {
        margin-bottom: 133px;
    }

    #homenews .teaserText {
        width: 83%;
        margin-top: 22px;
        margin-left: 17px;
    }

    #navlinks {
        bottom: 518px;
        right: 22px;
        width: 61.9%;
    }

    #logo {
        bottom: 23px;
        right: -4px;
    }

    #contentbereich .firstFont h4::after,
    #contentbereich .firstFont h4::before {
        display: none;
    }

    #logo {
        top: 273px;
        right: 1px;
    }

    #contentbereich .ce-textpic .ce-gallery .ce-column {
        margin: 7px 84px;
    }

    #contentbereich .firstFont h4 {
        max-width: calc(100% - 63px);

    }

    #contentbereich p {

        margin-left: 5px;
    }
    #content {
        padding-bottom: 116px;
    }
    #contentbereich .firstFont {
        margin-top: 78px;
    }

    #menue ul li ul li a:hover::after {
        background: #dc092f none repeat scroll 0 0;
    }


#homenews a.bx-prev, #homenews a.bx-next {
    margin-top: -65px;
}







.formSelect, .formInputText, .formInputSubmit, .formobjektkleinWFGCompanySelect {
    clear: both;
    float: left;
    padding: 0 10px;
}
.rahmen.viertel {
    float: left;
}








    #contentbereich .minigal {
        float: none;
        margin: 10px auto;
        width: 100%;
        max-width: 361px;
    }
    #contentbereich .minigal .clickenlarge-0 {
        width: 21.1%;
    }
    #contentbereich .minigal .scrollWrap,
    #contentbereich .minigal .scrollable {
        height: 203px;
    }
    .itemsinnerwrap {
        height: 189px;
        padding: 14px 0 0;
        width: 100%;
    }
    #contentbereich .minigal .ce-column FIGURE,
    #contentbereich .minigal .ce-column {
        margin-bottom: 2px !important;
        margin-top: 0;
        width: 76px;
    }
    .kalenderFilterOption .rahmen {
        margin-right: 0;
        width: 100%;
    }
	.kalenderFilterOption .rahmen.left, .kalenderFilterOption .rahmen.right {
    width: 42%;
    margin-left: 0;
    margin-right: 20px;
}

    .kalenderFilterOption .rahmen.last {
        float: left;
        width: 100%;
    }
    .kalenderFilterOption .formobjektkleinVeranstaltung {
        width: 96.1%;
    }
  #content #contentbereich .kalenderFilterOption ul.checkboxSplitterKalender li {
    float: left;
    list-style: outside none none;
    width: 50%;
    border: none;
    padding: 0 0;
    margin: 7px 0;
    font-size: 15px;
    padding-left: 0;
    position: relative;
    background: none;
}
#contentbereich #kalenderOutlook input#btnSearchDatePickerMenu {
    width: 46%;
}
#kalenderOutlook #calTextListOutlook {
    width: calc(100% - 20px);
    padding: 0 10px;
}
    #contentbereich #kalenderOutlook .calTextDetailPicture,
    #kalender .date {
        display: none;
    }
    #kalender .entry {
        width: 100%;
        margin-bottom: 25px;
    }
    #kalender .kalendertext {
        width: calc(100% - 36px);
        border: none;
    }

    .ce-textpic.ce-right.ce-intext:not(.ce-nowrap) .ce-gallery {
        margin-left: 0 !important;
        width: 100% !important;
    }
    .ce-textpic.ce-left.ce-intext:not(.ce-nowrap) .ce-gallery {
        margin-right: 0 !important;
        width: 100% !important;
    }
    .ce-textpic .ce-gallery .ce-column {
        text-align: center;
        width: 100%;
    }
    .ce-textpic .ce-gallery .ce-column img {
        margin: 0 auto;
    }
    .clickenlarge-1 .image-caption {
        background: none;
        text-align: center;
    }
    #kalenderOutlook .calTextDetailPicturePlaceholder {
        display: none;
    }
    .picturekalender {
        width: 100%;
    }
    body.fadeb {
        background-position: center top !important;
        overflow: hidden;
    }
    #wrap.fade,
    #bg1.fade,
    #bg2.fade {
        height: 100%;
        overflow: hidden;
        position: absolute;
        right: -89%;
        width: 100%;
    }

    body.fadeb {
        overflow: hidden;
    }

    #contentbereich .detailNeu #detailcontact {
        width: calc(100% - 60px) !important;
        float: none;
        margin: 0 auto;
    }

    /*###### ResponsiveMainMenü ######*/
    #mainMenueSub {
        display: none;
    }
    .nav_responsive {
        display: block;
        left: 0;
        position: absolute;
        top: 0;
        cursor: pointer;
        z-index: 999999999;
    }
    .nav_responsive_activate,
    .nav_responsive_active {
        background: #cd1417 url(../images/mainMenueResponsive.png) no-repeat scroll -28px center;
        width: 50px;
        height: 45px;
    }
    .nav_responsive_active {
        background-position: 13px center;
    }
    #responsiveSidemenue.show {
        float: left;
        height: 100%;
        width: 80%;
        overflow-x: auto;
        display: block;
    }
    #responsiveSidemenue,
    #mainMenue.show {
        display: block;
        position: relative;
        z-index: 9999999;
    }
    #menue ul li.menueebene0Active,
    #menue ul li.menueebene0:hover,
    #menue ul li.menueebene1Active,
    #menue ul li.menueebene1:hover,
    #menue ul li.menueebene2Active,
    #menue ul li.menueebene2:hover,
    #menue ul li.menueebene3Active,
    #menue ul li.menueebene3:hover,
    #menue ul li.menueebene4Active,
    #menue ul li.menueebene4:hover,
    #menue ul li.menueebene5Active,
    #menue ul li.menueebene5:hover,
    #menue ul li.hover {
        background-color: #cd1417;
    }

    #menue ul li ul li a {
        background-image: none !important;
        color: #101025 !important;
    }
    #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.hover a {
        box-shadow: none;
        background: #cd1417;
    }
    #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 {
        border-bottom: medium none;
        background: #A7A7A7;
    }
    #menue ul li ul li a:hover,
    #menue ul li ul li a.ebene2.act {
        color: #cd1417 !important;
        background: #A7A7A7;
    }
    #menue ul li ul li a:hover {
        color: #cd1417;
    }
    #menue ul li ul li ul li:hover a,
    #menue ul li ul li ul li a.l3-act {
        color: #5a7939 !important;
    }
    #menue ul li ul li ul {
        background: none repeat scroll 0 0;
        display: none;
        left: 0 !important;
        right: auto !important;
        width: 68.3%;
    }
    #menue ul#nav li ul li.sub ul li a {
        background-position: 15px center !important;
        background-repeat: no-repeat;
        border: 0 none;
        font-size: 15px;
        line-height: 19px;
        margin: 0;
        width: 81%;
    }
    #menue ul#nav li ul li ul li a:hover,
    #menue ul li ul li ul li a.l3-act,
    #menue ul li ul li.sub ul li a:hover,
    #menue ul li ul li.sub.active ul li a.act {
        background-color: transparent !important;
        font-weight: 600;
        color: #cd1417 !important;
        text-shadow: none;
    }
    #menue ul li.menueebene0Active a,
    #menue ul li.menueebene0:hover a,
    #menue ul li.menueebene1Active a,
    #menue ul li.menueebene1:hover a,
    #menue ul li.menueebene2Active a,
    #menue ul li.menueebene2:hover a,
    #menue ul li.menueebene3Active a,
    #menue ul li.menueebene3:hover a,
    #menue ul li.menueebene4Active a,
    #menue ul li.menueebene4:hover a {
        border: 0 none !important;
        color: #fff;
    }
    #mainMenueAlles,
    #mainMenue {
        display: none;
        margin-top: 0;
        width: 100%;
    }
    #menue,
    #menue ul {
        height: 100%;
        padding: 0;
    }
    .buerger #menue ul li {
        width: 100% !important;
    }
    #menue ul li {
        background: #cd1417;
        border-bottom: 1px solid #fff;
        width: 100% !important;
        height: auto;
        padding: 0;
        margin: 0 !important;
    }
    #menue {
        margin-top: 45px;
    }
    #menue ul li ul li.sub:hover::after,
    #menue ul li ul li.sub.open::after,
    #menue ul li ul li.sub::after {
        right: 20px;
    }

    #menue ul li ul li a:hover,
    #menue ul li ul li a.act,
    #menue ul li ul li.active a.active {
        background-color: #fff !important;
        color: #cd1417 !important;
    }
    #menue ul li ul li.sub.active ul li a.act {
        color: #cd1417 !important;
    }
    #menue ul li ul li a,
    #menue ul li ul li.sub a {
        background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
        border: 0 none;
        color: #fff;
        float: left;
        font-size: 17px;
        margin: 0;
        padding: 8px 8% 8px 11% !important;
        text-align: center;
        text-transform: none;
        width: 81%;
        border: 0 !important;
        text-shadow: none;
    }
    #menue ul ul li.sub ul {
        width: 84%;
    }
    #menue ul li ul li ul li {
        border-bottom: 0 none;
        width: 100%;
    }
    #menue ul li ul li ul li a {
        color: #fff;
    }
    #responsiveSidemenue.show #mainMenue.show #menue ul#nav.dropdown li.menueebene1Active ul.menueebene0Sub.dropdownSlide li.sub ul li {
        background: transparent;
        color: #999933;
    }
    #responsiveSidemenue.show #mainMenue.show #menue ul#nav.dropdown li.menueebene1Active ul.menueebene0Sub.dropdownSlide li.sub ul li a.l3-act {
        color: #999933;
    }
    #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;
        border: 0;
        width: 100%;
    }
    #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 !important;
        visibility: visible;
        border-left: 0;
        width: 100%
    }
    #menue ul li a {
        background: none repeat scroll 0 0;
        border: 0 none;
        color: #fff;
        font-size: 21px;
        padding: 8px 0;
        text-align: center;
        width: 100%;
    }
    #menue ul li a:hover,
    #menue ul li a.hover {
        padding-bottom: 8px;
    }
    #menue ul li ul li {
        display: none;

    }
    #menue ul li ul {
        border: medium none;
        float: left;
        margin: 0;
        min-height: auto;
        padding: 0;
        position: static;
        width: 100%;
        background: #c4c4c4;
    }
    #menue ul li ul li {
        background: #F2F2F2;
        display: none;
        float: left;
        margin: 0 !important;
        visibility: visible;
        width: 100%;
        padding: 0;
    }
    /*#### TEMPLATE ####*/
    /*######################################*/
    .publishnews img {
        max-width: 100% !important;
        height: auto;
    }
    #infoboxbereich .clickenlarge-0 h4,
    #infoboxbereich .clickenlarge-1 h4 {
        margin-right: 7%;
    }
    #kalenderOption .kalenderBtn {
        font-size: 15px;
        margin: 1%;
        min-height: 40px;
        padding: 5px 63px 5px 2%;
        width: 31%;
    }
	#contentbereich #kalenderClassic input#btnSearch {
    margin-left: 0px;
    width: 36%;
}
#kalender .list .kalendertext .outlook {
    width: 53%;
}
    /*### 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%;
    }
    #kalender img {
        border-radius: 5px 5px 0 0;
        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: 98% !important;
    }
    .ce-row {
        width: 325px;
    }
    #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 {
        display: none;
    }
    .contentbereichInfobox .typo3-editPanel {
        width: 163px;
    }
    .contentbereichInfobox .ce-gallery {
        width: 40% !important;
    }
    .contentbereichInfobox .ce-row {
        float: right;
        margin-right: 2px;
        margin-top: -54px;
        width: 93%;
    }
    .ce-textpic.ce-right.ce-intext:not(.ce-nowrap) .ce-gallery,
    .ce-textpic.ce-right.ce-intext.ce-nowrap .ce-gallery {
        margin-left: 0px !important;
    }
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */

@media only screen and (min-width: 200px) and (max-width: 479px) {
    #breadcrumb span {
        font-size: 17px;
    }
    /* 	width: 300px; */
    #contentbereich .detailNeu #detailcontentpictures {
    height: auto;
    width: 100%;
    float: left;
    position: relative;
    float: left;
}
#footer-bank {
    padding-left: 8px;
    padding-right: 8px;
}
#contentbereich .detailNeu #detailcontact {
    width: calc(100% - 60px) !important;
    float: none;
    margin: 0 auto;
    padding: 18px 40px 19px 20px !important;
    min-height: auto !important;
	margin-bottom: 15px;
}
#contentbereich .detailNeu .detailneubutton {
    width: 152px!important;
}
    #contentbereich h4 {
        font-size: 31px;
    }

#content #contentbereich .kalenderFilterOption ul.checkboxSplitterKalender li {
    width: 87%;
    margin-right: 46px;
    margin-bottom: 0;
}
    #contentbereich #kalenderOutlook input#btnSearchDatePickerMenu {
        width: 66%;
    }

    #content {
        margin-top: 0;
        padding-bottom: 116px;
    }

    #breadcrumb {
        margin-top: 0;
        padding: 0 10px;
    }

#contentbereich .contentElement.firstFont .ce-bodytext {
    width: 100%;
    padding: 0;
}
    #contentbereich h4 {
        font-size: 23px;

    }

#contentbereich {
    width: calc(100% - 40px);
    margin-left: 20px;
    margin-right: 20px;

}
    #contentbereich .contentLeft {
        margin-top: 69px;
        width: 100%;
    }

    #contentbereich .contentRight {
        margin-top: -71px;
        float: left;
        width: 100%;
    }


    .catImg {
        width: 80px;
        height: 80px;
    }

    #hits {
        width: 96%;
    }

    #contentbereich .wrapInner p {
        font-size: 13px;
        line-height: 13px;
    }

    .catBtn {
        width: 43.7%;
    }

    #contentbereich .wrapInner p.objHead {
        font-size: 14px;
    }

    #content #contentbereich .wrapInner .objBtn {
        width: 100%;
        height: 390px;
    }
    .list .objText {
        float: left;
    }
    .list .detailLeft {
        border-right: none;
        float: left;
        width: calc(100% - 20px);
        padding: 0 10px;
    }

    .list .objAlles {
        width: 100%;

    }
    #headerImage {
        height: 226px;
    }


    #content .contentElement td {
        font-size: 14px;
    }

    .tx-powermail .powermail_fieldset .powermail_field .powermail_submit,
    .tx-powermail .powermail_fieldset .powermail_field .powermail_reset {
        padding: 5px 10px;
    }



    #homenews .bx-wrapper {
        max-width: 220px !important;
        position: relative;
    }
    #homenews .teaserPicture {
        height: 142px;
    }
    #homenews li h4 a {
        font-size: 12px;
    }

    #headerImage .bx-wrapper ul.bgSlider li img {
        width: 100%;
    }

    .main.home-wrap #headerImage {
        height: 232px !important;
    }
    #homenews .bx-controls-direction {
        bottom: 31px;
    }
    #header01 {
        display: none;
    }

    #headerImage .bx-controls-direction {
        width: 100%;
    }

    .home-wrap #logo {
        top: 399px;
        right: 11px;
    }

    .home-wrap #logo {
        top: 10px;
        right: 5px;
        width: 90px;
    }

    #sliderbg {
        bottom: 41px;
    }

    #headerImage::after {
        bottom: 8px;
    }

    #homenews a.bx-prev {
        margin-top: -52px;
        left: -36px;
    }

    #homenews a.bx-next {
        margin-top: -52px;
        right: -36px;
    }

    #ql02 h4 {
        font-size: 28px;
    }



    #homenews {
        margin-top: -34px;
    }

    #quicklinks #ql01 {
        width: 100%;
    }
    #ql01:hover {
        height: 444px !important;
        width: 100% !important;

    }

    #quicklinks #ql02 {
        width: 100%;
        margin-top: -125px;
        margin-bottom: 37px;
    }

    #ql02:hover {
        width: 100% !important;
        margin-top: -125px !important;

    }

    #ql01:hover h4,
    #ql02:hover h4 {
        font-size: 28px;
    }


    .home-wrap #ortsplan h4 {
        width: 294px;
        right: 0px;
        bottom: 85px;
    }

    .home-wrap #ortsplan p {
        left: -88px;
        margin-top: -95px;
        font-size: 23px;
    }

    #footer {
        background: url(../images/footer_responsive.png) left top;
        max-height: 413px;
        height: 937px;
    }

    #zeiten {
        width: 98%;
        margin-left: 6px;
        float: left;
        margin-top: 32px;
        margin-bottom: -54px;
    }

    tbody {
        font-size: 14px;
    }

    #kontakt h2 {
        font-size: 13px;
    }


    #kontakt a {
        font-size: 15px;
    }

    #kontakt {
        width: 98%;
        margin-left: 6px;
    }

    #zeiten table tr td:last-child {
        text-align: left;
    }

    #menuequick a {
        font-size: 14px;
    }

    #kontrast-alles {
        width: 122px;
        float: none;
        margin: 0 auto;
    }

    #resp {
        width: 172px;
        float: none;
        margin: 0 auto;
    }

    #schrift {
        width: 169px;
        float: none;
        margin: 0 auto;
		display:none;
    }

    #menuequick {
        float: none;
        width: 98%;
        margin: 8px auto;
    }

    #ql01 h4 {
        font-size: 28px;
    }

    #headerImage .bx-controls.bx-has-controls-direction {
        display: none;
    }

    #menuequick {
        float: none;
        width: 297px;
        margin: 8px auto;
    }

    #ql03 h4,
    #ql03 p {
        margin-left: 20px;
    }

    #contentbereich .firstFont h4::after,
    #contentbereich .firstFont h4::before {
        display: none;
    }

    #logo {
        bottom: 86px;
        right: 5px;
        width: 84px;
    }



    #navlinks {
        bottom: 266px;
        right: 6px;
        width: 92.9%;
        float: none;
        margin: 0 auto;
    }
#contentbereich .firstFont h4 {

    max-width: 100%;
    font-size: 22px;
    position: relative;
    left: 0;
    top: 0;
    transform: none;
    text-align: left;
    line-height: 29px;

}

    .contentblocksmall {
        margin-right: 43%;
        width: 100%;
    }

    .contentblocksmallnone {
        width: 100%;
    }


    #contentbereich .firstFont {
        margin-top: 0px;
        margin-bottom: 0px;
		padding-top:0!important;
    }


#kalenderOption .kalenderBtn {
    padding: 6px 60px 9px 10px;
    width: 129px;
}

#kalender .list .kalendertext .outlook {
    width: 153px;
}
#contentbereich .kalenderFilterOption {
    padding: 15px 20px;
    width: calc(100% - 40px)!important;
}
	#contentbereich #kalenderClassic input#btnSearch {
    width: 56%;
}

    #kalenderOption .kalenderansichtBtn.btnActive,
    #kalenderOption .listenansichtBtn.btnActive {
        margin-left: 0;
    }

    #kalenderOption .kalenderBtn {
        margin-left: 0;
    }
#kalenderOutlook .calTextDetailDescOutlook {
    width: 100%;
}

    #resp:hover a {
        font-size: 20px;
    }

    a#kontrast:hover {
        font-size: 20px;
    }

    #menue ul li ul li a:hover::after {
        background: #dc092f none repeat scroll 0 0;
    }
    #ortsplan {
        display: none;
    }
    #contentbereich .minigal {
        float: none;
        margin: 10px auto;
        width: 100%;
        max-width: 400px;
    }
    #contentbereich .minigal .clickenlarge-0 {
        width: 21.1%;
    }
    #contentbereich .minigal .scrollWrap,
    #contentbereich .minigal .scrollable {
        height: 138px;
    }
    .itemsinnerwrap {
        height: 138px;
        padding: 0;
        width: 100%;
    }
    #contentbereich .minigal .ce-column FIGURE,
    #contentbereich .minigal .ce-column {
        margin-bottom: 5px !important;
        margin-top: 0;
        width: 52px;
    }
    #contentbereich .minigal .ce-textpic .ce-row {
        margin: 0 !important;
    }
    .kalenderFilterOption .rahmen {
       margin-right: 0 !important;
	width: 100% !important;
    }
    .picturekalender {
        width: 100%;
    }
    .kalenderFilterOption .rahmen.last {
        float: left;
        width: 100%;
    }

    #dynamischeListe2 .newsText {
        width: 100%;
    }
    #dynamischeListe2 .teaserPicture {
        margin-bottom: 15px;
        max-width: 100%;
        width: 100%;
    }

    #dynamischeListe2 .weiterlesenNews {
        bottom: 7px;
    }




    #contentbereich .kalenderFilterOption ul.checkboxSplitterKalender li {
        width: 90%;
    }
    #contentbereich #kalenderOutlook .calTextDetailPicture,
    #kalender .date {
        display: none;
    }
    #kalender .entry {
        width: calc(100% - 2px);
        margin-bottom: 25px;
    }
    #kalender .kalendertext {
        width: calc(100% - 36px);
        border: none;
    }
    #kalenderOutlook .calTextDetailPicturePlaceholder {

    width: 100%;
    margin-right: 0;
    margin-bottom: 18px;

}

    .ce-textpic.ce-right.ce-intext:not(.ce-nowrap) .ce-gallery {
        margin-left: 0 !important;
        width: 100% !important;
    }
    .ce-textpic.ce-left.ce-intext:not(.ce-nowrap) .ce-gallery {
        margin-right: 0 !important;
        width: 100% !important;
    }
    .ce-textpic .ce-gallery .ce-column {
        text-align: center;
        width: 100%;
    }
    .ce-textpic .ce-gallery .ce-column img {
        margin: 0 auto;
    }
    .clickenlarge-1 .image-caption {
        background: none;
        text-align: center;
        display: none;
    }
    body.fadeb {
        background-position: center top !important;
        overflow: hidden;
    }
    #wrap.fade,
    #bg1.fade,
    #bg2.fade {
        height: 100%;
        overflow: hidden;
        position: absolute;
        right: -100%;
        width: 100%;
    }

    body.fadeb {
        overflow: hidden;
    }

    .objImg.list {
        width: 100%;
    }
    #content #contentbereich .wrapInner .objBtn.list {
        height: 360px;
    }
    .list .detailRight {
        font-size: 16px;
        float: left;
        width: calc(100% - 20px);
        padding: 0 10px;
        line-height: 19px;
    }
	#hitsheadline {
    height: 44px;
}
#switchbtn {
    width: 200px;
    float: none;
    margin: 0 auto;
}
#switchbtn #moduleView {
    margin-bottom: 30px;
}
#switchbtn #listView {
    margin-right: 0;
}
#content .detailNeu #detailheadline h4 {
     width: 100%;
    font-size: 27px;
    line-height: 29px;
}
#content .detailNeu #detailBackBt {
    float: left;
    margin-bottom: 12px;
    margin-top: 0;

}
.formSelect, .formInputText, .formInputSubmit, .formobjektkleinWFGCompanySelect {
    clear: both;
    float: left;
    padding: 0 10px;
}
.rahmen.viertel {
    float: left;
}
#content #contentbereich .ce-textpic.ce-right.ce-intext:not(.ce-nowrap).ce-textpic .ce-gallery {
    float: none;

}

    /*###### ResponsiveMainMenü ######*/
    #mainMenueSub {
        display: none;
    }
    .nav_responsive {
        display: block;
        left: 0;
        position: absolute;
        top: 0;
        cursor: pointer;
        z-index: 999999999;
    }
    .nav_responsive_activate,
    .nav_responsive_active {
        background: #cd1417 url(../images/mainMenueResponsive.png) no-repeat scroll -28px center;
        width: 50px;
        height: 45px;
    }
    .nav_responsive_active {
        background-position: 13px center;
    }
    #responsiveSidemenue.show {
        float: left;
        height: 100%;
        width: 100%;
        overflow-x: auto;
        display: block;
    }
    #responsiveSidemenue,
    #mainMenue.show {
        display: block;
        position: relative;
        z-index: 9999999;
    }
    #menue ul li.menueebene0Active,
    #menue ul li.menueebene0:hover,
    #menue ul li.menueebene1Active,
    #menue ul li.menueebene1:hover,
    #menue ul li.menueebene2Active,
    #menue ul li.menueebene2:hover,
    #menue ul li.menueebene3Active,
    #menue ul li.menueebene3:hover,
    #menue ul li.menueebene4Active,
    #menue ul li.menueebene4:hover,
    #menue ul li.menueebene5Active,
    #menue ul li.menueebene5:hover,
    #menue ul li.hover {
        background-color: #cd1417;
    }

    #menue ul li ul li a {
        background-image: none !important;
        color: #101025 !important;
    }
    #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.hover a {
        box-shadow: none;
        background: #cd1417;
    }
    #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 {
        border-bottom: medium none;
        background: #A7A7A7;
    }
    #menue ul li ul li a:hover,
    #menue ul li ul li a.ebene2.act {
        color: #cd1417 !important;
        background: #A7A7A7;
    }
    #menue ul li ul li a:hover {
        color: #cd1417;
    }
    #menue ul li ul li ul li:hover a,
    #menue ul li ul li ul li a.l3-act {
        color: #5a7939 !important;
    }
    #menue ul li ul li ul {
        background: none repeat scroll 0 0;
        display: none;
        left: 0 !important;
        right: auto !important;
        width: 68.3%;
    }
    #menue ul#nav li ul li.sub ul li a {
        background-position: 15px center !important;
        background-repeat: no-repeat;
        border: 0 none;
        font-size: 15px;
        line-height: 19px;
        margin: 0;
        width: 81%;
    }
    #menue ul#nav li ul li ul li a:hover,
    #menue ul li ul li ul li a.l3-act,
    #menue ul li ul li.sub ul li a:hover,
    #menue ul li ul li.sub.active ul li a.act {
        background-color: transparent !important;
        font-weight: 600;
        color: #cd1417 !important;
        text-shadow: none;
    }
    #menue ul li.menueebene0Active a,
    #menue ul li.menueebene0:hover a,
    #menue ul li.menueebene1Active a,
    #menue ul li.menueebene1:hover a,
    #menue ul li.menueebene2Active a,
    #menue ul li.menueebene2:hover a,
    #menue ul li.menueebene3Active a,
    #menue ul li.menueebene3:hover a,
    #menue ul li.menueebene4Active a,
    #menue ul li.menueebene4:hover a {
        border: 0 none !important;
        color: #fff;
    }
    #mainMenueAlles,
    #mainMenue {
        display: none;
        margin-top: 0;
        width: 100%;
    }
    #menue,
    #menue ul {
        height: 100%;
        padding: 0;
    }
    .buerger #menue ul li {
        width: 100% !important;
    }
    #menue ul li {
    background: #cd1417;
    width: 100% !important;
    height: auto;
    padding: 0;
    margin: 0 !important;
    box-shadow: none;
    border: 0;
}
    #menue {
        margin-top: 45px;
    }
    #menue ul li ul li.sub:hover::after,
    #menue ul li ul li.sub.open::after,
    #menue ul li ul li.sub::after {
        right: 20px;
    }

    #menue ul li ul li a:hover,
    #menue ul li ul li a.act,
    #menue ul li ul li.active a.active {
        background-color: #fff !important;
        color: #cd1417 !important;
    }
    #menue ul li ul li.sub.active ul li a.act {
        color: #cd1417 !important;
    }
    #menue ul li ul li a,
    #menue ul li ul li.sub a {
        background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
        border: 0 none;
        color: #fff;
        float: left;
        font-size: 17px;
        margin: 0;
        padding: 8px 8% 8px 11% !important;
        text-align: center;
        text-transform: none;
        width: 81%;
        border: 0 !important;
        text-shadow: none;
    }
    #menue ul ul li.sub ul {
        width: 84%;
    }
    #menue ul li ul li ul li {
        border-bottom: 0 none;
        width: 100%;
    }
    #menue ul li ul li ul li a {
        color: #fff;
    }
    #responsiveSidemenue.show #mainMenue.show #menue ul#nav.dropdown li.menueebene1Active ul.menueebene0Sub.dropdownSlide li.sub ul li {
        background: transparent;
        color: #999933;
    }
    #responsiveSidemenue.show #mainMenue.show #menue ul#nav.dropdown li.menueebene1Active ul.menueebene0Sub.dropdownSlide li.sub ul li a.l3-act {
        color: #999933;
    }
    #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;
        border: 0;
        width: 100%;
    }
    #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 !important;
        visibility: visible;
        border-left: 0;
        width: 100%
    }
    #menue ul li a {
        background: none repeat scroll 0 0;
        border: 0 none;
        color: #fff;
        font-size: 21px;
        padding: 8px 0;
        text-align: center;
        width: 100%;
    }
    #menue ul li a:hover,
    #menue ul li a.hover {
        padding-bottom: 8px;
    }
    #menue ul li ul li {
        display: none;

    }
    #menue ul li ul {
        border: medium none;
        float: left;
        margin: 0;
        min-height: auto;
        padding: 0;
        position: static;
        width: 100%;
        background: #c4c4c4;
    }
    #menue ul li ul li {
        background: #F2F2F2;
        display: none;
        float: left;
        margin: 0 !important;
        visibility: visible;
        width: 100%;
        padding: 0;
    }
    /*### FORM ###*/
    .formleft,
    .formright {
        width: 100%;
    }
    .formobjektsmall {
        width: 95% !important;
    }
    ul.schadensmeldung li {
        width: 100%;
    }
    .formobjektkleinVeranstaltung {
        width: 95.4%;
    }
    .formobjektklein {
        width: 95%;
        float: left;
    }
    .formobjekt {
        width: 95%;
    }
    .formobjektCaptcha {
        width: 95%;
    }
    #contentbereich .export {
        width: 90.5%;
    }
    #kalender .list {
        width: 98%;
    }
    #contentbereich .controlBlockPageSlider {
        width: 100%;
    }
    /*BILDER*/
    .ce-textpic .ce-gallery .ce-column {
        float: left;
        text-align: center;
        width: 100% !important;
    }
    #homelayout02 .ce-textpic .ce-gallery .ce-column {
        float: left;
        text-align: center;
    }
    .ce-row {
        width: 100%;
    }
    .ce-textpic.ce-center:not(.ce-intext) .ce-gallery .ce-column {
        display: inline;
        margin-left: 0px;
    }
    .ce-gallery {
        text-align: center !important;
        width: 100%;
        margin-bottom: 15px;
    }
    .contentbereichInfobox .ce-gallery {
        text-align: center !important;
        width: 77px;
    }
    .contentbereichInfobox .ce-row {
        margin-right: 3%;
        margin-top: -38px;
    }

    /*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 {
        right: -2px;
    }
    .contentbereichInfobox .typo3-editPanel {
        width: 170 px;
    }

[data-carousel-3d] [data-prev-button] {
    height: 81%;
}
[data-carousel-3d] [data-next-button] {
    height: 81%;
}

}