/* AG Demobeobachtung: lesbare Schrift und flexibles Layout */

#imPage {
    position: relative;
    display: grid;
    grid-template-columns: 540px 265px;
    column-gap: 10px;
    row-gap: 20px;
    height: auto;
    padding: 0 0 30px 10px;
    box-sizing: border-box;
}

/* Alle 19 Inhaltsbloecke aus absoluter Positionierung loesen */
#imPage > div[id^="imCel"] {
    position: static;
    top: auto;
    left: auto;
    width: auto;
    height: auto;
    min-width: 0;
    grid-column: 1 / -1;
}

/* Vier zweispaltige Bereiche */
#imCel0_00,
#imCel0_15,
#imCel0_10,
#imCel0_09 {
    grid-column: 1 !important;
}

#imCel0_08,
#imCel1_02,
#imCel1_01,
#imCel1_00 {
    grid-column: 2 !important;
}

/* Feste Hoehen und Textabschneidung aufheben */
#imPage div[id$="_Cont"] {
    height: auto;
    overflow: visible;
}

/* Schriftgroessen */
#imPage .fs10 {
    font-size: 18px;
    line-height: 1.5;
}

#imPage .fs12 {
    font-size: 21px;
    line-height: 1.4;
}

#imPage .fs9 {
    font-size: 16px;
    line-height: 1.4;
}

/* Bilder innerhalb ihrer Spalten halten */
#imPage img {
    max-width: 100%;
    height: auto;
}

/* Navigation wie auf den anderen Seiten */
#imMnMn ul a {
    font-size: 15px;
    line-height: 1.4;
    width: 125px;
    overflow-wrap: normal;
    word-break: normal;
    hyphens: none;
}

#imMnMn ul ul {
    left: 125px;
}

#imMnMn ul li:hover li a,
#imMnMn ul li.iehover li a {
    font-size: 15px;
    line-height: 1.4;
    width: 110px;
}