.f12-profiler .headline-container {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#212121+0,45484d+100 */
    background: #212121; /* Old browsers */
    background: -moz-linear-gradient(-45deg,  #212121 0%, #45484d 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg,  #212121 0%,#45484d 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg,  #212121 0%,#45484d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#212121', endColorstr='#45484d',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

    min-height:            200px;
    padding-left:          20px;
    display:               flex;
    flex-flow:             row nowrap;
    align-items:           center;
    margin-bottom:         20px;
    box-shadow:            0px 5px 1px 0px rgba(0, 0, 0, 0.2);
    border-radius:         3px;
    -moz-border-radius:    3px;
    -webkit-border-radius: 3px;
}

.f12-profiler {
    margin-top:   20px;
    margin-right: 15px;
    margin-left:  15px;
}

.f12-profiler .row {
    display:   flex;
    flex-flow: row nowrap;
}

.f12-profiler .left {
    width: 70%;
}

.f12-profiler .right {
    width: 30%;
}

.f12-profiler .logo img {
    max-width:    150px;
    margin-right: 20px;
}

.f12-profiler h1 {
    color:     #fff;
    font-size: 40px;
}

.f12-profiler h2 {
    font-size: 30px;
}

.f12-profiler table {
    background-color: #f9f9f9;
    border:           1px solid #edeaea;
    border-collapse:  collapse;
}

.f12-profiler label {
    font-weight: bold;
}

.f12-profiler table td {
    vertical-align: top;
    padding:        10px;
    border-bottom:  1px solid #edeaea;
}

.f12-profiler table td span {
    vertical-align: middle;
}

.f12-profiler table td p {
    margin: 0.5em 0;
}

.f12-profiler table tr:last-child td {
    border-bottom: 0;
}

.f12-profiler table tr td:last-child {
    vertical-align: middle;
}

.f12-profiler table tr td:first-child {
    width:            150px;
    border-right:     1px solid #edeaea;
    background-color: #f5f5f5;
}

.f12-profiler .hardware {
    max-width: 95%;
    display:   flex;
    flex-flow: row wrap;
}

.f12-profiler .hardware > div {

    padding:          20px;
    flex:             1 1 29%;
    max-width:        29%;
    background-color: #fff;
    margin-right:     20px;
}

.f12-profiler .tipps ul {
    list-style-type: square;
    padding-left:    20px;
    box-sizing:      border-box;
}

.f12-profiler .tipps {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#212121+0,45484d+100 */
    background: #212121; /* Old browsers */
    background: -moz-linear-gradient(-45deg,  #212121 0%, #45484d 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg,  #212121 0%,#45484d 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg,  #212121 0%,#45484d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#212121', endColorstr='#45484d',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

    color:              #fff;
    padding:            20px;
    height:             100%;
    box-sizing:         border-box;
    -moz-box-sizing:    border-box;
    -webkit-box-sizing: border-box;
}

.f12-profiler .tipps h2 {
    color:          #ccc;
    padding-top:    0;
    margin-top:     0;
    padding-bottom: 15px;
    border-bottom:  1px solid #666;
}