/* --- grösser --- */
@media only screen and (min-width: 1366px) {
    div.Menu	{ position: absolute; top: 25px; left: 0px; right: 0px; height: 140px; border: 0px solid red;}
    div.hamburgerMenu    { display: none;}
    img#imgEingang       { width: 696px; margin-bottom: 0px;}
    div#eingangtext1     { position: absolute; top: 35px; left: 715px; margin-bottom: 0px; background-color: #789086;}
    div#eingangtext2     { position: absolute; top: 105px; left: 715px; margin-bottom: 0px; background-color: #839fb0;}
    div#eingangtext3     { position: absolute; top: 175px; left: 715px; margin-bottom: 0px; background-color: #a29093;}
    div#eingangtext4     { position: absolute; top: 245px; left: 715px; margin-bottom: 0px; bottom: 70px; padding-top: 20px; padding-left: 20px; background-color: #bbbcba; color: #ffffff;}
    div.FussContent	{ position: absolute; display: flex; gap: 10px; height: 140px; left: 0px; right: 0px; bottom: 0px; font-size: 12px; color: #eeeeee; background-image:url(/images/fusszeileLilie.png); z-index: 110;}
    div.Content img#imgEingang { margin: 35px 0 0 0;}
}


/* --- Laptop --- */
@media only screen and (max-width: 1366px) {
    div.Menu	{ position: absolute; top: 25px; left: 0px; right: 0px; height: 140px; border: 0px solid red;}
    div.hamburgerMenu    { display: none;}
    img#imgEingang       { width: 696px; margin-bottom: 0px;}
    div#eingangtext1     { position: absolute; top: 35px; left: 715px; margin-bottom: 0px; background-color: #789086;}
    div#eingangtext2     { position: absolute; top: 105px; left: 715px; margin-bottom: 0px; background-color: #839fb0;}
    div#eingangtext3     { position: absolute; top: 175px; left: 715px; margin-bottom: 0px; background-color: #a29093;}
    div#eingangtext4     { position: absolute; top: 245px; left: 715px; margin-bottom: 0px; bottom: 70px; padding-top: 20px; padding-left: 20px; background-color: #bbbcba; color: #ffffff;}
    div.FussContent	{ position: absolute; display: flex; gap: 10px; height: 140px; left: 0px; right: 0px; bottom: 0px; font-size: 12px; color: #eeeeee; background-image:url(/images/fusszeileLilie.png); z-index: 110;}
    div.Content img#imgEingang { margin: 35px 0 0 0;}
}

/* --- Tablet: Landscape --- */
@media only screen and (max-width: 1200px) {
    div.Menu	{ position: absolute; top: 25px; left: 0px; right: 0px; height: 140px; border: 0px solid red;}
    div.hamburgerMenu    { display: none;}
    img#imgEingang       { width: 696px; margin-bottom: 0px;}
    div#eingangtext1     { position: absolute; top: 35px; left: 715px; margin-bottom: 0px; margin-bottom: 0px; background-color: #789086;}
    div#eingangtext2     { position: absolute; top: 105px; left: 715px; margin-bottom: 0px; background-color: #839fb0;}
    div#eingangtext3     { position: absolute; top: 175px; left: 715px; margin-bottom: 0px; background-color: #a29093;}
    div#eingangtext4     { position: absolute; top: 245px; left: 715px; margin-bottom: 0px; bottom: 70px; padding-top: 20px; padding-left: 20px; background-color: #bbbcba; color: #ffffff;}
    div.FussContent	{ position: absolute; display: flex; gap: 10px; height: 140px; left: 0px; right: 0px; bottom: 0px; font-size: 12px; color: #eeeeee; background-image:url(/images/fusszeileLilie.png); z-index: 110;}
    div.Content img#imgEingang { margin: 35px 0 0 0;}
}

/* --- Tablet: Portrait --- */
@media only screen and (max-width: 1012px) {
    div.Menu	{ position: relative; top: 25px; left: 0px; right: 0px; height: 140px; border: 0px solid red;}
    div.Menu img    { margin-left: 24px;}
    div.Menu div.MenuEintraege { display: none; position: absolute; top: 30px; right: 64px; background-color: rgba(255, 255, 255, 0.9); border-radius: 12px;}
    div.Menu div.MenuEintraege ul { margin: 24px; }
    div.Menu div.MenuEintraege ul li { display: list-item; margin: 0 0 12px 0; list-style: none; }
    div.hamburgerMenu    { display: block; position: absolute; right: 24px; top: 57px;}
    img#imgEingang       { width: 100%; margin-bottom: 24px;}
    div#eingangtext1     { position: relative; top: 0px; left: 0px; margin-bottom: 12px; background-color: #789086;}
    div#eingangtext2     { position: relative; top: 0px; left: 0px; margin-bottom: 12px; background-color: #839fb0;}
    div#eingangtext3     { position: relative; top: 0px; left: 0px; margin-bottom: 12px; background-color: #a29093;}
    div#eingangtext4     { position: relative; top: 0px; left: 0px; margin-bottom: 12px; bottom: 70px; padding-top: 20px; padding-left: 20px; background-color: #bbbcba; color: #ffffff;}
    div.FussContent	{ position: relative; display: flex; gap: 10px; flex-direction: column;  height: auto; left: 0px; right: 0px; bottom: 0px; font-size: 12px; color: #eeeeee; background: url("/img/da_lilie_weiss2.svg") no-repeat top center, linear-gradient(to bottom, #003d64, #175d8a); background-size: contain, cover; z-index: 110;}
    div.FussContent div { flex: 1; margin-left: 24px;}
    div.FussContent div Tablet  { margin-left: 24px;}
    div.FussContent div:last-of-type    {margin-bottom: 36px;}
    div.Content     { position: relative; height: auto; top: 0px; right: 0px; bottom: 0px; left: 0px; padding: 24px;}
    div.ContentZentrierer       { max-width: 100%;}
    div.Fussleiste      { display: none;}
    div.Content img#imgEingang { margin: 35px 0 24px 0;}
}

/* --- Mobile Phones --- */
@media only screen and (max-width: 739px) {
    div.Menu	{ position: relative; top: 25px; left: 0px; right: 0px; height: 140px; border: 0px solid red; min-width: 320px;}
    div.Menu img    { margin-left: 24px;}
    div.Menu div.MenuEintraege { display: none; position: absolute; top: 30px; right: 64px; background-color: rgba(255, 255, 255, 0.9); border-radius: 12px;}
    div.Menu div.MenuEintraege ul { margin: 24px; }
    div.Menu div.MenuEintraege ul li { display: list-item; margin: 0 0 12px 0; list-style: none; }
    div.hamburgerMenu    { display: block; position: absolute; right: 24px; top: 57px;}
    img#imgEingang       { width: 100%; margin-bottom: 24px;}
    div#eingangtext1     { position: relative; top: 0px; left: 0px; margin-bottom: 12px; margin-bottom: 12px; background-color: #789086;}
    div#eingangtext2     { position: relative; top: 0px; left: 0px; margin-bottom: 12px; background-color: #839fb0;}
    div#eingangtext3     { position: relative; top: 0px; left: 0px; margin-bottom: 12px; background-color: #a29093;}
    div#eingangtext4     { position: relative; top: 0px; left: 0px; margin-bottom: 12px; bottom: 70px; padding-top: 20px; padding-left: 20px; background-color: #bbbcba; color: #ffffff;}
    div.FussContent	{ position: relative; display: flex; gap: 10px; flex-direction: column;  height: auto; left: 0px; right: 0px; bottom: 0px; font-size: 12px; color: #eeeeee; background: url("/img/da_lilie_weiss2.svg") no-repeat top center, linear-gradient(to bottom, #003d64, #175d8a); background-size: contain, cover; z-index: 110;}
    div.FussContent div { flex: 1; margin-left: 24px;}
    div.FussContent div Tablet  { margin-left: 24px;}
    div.FussContent div:last-of-type    {margin-bottom: 36px;}
    div.Content     { position: relative; height: auto; top: 0px; right: 0px; bottom: 0px; left: 0px; padding: 24px; min-width: 320px;}
    div.ContentZentrierer       { max-width: 100%;}
    div.Fussleiste      { display: none;}
    div.Content img#imgEingang { margin: 35px 0 24px 0;}
}