/*============================================================================================*/
/* Your custom styles below */
/*============================================================================================*/

/* Korrektur: in style.css fehlt in Zeile 54 eine Einheit */
body {
    line-height: 1.6em;
}
/* Korrektur: kann in style.css einfach in Zeile 839 angepasst werden */
#top_nav ul {
    font-size:10px;
}

/* verhindert Probleme mit #top-nav: */
body > * {
    min-width:320px;
}

/* Blaue Farbe in Tabelle auf references.html kommt aus pricing_tables.css, Zeile 275 */
.pricing-header {
    background-color:#fff;
    border:1px solid #e0e0e0;
    padding:0.5em;
    border-radius:.5em;
    margin-bottom:1em;
    height:auto;
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.05);
}
.pricing-header h2 {
    padding-bottom:.5em;
    color:#555;
}


#ProRealTime {
    width:300px;
    height:400px;
}

@media only screen and (min-width: 768px) {
    .pricing-header {
        min-height:100px;
    }
    ul.pricing-list {
        display:flex;
        align-items: stretch;
        justify-content: flex-start;
        flex-wrap: wrap;
    }
    .with-margins .pricing-list > li {
        background-color:transparent;
        box-shadow: none;
        float: none;
        width:31.833%;
        min-width:250px;
    }
}


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

    #top_nav {
        top:50px;
        left:0px;
        width:100%;
        border-top:1px solid #ccc;
    }
    #top_nav ul {
        text-align:right;
    }
    #top_nav li:first-child {
        margin-left:0;
    }
}