/* common styles */

.responsivenavi {
    display: none;
}

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

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 1511px) and (max-width: 1700px) {

    /*STARTSEITE*/


    /*CONTENTSEITE*/

}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 1282px) and (max-width: 1510px) {

    /*STARTSEITE*/

#slogan h4 {
    font-size: 3vw;
	margin-top: 28%;
}
#slogan h4 span {
    font-size: 5vw;
}
#slogan p {
    margin-top: 18px;
	font-size: 1.8vw;
}

    /*CONTENTSEITE*/


}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 1025px) and (max-width: 1281px) {

    /*STARTSEITE*/
	
#logo {
    margin-left: 2%;
}
#logo p {
    font-size: 30px;
}
#switch {
    padding: 30px 30px 15px 0;
}
a.suche {
    margin: 30px 25px 30px 0px;
}
#slogan {
    bottom: 13px;
}
#slogan h4 {
    font-size: 2.5vw;
	margin-top: 30%;
	line-height: 46px;
}
#slogan h4 span {
    font-size: 5vw;
}
#slogan p {
    margin-top: 18px;
	font-size: 1.8vw;
}
#footer01, #footer02, #footer03 {
    padding: 17px 17px;
}
footer .alles {
    justify-content: center;
}
#menue {
    width: 65%;
}
    /*CONTENTSEITE*/

#contentbereich {
    width: 60%;
    margin-right: 7%;
}
#subnavi {
    margin-left: 3%;
}
#nachOben {
    left: 94px;
}
#drucken {
    left: 194px;
}
#contentbereich .minigal .scrollable img {
    margin: 29px 15px;
    width: 130px;
}


}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 960px) and (max-width: 1024px) {
    .c7-tile-title {
        font-size: calc(var(--font-size)* 1.2);
    }
#homenews {
    width: calc(100% - 80px);
    padding: 0 40px;
}
	#homenews .news {
    width: calc(33% - 11px);
}
	#homenews .news .teaserText {
    padding: 40px 15px 23px;
    width: calc(100% - 30px);
}
	#homenews .news .teaserText h4 a {
    font-size: 19px;
}
    /*STARTSEITE*/

#logo {
    margin-left: 2%;
}
#logo p {
    font-size: 30px;
}
#switch {
    padding: 30px 30px 15px 0;
}
a.suche {
    margin: 30px 25px 30px 0px;
}
#menue {
    width: 65%;
}
#slogan {
    width: 33%;
    padding-bottom: 33%;
	left: 33.5%;
}
#slogan h4 {
    font-size: 2.5vw;
	margin-top: 26%;
	line-height: 46px;
}
#slogan h4 span {
    font-size: 5vw;
}
#slogan p {
    margin-top: 18px;
	font-size: 1.8vw;
}
#quicklinks .ql {
    padding: 60px 33px;
}
#quicklinks .alles {
    justify-content: center;
}
#footer01, #footer02, #footer03 {
    padding: 17px 17px;
}
footer .alles {
    justify-content: center;
}

    /*CONTENTSEITE*/
	
#breadcrumb {
    width: 75%;
    padding-left: 5%;
    margin-left: 10%;
}
#subnavi {
    display: none;
}
#contentbereich {
    width: 80%;
    margin-left: 10%;
	margin-bottom: 140px;
}
#nachOben {
    left: 94px;
}
#drucken {
    left: 194px;
}
#contentbereich .minigal .scrollable img {
    margin: 12px 15px;
    width: 181px;
}
#contentbereich .minigal {
    max-width: 754px;
}


/*###### ResponsiveMainMenü ######*/
	
#menue.responsiveMenue {
    display: none;
}

	#template02.fadeb {
    overflow: hidden;
	}
	#menue ul {
    flex-wrap: wrap;
}
    .nav_responsive {
        display: block;
        left: 12.5px;
        position: absolute;
        top: 12.5px;
        cursor: pointer;
        z-index: 999999999;
    }

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

    .nav_responsive_active {
        background-position: 13px center;
        position: absolute;
        width: 47px;
        height: 47px;
    }

    #responsiveSidemenue.show {
        float: left;
        height: 100%;
        width: 75%;
        overflow-x: auto;
        display: block;
		background-color: #19253e;
    }

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

    #responsiveSidemenue,
    #mainMenue.show {
        display: block;
        position: relative;
        z-index: 9999999;
    }
	#menue ul.dropdownSlide>li {
		min-height: 37px;
	}
    
	#menue ul li a::after, a.suche::after {
		background: none;
	}

    #menue ul li ul li a {
        background-image: none !important;
        color: #fff !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;
    }

    #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;
        color: #98b2e6 !important;
        background: #A7A7A7;
    }
	#menue ul li ul li a.active, #menue ul li ul li a.open, #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.menueebene5Active ul li a:hover, #menue ul li.menueebene6Active ul li a:hover {
    border-bottom: none !important;
}
    #menue ul li ul li a:hover,
    #menue ul li ul li a.ebene2.act {
        color: #98b2e6 !important;
        background: #A7A7A7;
    }

    #menue ul li ul li a:hover {
        color: #000000;
        width: 84%;
        margin: 0;
        padding: 0;
    }

    #menue ul li ul li ul li:hover a,
    #menue ul li ul li ul li a.l3-act {
        color: #D56D01 !important;
    }

    #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 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;
        padding: 4px 0px 4px 25px !important;
        width: calc(100% - 84px);
    }

    #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;
        color: #98b2e6 !important;
    }

    #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;
		float: left;
    }
	#menue {
    width: 100%;
}
    .buerger #menue ul li {
        width: 100% !important;
    }

    #menue ul li {
        background: #19253e;
        border-bottom: 1px solid #fff;
        width: 100% !important;
        height: auto;
        padding: 0 0;
        margin: 0 !important;
    }

    #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 {
        border-bottom: 1px solid #fff;
    }

    #mainMenue.show #menue {
        margin-top: 72px;
    }

    #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;
        content: url(../images/mnu_white.png);
    }

    #menue ul li ul li.sub:hover::after {
        content: url(../images/mnu_white.png);
    }

    #menue ul li ul li a:hover,
    #menue ul li ul li a.act,
    #menue ul li ul li.active a.active {
        background-color: #c8141f !important;
        color: #ffffff !important;
    }

    #menue ul li ul li.sub.active ul li a.act {
        color: #7eb71f !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;
        color: #fff;
        float: left;
        font-size: 17px;
        margin: 0;
        padding: 8px 62px 8px 30px !important;
        text-align: left;
        text-transform: none;
        width: 84%;
        border: 0 !important;
    }

    #menue ul li ul li a:hover {
        background-image: none !important;
    }

    #menue ul ul li.sub ul {
        width: calc(100% - 57px);
        padding: 0;
        margin: 0;
    }

    #menue ul li ul li ul li {
        border-bottom: 0 none;
        width: 100%;
        background: url(../images/menueLi.jpg) no-repeat 50px center;
        padding-left: 57px;
    }

    #menue ul li ul li ul li:hover,
    #menue ul li ul li ul li.active {
        background: url(../images/menueLi.jpg) no-repeat 50px center #19253e !important;
    }

    #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 {
        color: #000;
        background: url(../images/menueLi.jpg) no-repeat 50px center;
    }

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

    #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;
    }

    #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;
    }

    #menue ul li a {
        background: none repeat scroll 0 0 !important;
        border: 0 none;
        color: #fff;
        font-size: 21px;
        padding: 29px 30px;
		width: calc(100% - 60px);
		float: left;
		margin: 0 0 0 0px;
    }

    #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: transparent;
}

    #menue ul li ul li {
		background: url(../images/menue-bg.jpg);
		display: none;
		float: left;
		margin-top: 11px !important;
		margin-bottom: 11px !important;
		visibility: visible;
		width: 100%;
		padding: 0;
		overflow: hidden;
	}
	
	#menue ul li a.open {
    background: #98b2e6 !important;
	}

}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
    .c7-tile-title {
        font-size: calc(var(--font-size)* 1);
    }
#homenews {
    width: calc(100% - 60px);
    padding: 0 30px;
}
	#homenews .news {
    width: calc(33% - 12px);
}
#homenews .news .teaserText {
    padding: 40px 12px 23px;
    width: calc(100% - 24px);
}
	#homenews .news .teaserText h4 a {
    font-size: 16px;
}

    /*STARTSEITE*/

#logo {
    margin-left: 2%;
}
#logo p {
    font-size: 30px;
}
#switch {
    padding: 30px 30px 15px 0;
}
a.suche {
    margin: 30px 25px 30px 0px;
}
#slogan {
    width: 33%;
    padding-bottom: 33%;
	left: 33.5%;
}
#slogan h4 {
    font-size: 2.5vw;
	margin-top: 24%;
	line-height: 46px;
}
#slogan h4 span {
    font-size: 5vw;
}
#slogan p {
    margin-top: 5px;
	font-size: 1.8vw;
}
#quicklinks .ql {
    padding: 60px 25px;
}
#quicklinks .alles {
    justify-content: center;
}
#footer01, #footer02, #footer03 {
    padding: 17px 11%;
}


    /*CONTENTSEITE*/
	
#breadcrumb {
    width: 75%;
    padding-left: 5%;
    margin-left: 10%;
}
#subnavi {
    display: none;
}
#contentbereich {
    width: 80%;
    margin-left: 10%;
	margin-bottom: 140px;
}
#nachOben {
    left: 10%;
}
#drucken {
    left: 194px;
}
#contentbereich .minigal .scrollable img {
    margin: 29px 15px;
    width: 130px;
}
#contentbereich .minigal {
    max-width: 600px;
}

/*###### ResponsiveMainMenü ######*/
	
#menue.responsiveMenue {
    display: none;
}

	#template02.fadeb {
    overflow: hidden;
	}
	#menue ul {
    flex-wrap: wrap;
}
    .nav_responsive {
        display: block;
        left: 12.5px;
        position: absolute;
        top: 12.5px;
        cursor: pointer;
        z-index: 999999999;
    }

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

    .nav_responsive_active {
        background-position: 13px center;
        position: absolute;
        width: 47px;
        height: 47px;
    }

    #responsiveSidemenue.show {
        float: left;
        height: 100%;
        width: 75%;
        overflow-x: auto;
        display: block;
		background-color: #19253e;
    }

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

    #responsiveSidemenue,
    #mainMenue.show {
        display: block;
        position: relative;
        z-index: 9999999;
    }
	#menue ul.dropdownSlide>li {
		min-height: 37px;
	}
    
	#menue ul li a::after, a.suche::after {
		background: none;
	}

    #menue ul li ul li a {
        background-image: none !important;
        color: #fff !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;
    }

    #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;
        color: #98b2e6 !important;
        background: #A7A7A7;
    }
	#menue ul li ul li a.active, #menue ul li ul li a.open, #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.menueebene5Active ul li a:hover, #menue ul li.menueebene6Active ul li a:hover {
    border-bottom: none !important;
}
    #menue ul li ul li a:hover,
    #menue ul li ul li a.ebene2.act {
        color: #98b2e6 !important;
        background: #A7A7A7;
    }

    #menue ul li ul li a:hover {
        color: #000000;
        width: 84%;
        margin: 0;
        padding: 0;
    }

    #menue ul li ul li ul li:hover a,
    #menue ul li ul li ul li a.l3-act {
        color: #D56D01 !important;
    }

    #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 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;
        padding: 4px 0px 4px 25px !important;
        width: calc(100% - 84px);
    }

    #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;
        color: #98b2e6 !important;
    }

    #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;
		float: left;
    }
	#menue {
    width: 100%;
}
    .buerger #menue ul li {
        width: 100% !important;
    }

    #menue ul li {
        background: #19253e;
        border-bottom: 1px solid #fff;
        width: 100% !important;
        height: auto;
        padding: 0 0;
        margin: 0 !important;
    }

    #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 {
        border-bottom: 1px solid #fff;
    }

    #mainMenue.show #menue {
        margin-top: 72px;
    }

    #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;
        content: url(../images/mnu_white.png);
    }

    #menue ul li ul li.sub:hover::after {
        content: url(../images/mnu_white.png);
    }

    #menue ul li ul li a:hover,
    #menue ul li ul li a.act,
    #menue ul li ul li.active a.active {
        background-color: #c8141f !important;
        color: #ffffff !important;
    }

    #menue ul li ul li.sub.active ul li a.act {
        color: #7eb71f !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;
        color: #fff;
        float: left;
        font-size: 17px;
        margin: 0;
        padding: 8px 62px 8px 30px !important;
        text-align: left;
        text-transform: none;
        width: 84%;
        border: 0 !important;
    }

    #menue ul li ul li a:hover {
        background-image: none !important;
    }

    #menue ul ul li.sub ul {
        width: calc(100% - 57px);
        padding: 0;
        margin: 0;
    }

    #menue ul li ul li ul li {
        border-bottom: 0 none;
        width: 100%;
        background: url(../images/menueLi.jpg) no-repeat 50px center;
        padding-left: 57px;
    }

    #menue ul li ul li ul li:hover,
    #menue ul li ul li ul li.active {
        background: url(../images/menueLi.jpg) no-repeat 50px center #19253e !important;
    }

    #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 {
        color: #000;
        background: url(../images/menueLi.jpg) no-repeat 50px center;
    }

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

    #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;
    }

    #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;
    }

    #menue ul li a {
        background: none repeat scroll 0 0 !important;
        border: 0 none;
        color: #fff;
        font-size: 21px;
        padding: 29px 30px;
		width: calc(100% - 60px);
		float: left;
		margin: 0 0 0 0px;
    }

    #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: transparent;
}

    #menue ul li ul li {
		background: url(../images/menue-bg.jpg);
		display: none;
		float: left;
		margin-top: 11px !important;
		margin-bottom: 11px !important;
		visibility: visible;
		width: 100%;
		padding: 0;
		overflow: hidden;
	}
	
	#menue ul li a.open {
    background: #98b2e6 !important;
	}
	
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
    .swiper-wrapper {
        gap: 20px;
        flex-direction: column;
        align-items: center !important;
        justify-content: center;
        width: auto;
    }
    c7-slide.c7-part.swiper-slide.hydrated {
        width: 95% !important;
        max-width: 370px;
        margin: 0 !important;
    }
#homenews {
    width: calc(100% - 50px);
    padding: 0 25px;
}
	#homenews .tx-kommpublishconnector-pi1 {
    display: flex;
    flex-flow: wrap;
    justify-content: center;
}
	#homenews .news {
    width: calc(50% - 10px);
		margin-bottom: 20px;
}
		#homenews .news:nth-child(2) {
    margin-right: 0;
}
	#homenews .news .teaserText {
    padding: 15px 15px 23px;
    width: calc(100% - 30px);
}
	#homenews .news .teaserText h4 a {
    font-size: 19px;
}
/*STARTSEITE*/

#logo {
    margin-left: 2%;
}
#logo p {
    font-size: 30px;
}
#switch {
    padding: 30px 30px 15px 0;
}
a.suche {
    margin: 30px 25px 30px 0px;
}
#slogan {
    width: 33%;
    padding-bottom: 33%;
	left: 33.5%;
	display: none;
}
#slogan h4 {
    font-size: 2.5vw;
	margin-top: 24%;
	line-height: 46px;
}
#slogan h4 span {
    font-size: 5vw;
}
#slogan p {
    margin-top: 5px;
	font-size: 1.8vw;
}
p.hometext {
    width: 70%;
    margin-left: 15%;
}
section#quicklinks {
    background-size: cover;
    margin-bottom: 70px;
	margin-top: 76px;
}
section#quicklinks::before {
    display: none;
}
#teaser {
    width: 370px;
    margin-left: calc(50% - 183px);
}
#teaser h4 {
    font-size: 37px;
}
#teaser p {
    font-size: 40px;
}
#teaser p::before, #teaser p::after {
    height: 56px;
    background-size: 20px;
}
#quicklinks .ql {
    padding: 60px 6px;
    margin-bottom: 29px;
}
#quicklinks .alles {
    justify-content: center;
}
#footer01, #footer02, #footer03 {
    padding: 17px 11%;
}


    /*CONTENTSEITE*/
	
#breadcrumb {
    width: 100%;
    padding-left: 5%;
	margin-bottom: 45px;
}
#subnavi {
    display: none;
}
#contentbereich {
    width: 80%;
    margin-left: 10%;
	margin-bottom: 140px;
}
#nachOben {
    left: 10%;
}
#drucken {
    left: 173px;
}
.contentblocksmall, .contentblocksmallnone {
    width: 99%;
	margin-bottom: 40px;
}
#contentbereich .minigal {
    max-width: 384px;
}
#contentbereich .minigal .scrollable img {
    margin: 18px 8px;
    width: 72px;
}
#contentbereich .minigal a.browse {
    top: 24px;
    width: 30px;
    background-size: 72px;
}
#dynamischeListe2 ul li {
    flex-wrap: wrap;
}
#dynamischeListe2 .teaserPicture {
    width: 100%;
}
#dynamischeListe2 .newsText {
    width: 100%;
	margin-top: 25px;
}

/*###### ResponsiveMainMenü ######*/
	
#menue.responsiveMenue {
    display: none;
}

	#template02.fadeb {
    overflow: hidden;
	}
	#menue ul {
    flex-wrap: wrap;
}
    .nav_responsive {
        display: block;
        left: 12.5px;
        position: absolute;
        top: 12.5px;
        cursor: pointer;
        z-index: 999999999;
    }

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

    .nav_responsive_active {
        background-position: 13px center;
        position: absolute;
        width: 47px;
        height: 47px;
    }

    #responsiveSidemenue.show {
        float: left;
        height: 100%;
        width: 75%;
        overflow-x: auto;
        display: block;
		background-color: #19253e;
    }

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

    #responsiveSidemenue,
    #mainMenue.show {
        display: block;
        position: relative;
        z-index: 9999999;
    }
	#menue ul.dropdownSlide>li {
		min-height: 37px;
	}
    
	#menue ul li a::after, a.suche::after {
		background: none;
	}

    #menue ul li ul li a {
        background-image: none !important;
        color: #fff !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;
    }

    #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;
        color: #98b2e6 !important;
        background: #A7A7A7;
    }
	#menue ul li ul li a.active, #menue ul li ul li a.open, #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.menueebene5Active ul li a:hover, #menue ul li.menueebene6Active ul li a:hover {
    border-bottom: none !important;
}
    #menue ul li ul li a:hover,
    #menue ul li ul li a.ebene2.act {
        color: #98b2e6 !important;
        background: #A7A7A7;
    }

    #menue ul li ul li a:hover {
        color: #000000;
        width: 84%;
        margin: 0;
        padding: 0;
    }

    #menue ul li ul li ul li:hover a,
    #menue ul li ul li ul li a.l3-act {
        color: #D56D01 !important;
    }

    #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 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;
        padding: 4px 0px 4px 25px !important;
        width: calc(100% - 84px);
    }

    #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;
        color: #98b2e6 !important;
    }

    #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;
		float: left;
    }
	#menue {
    width: 100%;
}
    .buerger #menue ul li {
        width: 100% !important;
    }

    #menue ul li {
        background: #19253e;
        border-bottom: 1px solid #fff;
        width: 100% !important;
        height: auto;
        padding: 0 0;
        margin: 0 !important;
    }

    #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 {
        border-bottom: 1px solid #fff;
    }

    #mainMenue.show #menue {
        margin-top: 72px;
    }

    #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;
        content: url(../images/mnu_white.png);
    }

    #menue ul li ul li.sub:hover::after {
        content: url(../images/mnu_white.png);
    }

    #menue ul li ul li a:hover,
    #menue ul li ul li a.act,
    #menue ul li ul li.active a.active {
        background-color: #c8141f !important;
        color: #ffffff !important;
    }

    #menue ul li ul li.sub.active ul li a.act {
        color: #7eb71f !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;
        color: #fff;
        float: left;
        font-size: 17px;
        margin: 0;
        padding: 8px 62px 8px 30px !important;
        text-align: left;
        text-transform: none;
        width: 84%;
        border: 0 !important;
    }

    #menue ul li ul li a:hover {
        background-image: none !important;
    }

    #menue ul ul li.sub ul {
        width: calc(100% - 57px);
        padding: 0;
        margin: 0;
    }

    #menue ul li ul li ul li {
        border-bottom: 0 none;
        width: 100%;
        background: url(../images/menueLi.jpg) no-repeat 50px center;
        padding-left: 57px;
    }

    #menue ul li ul li ul li:hover,
    #menue ul li ul li ul li.active {
        background: url(../images/menueLi.jpg) no-repeat 50px center #19253e !important;
    }

    #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 {
        color: #000;
        background: url(../images/menueLi.jpg) no-repeat 50px center;
    }

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

    #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;
    }

    #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;
    }

    #menue ul li a {
        background: none repeat scroll 0 0 !important;
        border: 0 none;
        color: #fff;
        font-size: 21px;
        padding: 29px 30px;
		width: calc(100% - 60px);
		float: left;
		margin: 0 0 0 0px;
    }

    #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: transparent;
}

    #menue ul li ul li {
		background: url(../images/menue-bg.jpg);
		display: none;
		float: left;
		margin-top: 11px !important;
		margin-bottom: 11px !important;
		visibility: visible;
		width: 100%;
		padding: 0;
		overflow: hidden;
	}
	
	#menue ul li a.open {
    background: #98b2e6 !important;
	}

    /*#### 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: 120px;
    }

    /*### 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 {
        max-width: 100%;
    }

    #kalender .entry {
        margin-bottom: 20px;
    }

    #kalender img {}

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

    #album ul li {
        width: auto;
    }

    /*BILDER*/
    #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 {
        width: 49%;
    }

    .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-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;
    }


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

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

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

    /*NEWS*/
    #dynamischeListe2 .teaserPicture {
    float: none;
    width: 317px;
    height: 212px;
    margin: 0 auto;
}

    #dynamischeListe2 .newsText {
        width: 100%;
		text-align: center;
    }

    #dynamischeListe2 .weiterlesenNews {
        left: 50%;
        transform: translate(-50%, 0);
    }

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

    .kalenderFilterOption .rahmen.left,
    .kalenderFilterOption .rahmen.right {
        width: 47%;
    }

    .kalenderFilterOption .rahmen.last {
        width: 100%;
    }

}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
    .swiper-wrapper {
        gap: 20px;
        flex-direction: column;
        align-items: center !important;
        justify-content: center;
        width: auto;
    }
    c7-slide.c7-part.swiper-slide.hydrated {
        width: 95% !important;
        max-width: 370px;
        margin: 0 !important;
    }
	#homenews {
    width: calc(100% - 60px);
    padding: 0 30px;
}
	#homenews .news {
    width: 100%;
    margin-right: 0;
		margin-bottom: 20px;
}
	#homenews .news .teaserText {
    padding: 40px 15px 23px;
    width: calc(100% - 30px);
}
	#homenews .news .teaserText h4 a {
    font-size: 18px;
}
/*STARTSEITE*/

#logo {
    margin-left: 2%;
}
#logo p {
    font-size: 30px;
}
#switch {
    padding: 30px 20px 15px 0;
}
a.suche {
    background: url(../images/search.png) no-repeat center;
    width: 30px;
    height: 30px;
    float: right;
	margin: 25px 20px 35px 0px;
	color: transparent;
}
#slogan {
    width: 33%;
    padding-bottom: 33%;
	left: 33.5%;
	display: none;
}
#slogan h4 {
    font-size: 2.5vw;
	margin-top: 24%;
	line-height: 46px;
}
#slogan h4 span {
    font-size: 5vw;
}
#slogan p {
    margin-top: 5px;
	font-size: 1.8vw;
}
p.hometext {
    width: 70%;
    margin-left: 15%;
}
section#quicklinks {
    background-size: cover;
    margin-bottom: 70px;
	margin-top: 76px;
}
section#quicklinks::before {
    display: none;
}
#teaser {
    width: 254px;
    margin-left: calc(50% - 127px);
}
#teaser h4 {
    font-size: 37px;
}
#teaser p {
    font-size: 30px;
}
#teaser p::before, #teaser p::after {
    height: 43px;
    background-size: 14px;
	width: 15px;
}
#quicklinks .ql {
    padding: 60px 6px;
    margin-bottom: 29px;
}
#quicklinks .alles {
    justify-content: center;
}
#footer01, #footer02, #footer03 {
    padding: 17px 6%;
}


    /*CONTENTSEITE*/
	
#breadcrumb {
    width: 100%;
    padding-left: 5%;
	margin-bottom: 45px;
}
#subnavi {
    display: none;
}
#contentbereich {
    width: 80%;
    margin-left: 10%;
	margin-bottom: 140px;
}
#contentbereich .firstFont h4 {
    font-size: 32px;
}
#contentbereich h4 {
    font-size: 23px;
}
#nachOben {
    left: 10%;
}
#drucken {
    left: 145px;
}
.contentblocksmall, .contentblocksmallnone {
    width: calc(100% - 4px);
}
#contentbereich .contentElement .ce-textpic.ce-right.ce-intext:not(.ce-nowrap).ce-textpic .ce-border .csc-textpic-last, #contentbereich .contentElement .ce-textpic.ce-textpic.ce-right.ce-intext:not(.ce-nowrap) .ce-column {
    margin-left: 0px;
}
.itemsinnerwrap {
    padding: 0 62px 0 28px;
}
#contentbereich .minigal {
    max-width: 256px;
}
#contentbereich .minigal .scrollable img {
    margin: 24px 3px;
    width: 60px;
}
#contentbereich .minigal a.browse {
    top: 24px;
    width: 30px;
    background-size: 72px;
}
#dynamischeListe2 ul li {
    flex-wrap: wrap;
}
#dynamischeListe2 .teaserPicture {
    width: 100%;
    margin: 0 auto;
}
#dynamischeListe2 .newsText {
    width: 100%;
    margin-top: 25px;
    text-align: center;
}
#dynamischeListe2 .weiterlesenNews {
    left: 50%;
    transform: translate(-50%, 0);
}

/*###### ResponsiveMainMenü ######*/
	
#menue.responsiveMenue {
    display: none;
}

	#template02.fadeb {
    overflow: hidden;
	}
	#menue ul {
    flex-wrap: wrap;
}
    .nav_responsive {
        display: block;
        left: 12.5px;
        position: absolute;
        top: 12.5px;
        cursor: pointer;
        z-index: 999999999;
    }

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

    .nav_responsive_active {
        background-position: 13px center;
        position: absolute;
        width: 47px;
        height: 47px;
    }

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

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

    #responsiveSidemenue,
    #mainMenue.show {
        display: block;
        position: relative;
        z-index: 9999999;
    }
	#menue ul.dropdownSlide>li {
		min-height: 37px;
	}
    
	#menue ul li a::after, a.suche::after {
		background: none;
	}

    #menue ul li ul li a {
        background-image: none !important;
        color: #fff !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;
    }

    #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;
        color: #98b2e6 !important;
        background: #A7A7A7;
    }
	#menue ul li ul li a.active, #menue ul li ul li a.open, #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.menueebene5Active ul li a:hover, #menue ul li.menueebene6Active ul li a:hover {
    border-bottom: none !important;
}
    #menue ul li ul li a:hover,
    #menue ul li ul li a.ebene2.act {
        color: #98b2e6 !important;
        background: #A7A7A7;
    }

    #menue ul li ul li a:hover {
        color: #000000;
        width: 84%;
        margin: 0;
        padding: 0;
    }

    #menue ul li ul li ul li:hover a,
    #menue ul li ul li ul li a.l3-act {
        color: #D56D01 !important;
    }

    #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 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;
        padding: 4px 0px 4px 25px !important;
        width: calc(100% - 84px);
    }

    #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;
        color: #98b2e6 !important;
    }

    #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;
		float: left;
    }
	#menue {
    width: 100%;
}
    .buerger #menue ul li {
        width: 100% !important;
    }

    #menue ul li {
        background: #19253e;
        border-bottom: 1px solid #fff;
        width: 100% !important;
        height: auto;
        padding: 0 0;
        margin: 0 !important;
    }

    #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 {
        border-bottom: 1px solid #fff;
    }

    #mainMenue.show #menue {
        margin-top: 72px;
    }

    #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;
        content: url(../images/mnu_white.png);
    }

    #menue ul li ul li.sub:hover::after {
        content: url(../images/mnu_white.png);
    }

    #menue ul li ul li a:hover,
    #menue ul li ul li a.act,
    #menue ul li ul li.active a.active {
        background-color: #c8141f !important;
        color: #ffffff !important;
    }

    #menue ul li ul li.sub.active ul li a.act {
        color: #7eb71f !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;
        color: #fff;
        float: left;
        font-size: 17px;
        margin: 0;
        padding: 8px 62px 8px 30px !important;
        text-align: left;
        text-transform: none;
        width: 84%;
        border: 0 !important;
    }

    #menue ul li ul li a:hover {
        background-image: none !important;
    }

    #menue ul ul li.sub ul {
        width: calc(100% - 57px);
        padding: 0;
        margin: 0;
    }

    #menue ul li ul li ul li {
        border-bottom: 0 none;
        width: 100%;
        background: url(../images/menueLi.jpg) no-repeat 50px center;
        padding-left: 57px;
    }

    #menue ul li ul li ul li:hover,
    #menue ul li ul li ul li.active {
        background: url(../images/menueLi.jpg) no-repeat 50px center #19253e !important;
    }

    #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 {
        color: #000;
        background: url(../images/menueLi.jpg) no-repeat 50px center;
    }

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

    #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;
    }

    #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;
    }

    #menue ul li a {
        background: none repeat scroll 0 0 !important;
        border: 0 none;
        color: #fff;
        font-size: 21px;
        padding: 29px 30px;
		width: calc(100% - 60px);
		float: left;
		margin: 0 0 0 0px;
    }

    #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: transparent;
}

    #menue ul li ul li {
		background: url(../images/menue-bg.jpg);
		display: none;
		float: left;
		margin-top: 11px !important;
		margin-bottom: 11px !important;
		visibility: visible;
		width: 100%;
		padding: 0;
		overflow: hidden;
	}
	
	#menue ul li a.open {
    background: #98b2e6 !important;
	}
    /*#### TEMPLATE ####*/
    /*######################################*/

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

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

    #kalenderOption a.kalenderBtn.listenansichtBtn {
        width: calc(100% - 60px);
    }

    #kalenderOption .kalenderBtn {
        font-size: 15px;
        margin: 1%;
        min-height: 40px;
        padding: 5px 50px 5px 2%;
        width: calc(100% - 60px);
    }

    #kalenderOutlook .calTextDetailPicturePlaceholder {
        width: 100%;
    }

    #kalenderOutlook .calTextDetailItem {
        text-align: center;
    }

    .descriptionOpenCloseBlock,
    .btnDownloadIcal {
        margin-left: calc(50% - 87px);
    }

    .descriptionOpenCloseBlock {
        margin-left: calc(50% - 94px);
    }

    /*### 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: 288px;
        padding: 0;
        width: 100%;

    }

    #kalender img {
        left: 49.9%;
    }

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

    #album ul li {
        width: auto;
    }

    /*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-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;
    }

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

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

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


    #kalender .list {
        max-width: 100%;
    }

    #kalender .entry {
        margin-bottom: 20px;
    }
}