@font-face {
    font-family: m_roboto;
    src: url(font/Roboto-Regular.ttf);
}
@font-face {
    font-family: b_roboto;
    src: url(font/Roboto-Black.ttf);
}
@font-face {
    font-family: l_roboto;
    src: url(font/Roboto-Light.ttf);
}
html, body {
    font-family: m_roboto;
    color: #657757;
    font-size: 18px;
}
h1 {
    font-family: b_roboto;
    font-size: 3em;
    color: #304774;
}
h2 {
    font-family: b_roboto;
    font-size: 2em;
    color: #304774;
}
h3 {
    font-family: m_roboto;
    font-size: 1.3em;
    color: #657757;
}
h5 {
    font-size: 1.3em;
}
p {
    margin-bottom: 0;
}
ul {
    padding-left: 0;
}
img {
    width: 100%;
}
.p_bold {
    font-family: b_roboto;
}
.p_white {
    color: #ffffff;
}
.p_blue_bck {
    background-color: #304774;
    color: #ffffff;
}
.p_blue {
    color: #304774;
}
.p_green_bck a,
.p_green_bck a:hover {
    color: #ffffff;
}
.p_green_bck {
    background-color: #657757;
    color: #ffffff;
}
.p_green {
    color: #657757;
}
.p_beige_bck {
    background-color: #eeefdd;
}
.p_beige {
    color: #eeefdd;
}
.p_gray_bck {
    background-color: #F3F2F3;
}
.p_gray {
    color: #F3F2F3;
}
.p_center {
    text-align: center !important;
}
.p_left {
    text-align: left !important;
}
.p_right {
    text-align: right !important;
}
.p_logo {
    height: 55px;
    width: auto;
}
.p_header {
    padding: 20px;
}
.p_header_border {
    height: 3px;
    background-color: #657757;
}
.p_img_header {
    background-image: url("../img/header_02.png");
    background-color: #F3F2F3; /* Used if the image is unavailable */
    height: 100%;
    background-position: top right;
    background-repeat: no-repeat;
    background-size: auto 100%;
}
ul.p_check,
ul.p_check_small {
    padding: 0;
    list-style-type: none;
}
.p_check li {
    font-family: b_roboto;
    background-image: url("../img/check_s.png");
    background-repeat: no-repeat;
    background-position: top 10px left 0px;
    background-size: .67em;
    padding-left: .85em;
    font-size: 2em;
    font-weight: bold;
}
.p_check_small li {
    background-image: url("../img/check_s.png");
    background-repeat: no-repeat;
    background-position: top 5px left 0px;
    background-size: .67em;
    padding-left: .85em;
}
.p_spaced li {
    margin: 10px;
}
.p_overlap {
    margin-top: -80px;
    margin-bottom: 40px;
    opacity: .85;
}
.p_overlap .p_center {
    padding: 20px;
}
.p_pad_r_0 {
    padding-right: 0 !important;
}
.p_pad_b_0 {
    padding-bottom: 0 !important;
}
.p_pad_default {
    padding: 60px;
}
.p_bg_img {
    width: 100%;
}
.p_trans_white {
    background: none;
    margin-bottom: 50px;
}
.p_max_w {
    max-width: 305px;
}
.p_max_w_note {
    max-width: 305px;
}
.p_note {
    padding: 10px;
    text-align: center;
    min-height: 230px;
    margin: 1px;
}
.p_note h2 {
    font-family: b_roboto;
    font-size: 1.2em;
    color: #ffffff;
}
.p_img_paket {
    background-image: url("../img/sofware.png");
    height: 100%;
    background-position: top left;
    background-repeat: no-repeat;
    background-size: auto 100%;
}
.p_img_software {
    background-image: url("../img/transparent_prophinet_banet-facility-management-software_probleme.png");
    height: 100%;
    background-position: top right;
    background-repeat: no-repeat;
    background-size: auto 100%;
}
.p_img_warum {
    background-image: url("../img/transparent_prophinet_banet-facility-management-software_loesung.png");
    height: 100%;
    background-position: top right;
    background-repeat: no-repeat;
    background-size: auto 100%;
}
.p_img_warum p {
    margin-top: 30px;
    margin-bottom: 10px;
}
.p_auto {
    width: auto;
}
.p_img_smiley {
    max-width: 305px;
}
ol.p_count {
    list-style: none; counter-reset: li
}
ol.p_count li::before {
    content: counter(li);
    color: #304774;
    font-family: b_roboto;
    font-size: 1.5em;
    display: inline-block;
    width: 1em;
    margin-left: -1.5em;
    margin-right: 0.5em;
    text-align: right;
    direction: rtl
}
ol.p_count li {
    counter-increment: li
}
.p_button,
.p_button:hover {
    font-family: b_roboto;
    font-size: 1.2em;
    text-decoration: none;
    padding: 34px 30px;
    background-color: #304774;
    color: #ffffff;
    box-shadow: 1px 2px 4px rgba(0, 0, 0, .5);
    white-space: nowrap;
    width: 100%;
    display: inline-block;
}
.p_button:hover {
    background-color: #657757;
}
.p_footer {
    background-color: #657757;
    padding-bottom: 70px !important;
}
.p_pad_bot {
    padding-bottom: 30px;
}
.p_w_sm {
   width: 70%;
}
.p_overlap_b {
    margin-bottom: -30px;
}
.p_overlap_lg {
    margin-top: -100px;
}
.p_mar_top_lg {
    margin-top: 60px;
}
.p_abs_b {
    position: absolute;
    bottom: 100px;
}
.p_img_btn {
    max-width: 100px;
    margin-right: 20px;
    box-shadow: 1px 2px 4px rgba(0, 0, 0, .5);
}
.p_nowrap {
    white-space: nowrap;
}
.p_team_au {
    cursor: pointer;
}
.p_pad_large {
    padding: 60px !important;
}
#p_bookme_container {
    display: none;
}
@media only screen and (max-width: 1199px) {
    .col-md-3 {
        padding-right: 2px;
        padding-left: 2px;
    }
    .p_var_back h5,
    .p_check,
    .p_trans_white {
        background: rgba(255, 255, 255, .8);
        padding: 10px !important;
        width: fit-content;
        filter: drop-shadow(0 0 5px rgba(0, 0, 0, .15));
    }
    .p_trans_white h5 {
        background: transparent;
    }
    .p_trans_beige {
        background: rgba(238, 239, 221, .8);
        padding: 10px;
    }
    .p_button,
    .p_button:hover {
        width: 100%;
    }
}
@media only screen and (max-width: 767px) {
    .p_pad_default {
        padding: 20px;
    }
    .p_pad_large {
        padding: 20px !important;
    }
    .p_img_header {
        background-position: top center;
    }
    .p_var_back {
        background: rgba(255, 255, 255, .8);
    }
    .p_var_back h5,
    .p_check,
    .p_trans_white {
        background: transparent;
    }
    .p_trans_beige {
        background: rgba(238, 239, 221, .8);
        padding: 10px;
    }
    .p_overlap {
        margin-top: -30px;
    }
    .p_footer {
        text-align: center;
    }
    .p_button,
    .p_button:hover {
        width: 100%;
        padding: 10px 5px;
    }
    .p_img_btn {
        max-width: 50px;
        margin-right: 20px
    }
    .p_note {
        min-height: auto;
        padding: 20px;
    }
    .p_max_w_note {
        max-width: 150px;
    }
    .p_bookme iframe {
        /*height: 400px !important;*/
    }
}