/* cmsms stylesheet: global modified: Freitag, 5. September 2025 12:34:33 */
body, html {
font-family: 'LatoLatinMedium';
font-size: 1.2em;
font-weight: normal;
color: #333333;
line-height: 1.35em;
height: 100%;
width: 100%;
min-width: 320px;
margin: 0px;
padding: 0px;
text-align: left;
background: #ffffff;
-ms-text-size-adjust: none;
-webkit-text-size-adjust: none;
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
}

:focus-visible {
outline: 2px solid red !important;
}

img { border: 0px; text-decoration: none; border-style: none; border-width: 0; }
a { outline: 0; -moz-outline: 0 }
b, strong { font-family: 'LatoLatinWebBold'; font-weight: normal; }
.semibold { font-family: 'LatoLatinWebSemibold' !important; font-weight: normal; }
i, em { font-style: italic; }
form { margin: 0px; padding: 0px; position: relative; }
p { margin: 0px; padding: 0px; }
ul { margin: 0px; padding: 0px 0px 0px 5px; }
li { margin-left: 20px; }
.wh100 { width: 100%; height: auto; }
.pointer { cursor: pointer; }
.do { display: inline-block; }
.mo { display: none; }
.f_big { font-size: 125%; }
.f_bigger { font-size: 150%; }

* {
box-sizing: border-box;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

.ofh {
overflow: hidden;
}

.block {
display: block;
}

.cb {
clear: both;
}

.fl {
float: left;
}

.fr {
float: right;
}

h1 {
font-family: 'LatoLatinMedium';
font-size: 2.5em;
font-weight: normal;
color: #333333;
line-height: 115%;
margin: 0px 0px 30px 0px;
padding: 0px 0px 25px 0px;
background: url(https://help-leverkusen.de/imgs/bgh1.png) left bottom no-repeat;
background-size: 75% 10px;
display: inline-block;
}

h2 {
font-family: 'LatoLatinMedium';
font-size: 2.2em;
font-weight: normal;
color: #333333;
line-height: 115%;
margin: 0px 0px 20px 0px;
padding: 0px 0px 0px 0px;
}

.gradline {
background: linear-gradient(to right, #f9d53f 0%, #fff400 100%);
width: 100%;
min-height: 50px;
line-height: 50px;
}

#phoneinfo {
float: right;
color: #808080;
font-size: 75%;
font-family: 'LatoLatinWebSemibold';
padding: 0px 0px 0px 40px;
background: url(https://help-leverkusen.de/imgs/fone.png) 0px 13px no-repeat;
background-size: 25px auto;
}

#phoneinfo a {
color: #808080 !important;
text-decoration: none !important;
}

#header {
position: relative;
width: 100%;
max-width: 1320px;
min-height: 175px;
padding: 0px 20px 0px 20px;
margin: 0px auto;
background: #ffffff;
transition: all 200ms ease 10ms;
}

#logo {
position: absolute;
top: 18px;
left: 25px;
z-index: 2;
width: 300px;
height: auto;
transition: all 200ms ease 10ms;
}

#logo img {
width: 100%;
height: auto;
}


#kv {
margin: 0px auto;
width: 100%;
height: auto;
line-height: 0px;
position: relative;
text-align: center;
}

#kv img {
width: 100%;
max-width: 1280px;
height: auto;
margin: 0px auto;
}


#main {
margin: 0px auto;
width: 100%;
padding: 50px 0px 100px 0px;
position: relative;
}

.content-full {
position: relative;
width: 100%;
max-width: 1320px;
padding: 0px 20px 0px 20px;
margin: 0px auto;
}

.con50 {
float: left;
width: 50%;
padding: 0px 30px 0px 0px;
margin: 0px;
}

#footer {
position: relative;
width: 100%;
height: auto;
background: #666666;
padding: 70px 0px 10px 0px;
color: #cdcdcd;
font-size: 70%;
line-height: 135%;
white-space: nowrap;
}

#footer a {
color: #cdcdcd;
text-decoration: none;
}

#footer a:hover {
color: #ffffff;
text-decoration: underline;
}

#footer h2 {
color: #ffffff;
font-family: 'LatoLatinWeb';
font-style: normal;
font-weight: normal;
text-transform: uppercase;
font-size: 100%;
line-height: 125%;
margin: 0px;
padding: 0px 0px 30px 0px;
}

.ft-con {
float: left;
width: auto;
height: auto;
padding: 0px 120px 60px 0px
}

#ft-logo {
width: 230px;
height: auto;
}

#fl_copy {
float: left;
font-family: 'LatoLatinWebSemibold';
color: #333333;
font-size: 70%;
}

#fl_claim {
float: right;
font-family: 'LatoLatinWebSemibold';
color: #843f42;
font-size: 70%;
padding: 0px 40px 0px 0px;
background: url(https://help-leverkusen.de/imgs/afz.png) right no-repeat;
background-size: 25px auto;
}



@media only screen and (max-width: 1150px) {

#header {
position: relative;
width: 100%;
max-width: 1320px;
min-height: 200px;
padding: 0px 20px 0px 20px;
margin: 0px auto;
background: #ffffff;
transition: all 200ms ease 10ms;
}

#logo {
position: absolute;
top: 18px;
left: 25px;
z-index: 2;
width: 250px;
height: auto;
transition: all 200ms ease 10ms;
}

}



@media only screen and (max-width: 940px) {

#header {
position: relative;
width: 100%;
max-width: 1320px;
min-height: 160px;
padding: 0px 20px 0px 20px;
margin: 0px auto;
background: #ffffff;
transition: all 200ms ease 10ms;
}

}



@media only screen and (max-width: 800px) {

.do { display: none; }
.mo { display: inline-block; }

h1 {
font-family: 'LatoLatinMedium';
font-size: 2.2em;
font-weight: normal;
color: #333333;
line-height: 115%;
margin: 0px 0px 30px 0px;
padding: 0px 0px 25px 0px;
background: url(https://help-leverkusen.de/imgs/bgh1.png) left bottom no-repeat;
background-size: 75% 10px;
display: inline-block;
}

h2 {
font-family: 'LatoLatinMedium';
font-size: 2em;
font-weight: normal;
color: #333333;
line-height: 115%;
margin: 0px 0px 20px 0px;
padding: 0px 0px 0px 0px;
}

.con50 {
float: none;
width: 100%;
padding: 0px 0px 30px 0px;
margin: 0px;
}

#fl_claim {
float: left;
width: 100%;
font-family: 'LatoLatinWebSemibold';
color: #843f42;
font-size: 70%;
line-height: 125% !important;
background: url(https://help-leverkusen.de/imgs/afz.png) right no-repeat;
background-size: 25px auto;
padding: 10px 40px 10px 0px;
}

}


@media only screen and (max-width: 600px) {



}
/* cmsms stylesheet: components modified: Dienstag, 2. September 2025 13:56:22 */
#spendenfixie {
position: fixed;
right: 10px;
top: 30%;
width: 30px;
height: 30px;
margin: 0px;
padding: 0px;
background: url(https://help-leverkusen.de/uploads/images/etc/herz.png) no-repeat;
background-size: 30px auto;
cursor: pointer;
z-index: 55;
transition: all 400ms ease 10ms;
}

#spendenfixie:hover {
width: 150px;
height: 150px;
background: url(https://help-leverkusen.de/imgs/Spenden_Button.svg) no-repeat;
background-size: 150px auto;
transition: all 400ms ease 10ms;
}

/* Partner */

.logoblock {
width: 100%;
border-bottom: 2px solid #cccccc;
padding: 60px 0px 60px 0px;
}

.logoblock img {
width: 80%;
height: auto;
}

.logotext {
width: 60%;
font-size: 80%;
hyphens: none;
padding: 20px 0px 0px 10px;
}


/* Map & Öffis */

.karte {
float: left;
width: 50%;
padding: 0px 40px 0px 0px;
}

.verkehr {
float: left;
width: 50%;
}

@media only screen and (max-width: 900px) {

.karte {
float: left;
width: 30%;
padding: 0px 30px 0px 0px;
}

.verkehr {
float: left;
width: 70%;
}

}


@media only screen and (max-width: 600px) {

.karte {
float: none;
width: 100%;
padding: 0px 0px 30px 0px;
}

.verkehr {
float: none;
width: 100%;
}

}


/* Form */

.error_message {
border: 2px solid red;
color: red;
padding: 20px;
margin: 0px 0px 40px 0px;
}

.error_message-inline {
font-size: 70%;
color: red;
padding: 0px;
margin: 0px 0px 20px 0px;
}

.helptextclicker {
position: relative;
display: inline-block;
}

.fbr_helptext {
position: absolute;
bottom: 30px;
left: -50px;
height: auto;
width: 130px;
padding: 10px;
background: #666666;
color: #ffffff;
font-size: 60%;
line-height: 115%;
z-index: 99;
}

.helptexton {
position: absolute;
bottom: 30px;
left: -50px;
height: auto;
width: 130px;
padding: 10px;
background: #666666;
color: #ffffff;
font-size: 60%;
line-height: 115%;
z-index: 99;
opacity: 1;
transform: scale(1);
box-shadow: 1px 1px 10px #a0a0a0;
transition: all 400ms ease 10ms;
}

.helptextoff {
position: absolute;
bottom: 30px;
left: -50px;
height: auto;
width: 130px;
padding: 10px;
background: #666666;
color: #ffffff;
font-size: 60%;
line-height: 115%;
z-index: 99;
opacity: 0;
transform: scale(0);
box-shadow: none;
transition: all 400ms ease 10ms;
}

.stdform fieldset {
border: 1px dotted #666666;
padding: 15px 20px 20px 20px;
}

.stdform fieldset legend {
padding: 0px 10px 0px 10px;
font-family: 'LatoLatinWebBold';
font-weight: normal;
}

.stdform .input100 input {
display: block;
margin: 3px 0px 10px 0px;
padding: 0px 5px 0px 5px;
border: 2px solid #f9d53f;
background: #f9f9f9;
width: 100%;
max-width: 400px;
height: 40px;
line-height: 40px;
font-size: 95%;
}

.stdform .input50 input {
display: block;
margin: 3px 0px 10px 0px;
padding: 0px 5px 0px 5px;
border: 2px solid #f9d53f;
background: #f9f9f9;
width: 100%;
max-width: 200px;
height: 40px;
line-height: 40px;
font-size: 95%;
}

.stdform .input25 input {
display: block;
margin: 3px 0px 10px 0px;
padding: 0px 5px 0px 5px;
border: 2px solid #f9d53f;
background: #f9f9f9;
width: 100%;
max-width: 100px;
height: 40px;
line-height: 40px;
font-size: 95%;
}

.stdform select {
display: block;
margin: 3px 0px 10px 0px;
padding: 0px 5px 0px 5px;
border: 2px solid #f9d53f;
background: #f9f9f9;
width: 100%;
max-width: 400px;
height: 40px;
line-height: 40px;
font-size: 95%;
}

/* Team */

.teambg-gelb {
background: #f9df44;
padding: 50px 50px 20px 50px;
margin: 30px 0px 30px 0px;
}

.team {
width: 100%;
height: auto;
padding: 20px 0px 20px 0px;
overflow: hidden;
}

.team ul {
margin: 0px -70px 0px -70px;
padding: 0px;
line-height: 135%;
display: -webkit-flex;	
display: flex;
flex-wrap: wrap;
}

.team ul li {
position: relative;
flex: 1 1 calc(100% / 3);
max-width: calc(100% / 3 - 140px);
margin: 0px 70px 50px 70px;
padding: 0px;
float: left;
list-style-type: none;
}

.team ul li img {
width: 100%;
height: auto;
border: 1px solid #ffffff;
margin: 0px 0px 10px 0px;
}

.team ul li h2 {
font-family: 'LatoLatinWebBold';
font-size: 1.2em;
font-weight: normal;
color: #333333;
line-height: 115%;
margin: 10px 0px 15px 0px;
padding: 0px 0px 0px 0px;
}

.team-txt {
padding: 0px 0px 10px 0px;
font-size: 90%;
}


@media only screen and (max-width: 900px) {

.team ul {
margin: 0px -25px 0px -25px;
padding: 0px;
line-height: 135%;
display: -webkit-flex;	
display: flex;
flex-wrap: wrap;
}

.team ul li {
position: relative;
flex: 1 1 calc(100% / 2);
max-width: calc(100% / 2 - 50px);
margin: 0px 25px 50px 25px;
padding: 0px;
float: left;
list-style-type: none;
font-size: 90%;
}

}


@media only screen and (max-width: 600px) {

.teambg-gelb {
background: #f9df44;
padding: 20px 20px 20px 20px;
margin: 30px -20px 30px -20px;
}

.team ul {
margin: 0px 0px 0px 0px;
padding: 0px;
line-height: 135%;
display: -webkit-flex;	
display: flex;
flex-wrap: wrap;
}

.team ul li {
position: relative;
flex: 1 1 calc(100% / 1);
max-width: calc(100% / 1 - 0px);
margin: 0px 0px 60px 0px;
padding: 0px;
float: left;
list-style-type: none;
font-size: 90%;
}

}

/* Gruppenangebote */

.gruppenangebote {
position: relative;
width: 100%;
height: auto;
margin: 0px auto;
}

.gruppenangebote ul {
margin: 0px;
padding: 0px;
}

.gruppenangebote ul li {
list-style-type: none;
float: none;
position: relative;
width: 100%;
height: auto;
margin: 0px;
padding: 0px 0px 100px 0px;
}

.gruppenangebote ul li .gr-img {
float: left;
width: 50%;
height: auto;
padding: 0px 50px 0px 0px;
}

.gruppenangebote ul li:nth-child(even) .gr-img {
float: right;
width: 50%;
height: auto;
padding: 0px 0px 0px 50px;
}

.gr-img img {
width: 100%;
height: auto;
}

.gruppenangebote ul li .gr-txt {
float: right;
width: 50%;
height: auto;
}

.gruppenangebote ul li:nth-child(even) .gr-txt {
float: left;
width: 50%;
height: auto;
}

.gr-txt ul {
margin: 5px 0px;
padding: 0px;
}

.gr-txt ul li {
list-style-type: disc;
margin: 0px 0px 0px 20px;
padding: 0px;
background: none;
box-shadow: none;
}

.gr-info {
color: #804040;
font-family: 'LatoLatinWebSemibold';
font-style: normal;
font-weight: normal;
}

.gr-kontaktinfo {
width: 100%;
font-family: 'LatoLatinWebBold';
padding: 10px 0px 40px 0px;
border-bottom: 2px solid #cccccc;
}


@media only screen and (max-width: 900px) {

.gruppenangebote ul li .gr-img {
float: left;
width: 40%;
height: auto;
padding: 0px 30px 0px 0px;
}

.gruppenangebote ul li:nth-child(even) .gr-img {
float: right;
width: 40%;
height: auto;
padding: 0px 0px 0px 30px;
}

.gruppenangebote ul li .gr-txt {
float: right;
width: 60%;
height: auto;
}

.gruppenangebote ul li:nth-child(even) .gr-txt {
float: left;
width: 60%;
height: auto;
}

}


@media only screen and (max-width: 600px) {

.gruppenangebote ul li {
list-style-type: none;
float: none;
position: relative;
width: 100%;
height: auto;
margin: 0px;
padding: 0px 0px 50px 0px;
}

.gruppenangebote ul li .gr-img {
float: none;
width: 100%;
height: auto;
padding: 0px 0px 30px 0px;
}

.gruppenangebote ul li:nth-child(even) .gr-img {
float: none;
width: 100%;
height: auto;
padding: 0px 0px 30px 0px;
}

.gruppenangebote ul li .gr-txt {
float: none;
width: 100%;
height: auto;
}

.gruppenangebote ul li:nth-child(even) .gr-txt {
float: none;
width: 100%;
height: auto;
}

}


/* News */

.newshome {
width: 100%;
height: auto;
padding: 20px 0px 20px 0px;
overflow: hidden;
}

.newshome ul {
margin: 0px -25px 0px -25px;
padding: 0px;
line-height: 135%;
display: -webkit-flex;	
display: flex;
flex-wrap: wrap;
}

.newshome ul li {
position: relative;
flex: 1 1 calc(100% / 3);
max-width: calc(100% / 3 - 50px);
margin: 0px 25px 50px 25px;
padding: 0px;
float: left;
list-style-type: none;
}

.newshome ul li img {
width: 100%;
height: auto;
margin: 0px 0px 10px 0px;
}

.newshome ul li h2 {
font-family: 'LatoLatinWebBold';
font-size: 1.2em;
font-weight: normal;
color: #333333;
line-height: 115%;
margin: 10px 0px 15px 0px;
padding: 0px 0px 0px 0px;
}

.newshome-txt {
padding: 0px 0px 10px 0px;
font-size: 90%;
}

.article-sum {
width: 100%;
margin: 30px 0px 70px 0px;
}

.article-sum-img {
float: left;
width: 40%;
padding: 0px 70px 0px 0px;
}

.article-sum-txt {
float: left;
width: 60%;
padding: 0px 0px 0px 0px;
}

.article-sum-headline {
margin: 0px 0px 20px 0px;
padding: 0px 100px 0px 0px;
background: url(https://help-leverkusen.de/imgs/bgh1.png) left bottom no-repeat;
background-size: 100% 8px;
display: inline-block;
}

.article-sum-headline h2 {
font-family: 'LatoLatinWebBold';
font-size: 1.2em;
font-weight: normal;
color: #333333;
line-height: 115%;
margin: 0px 0px -3px 0px;
padding: 0px 0px 0px 0px;
display: block;
}

.article-sum-img img {
width: 100%;
max-width: 395px;
height: auto;
}

.article-info {
color: #804040;
font-family: 'LatoLatinWebSemibold';
font-style: normal;
font-weight: normal;
}

.article-img {
float: right;
width: 30%;
margin: 0px 0px 20px 30px;
}

.article-full {
width: 100%;
margin: 20px 0px 20px 0px;
}


@media only screen and (max-width: 900px) {

.newshome ul {
margin: 0px -15px 0px -15px;
padding: 0px;
line-height: 135%;
display: -webkit-flex;	
display: flex;
flex-wrap: wrap;
}

.newshome ul li {
position: relative;
flex: 1 1 calc(100% / 3);
max-width: calc(100% / 3 - 30px);
margin: 0px 15px 50px 15px;
padding: 0px;
float: left;
list-style-type: none;
font-size: 90%;
}

.article-sum-img {
float: left;
width: 40%;
padding: 0px 30px 0px 0px;
}

.article-sum-txt {
float: left;
width: 60%;
padding: 0px 0px 0px 0px;
}

}


@media only screen and (max-width: 600px) {

.newshome ul {
margin: 0px 0px 0px 0px;
padding: 0px;
line-height: 135%;
display: -webkit-flex;	
display: flex;
flex-wrap: wrap;
}

.newshome ul li {
position: relative;
flex: 1 1 calc(100% / 1);
max-width: calc(100% / 1 - 0px);
margin: 0px 0px 60px 0px;
padding: 0px;
float: left;
list-style-type: none;
font-size: 90%;
}

.article-sum-img {
float: none;
width: 100%;
padding: 0px 0px 20px 0px;
}

.article-sum-img img {
width: 100%;
max-width: 100%;
height: auto;
}

.article-sum-txt {
float: none;
width: 100%;
padding: 0px 0px 0px 0px;
}

.article-img {
float: none;
width: 100%;
height: auto;
margin: 20px 0px 20px 0px;
}

}


.kontaktinfo {
position: relative;
width: 100%;
height: auto;
margin: 60px 0px 60px 0px;
padding: 18px 100px 18px 18px;
background: #eeeeee;
line-height: 150%;
}

.ki-leuchtturm {
position: absolute;
right: 30px;
top: -60px;
width: 162px;
height: auto;
}

/* Spenden-Teaser */

.speko-teaser {
width: 100%;
height: auto;
margin: 60px 0px 60px 0px;
}

.speko-teaser h2 {
font-family: Courier, serif;
font-weight: bold;
font-size: 2.5em;
letter-spacing: 5px;
color: #804040;
text-transform: uppercase;
margin: 0px;
padding: 0px 0px 5px 0px;
hyphens: none;
}

.skt-left {
float: left;
width: 34%;
padding: 0px 0px 0px 0px;
}

.skt-left img {
width: 60%;
height: auto;
}

.skt-right {
float: left;
width: 66%;
padding: 25px 0px 25px 0px;
}

a.bblink {
display: block;
font-family: Courier, serif;
font-weight: bold;
font-size: 2.2em;
line-height: 115%;
letter-spacing: 4px;
color: #804040;
padding: 10px 0px 10px 0px;
text-decoration: none !important;
}


@media only screen and (max-width: 900px) {

.skt-left img {
width: 85%;
height: auto;
}

.skt-right {
float: left;
width: 66%;
padding: 0px 0px 25px 0px;
}

}

@media only screen and (max-width: 600px) {

.ki-leuchtturm {
display: none;
}

.kontaktinfo {
position: relative;
width: 100%;
height: auto;
margin: 60px 0px 60px 0px;
padding: 18px 18px 18px 18px;
background: #eeeeee;
line-height: 150%;
}

.skt-left {
float: none;
width: 100%;
padding: 0px 0px 0px 0px;
}

.skt-left img {
width: 100%;
height: auto;
}

.skt-right {
float: none;
width: 100%;
padding: 25px 0px 0px 0px;
}

}


/* // Spenden-Teaser */

.op0 {
opacity: 0;
-o-transition: all 400ms ease 10ms;
-moz-transition: all 400ms ease 10ms;
-ms-transition: all 400ms ease 10ms;
-webkit-transition: all 400ms ease 10ms;
transition: all 400ms ease 10ms;
}

.op1 {
opacity: 1;
-o-transition: all 400ms ease 10ms;
-moz-transition: all 400ms ease 10ms;
-ms-transition: all 400ms ease 10ms;
-webkit-transition: all 400ms ease 10ms;
transition: all 400ms ease 10ms;
}




.button, input[type=submit] {
background: #ffee00;
color: #000000 !important;
display: inline-block;
font-family: 'LatoLatinWebSemibold';
font-size: 0.8em;
font-weight: normal;
letter-spacing: 0px;
white-space: nowrap;
margin: 10px 0px 10px 0px;
padding: 0px 40px 0px 40px;
max-height: 36px;
line-height: 36px;
text-align: center;
width: auto;
position: relative;
cursor: pointer;
outline: 0px;
border: 1px solid #ffffff;
text-decoration: none !important;
text-transform: uppercase;
transition: all .4s ease;
}

.button:hover, input[type=submit]:hover {
background: #faba00;
color: #ffffff !important;
text-decoration: none !important;
transition: all .4s ease;
}



@media only screen and (max-width: 600px) {



}
/* cmsms stylesheet: menu modified: Donnerstag, 4. September 2025 16:38:08 */
/* Fader */

@-webkit-keyframes fadeIn {
from { opacity: 0; }
to { opacity: 1; }
}

@keyframes fadeIn {
from { opacity: 0; }
to { opacity: 1; }
}


#menuopener {
display: none;
}


.mlopen {
width: 100%;
height: 100%;
margin: 0px;
padding: 0px;
background: linear-gradient(to right, #f9d53f 0%, #fff400 100%);
position: fixed;
top: 0px;
right: 0px;
overflow-x: hidden;
overflow-y: auto;
z-index: 1000;
opacity: 1;
transition: all 200ms ease 10ms;
}

.mlclosed {
width: 100%;
height: 0px;
margin: 0px;
padding: 0px;
background: rgba(255,255,255,0);
position: fixed;
top: 0px;
right: 0px;
overflow: hidden;
z-index: 1;
opacity: 0;
transition: all 200ms ease 10ms;
}

.mlopen #mobilemenu {
opacity: 1;
transform: scaleX(1);
transition: all 200ms ease 10ms;
}

.mlclosed #mobilemenu {
opacity: 0;
transform: scaleX(0);
transition: all 200ms ease 10ms;
}

/* Mobilemenu */

#mobilemenu {
margin: 0px auto;
width: 100%;
padding: 50px 20px 20px 20px;
position: relative;
color: #000000;
font-family: 'LatoLatinWebSemibold'; 
font-weight: normal;
text-align: center;
}

#mobilemenu ul {
margin: 0px;
padding: 0px;
}

#mobilemenu ul ul {
margin: 0px 0px 15px 0px;
padding: 0px;
}

#mobilemenu ul li {
list-style-type: none;
margin: 0px;
padding: 0px;
position: relative;
}

#mobilemenu ul li a {
font-size: 1.4em;
color: #000000;
text-decoration: none;
padding: 10px 0px 10px 0px;
display: inline-block;
}

#mobilemenu ul li.sectionheader {
font-size: 1.4em;
color: #6e6e6e;
text-decoration: none;
padding: 10px 0px 10px 0px;
display: inline-block;
}

#mobilemenu ul ul li a {
font-size: 0.9em !important;
color: #000000;
text-decoration: none;
padding: 5px 0px 5px 0px;
display: inline-block;
}

#mobilemenu ul li a:hover {
text-decoration: underline;
}

#mobilemenu li a.menuactive span {
text-decoration: underline;
}



/* Mainmenu */

#mainmenu {
position: absolute;
right: 20px;
bottom: 33px;
margin: 0px;
width: auto;
font-family: 'LatoLatinWebSemibold'; 
font-weight: normal;
font-size: 0.83em;
text-transform: uppercase;
}

#mainmenu ul {
margin: 0px;
padding: 0px;
}

#mainmenu ul li {
float: left;
list-style-type: none;
margin: 0px;
padding: 0px;
position: relative;
}

#mainmenu ul li a {
color: #000000;
text-decoration: none;
padding: 0px 12px 0px 12px;
display: inline-block;
background: #ffffff;
line-height: 30px !important;
}

#mainmenu ul li.sectionheader {
color: #000000;
text-decoration: none;
padding: 1px 22px 0px 12px !important;
display: inline-block;
background: url(https://help-leverkusen.de/imgs/arrow_down.png) top 10px right 4px no-repeat #ffffff;
background-size: 10px auto;
line-height: 29px !important;
cursor: default;
}

#mainmenu ul li a:hover {
text-decoration: none;
color: #000000;
background: #ffee00;
}

#mainmenu ul li.sectionheader:hover {
text-decoration: none;
color: #000000;
background: url(https://help-leverkusen.de/imgs/arrow_down.png) top 10px right 4px no-repeat #ffee00;
background-size: 10px auto;
}

#mainmenu li a.currentpage {
text-decoration: none;
color: #000000;
background: #ffee00;
}

#mainmenu li.activeparent {
text-decoration: none;
color: #000000;
background: url(https://help-leverkusen.de/imgs/arrow_down.png) top 10px right 4px no-repeat #ffee00 !important;
background-size: 10px auto !important;
}


/* Mainmenu weitere Ebenen */

#mainmenu ul ul {
position: absolute;
display: none;
margin-bottom: -1px;
margin-left: -11px;
width: auto;
text-align: left;
padding: 0px 0px 0px 0px;
white-space: nowrap;
background: #ffffff;
z-index: 999;
line-height: 30px;
font-size: 90%;
letter-spacing: 0px;
box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.15);
}

#mainmenu ul ul ul {
margin-top: 0px;
left: 100%;
top: 0px;
margin-left: 0px;
padding: 0px 0px 0px 0px;
background: #ffffff;
line-height: 30px;
font-size: 95%;
letter-spacing: 0px;
box-shadow: 5px 2px 5px 0px rgba(0,0,0,0.18);
}


#mainmenu ul ul li {
list-style-type: none;
float: none;
width: auto;
position: relative;
padding: 0px;
margin: 0px;
}



#mainmenu ul ul ul li {
list-style-type: none;
float: none;
width: auto;
position: relative;
padding: 0px;
margin: 0px;
}

#mainmenu ul ul li a {
text-decoration: none;
margin: 0px;
padding: 2px 12px 0px 12px;
display: block;
height: auto;
}

#mainmenu ul ul,
#mainmenu ul li:hover ul,
#mainmenu ul li:hover ul ul,
#mainmenu ul li:hover ul ul ul {
display: none;
}

#mainmenu ul li:hover ul,
#mainmenu ul ul li:hover ul,
#mainmenu ul ul ul li:hover ul,
#mainmenu ul ul ul ul li:hover ul {
display: block;
-webkit-animation: fadeIn 200ms;
animation: fadeIn 200ms;
}



@media only screen and (max-width: 1150px) {

#mainmenu {
position: absolute;
right: auto;
left: 12px;
bottom: 10px;
margin: 0px;
width: auto;
font-family: 'LatoLatinWebSemibold'; 
font-weight: normal;
font-size: 0.83em;
text-transform: uppercase;
}

}



@media only screen and (max-width: 940px) {

#mainmenu {
display: none;
}


#menuopener {
width: 40px;
height: 30px;
cursor: pointer;
position: absolute;
top: 65px;
right: 20px;
z-index: 100;
display: block;
}

#burger {
width: 100%;
height: 3px;
background: #000000;
position: absolute;
top: 15px;
right: 0px;
transition: all 200ms ease 10ms;
}

#burger:before {
content: '';
width: 100%;
height: 3px;
background: #000000;
cursor: pointer;
position: absolute;
top: -10px;
transition: all 200ms ease 10ms;
}

#burger:after {
content: '';
width: 100%;
height: 3px;
background: #000000;
cursor: pointer;
position: absolute;
bottom: -10px;
transition: all 200ms ease 10ms;
}


#menuopener:hover #burger {
background: #fad701;
transition: all 200ms ease 10ms;
}

#menuopener:hover #burger:before {
background: #f5c070;
top: -12px;
transition: all 200ms ease 10ms;
}

#menuopener:hover #burger:after {
background: #efe10f;
bottom: -12px;
transition: all 200ms ease 10ms;
}

.closeX {
position: absolute;
right: 20px;
top: 20px;
width: 40px;
height: 40px;
opacity: 1;
cursor: pointer;
}

.closeX:before, .closeX:after {
position: absolute;
left: 15px;
content: ' ';
height: 33px;
width: 3px;
background-color: #000000;
}
.closeX:before {
transform: rotate(45deg);
}
.closeX:after {
transform: rotate(-45deg);
}

.closeX:hover:before {
transform: rotate(-45deg);
transition: all 500ms ease 10ms;
}
.closeX:hover:after {
transform: rotate(45deg);
transition: all 500ms ease 10ms;
}


}



@media only screen and (max-width: 600px) {


}
/* cmsms stylesheet: links modified: Mittwoch, 23. April 2025 13:44:56 */
a:link { 
color: #804040;
text-decoration: underline;
transition: all 200ms ease 10ms;
}

a:active { 
color: #804040;
text-decoration: underline;
transition: all 200ms ease 10ms;
}

a:visited { 
color: #804040;
text-decoration: underline;
transition: all 200ms ease 10ms;
}

a:hover { 
color: #000000;
text-decoration: underline;
transition: all 200ms ease 10ms;
}

a.pdf:link { 
color: #804040;
font-size: 85%;
font-family: 'LatoLatinWebSemibold';
font-style: normal;
font-weight: normal;
display: block;
text-decoration: underline;
transition: all 200ms ease 10ms;
}