@font-face {
    font-family: 'MaxLf';
    src: url('../Fonts/MaxWeb.woff')
}

:root {
    --pt-blue: #22a9e1;
}

body {
    font-family: "MaxLf", sans-serif;
    background-color: #f9f8f5;
}

#header {
    background-color: var(--pt-blue);
    color: white;
}

header.header .topbar {
    background-color: var(--pt-blue);
    color: white;

    .btn {
        color: white;
    }

    .active-client {

        .input-group-text {
            color: white;
        }

        .btn {
            color: white;
        }
    }
}

header.header .toolbar .nav-link:hover {
    color: white;
}

header.header .main-navbar-wrapper .navbar-collapse .collapse .show {
    background-color: #66c3ea;
}

.fad.fa-random:after {
    opacity: 0.7;
}

header.header .navbar a {
    color: white;
    font-size: 1.125rem;
}

.navbar-light .navbar-nav .nav-link:focus {
    color: white;
}

header.header .navbar .dropdown-item {
    color: var(--pt-blue);
}

header.header .toolbar .nav-link {
    color: white;
    border-color: white;
}

header.header .toolbar .nav-link .badge {
    opacity: initial;
}

.cart-btn:hover {
    background-color: white;
    color: var(--pt-blue);
    border-color: var(--pt-blue);
}

.cart-btn:hover i {
    color: var(--pt-blue);
}

.badge-info {
    background-color: white;
    box-shadow: #606060 1px 1px 5px;
    color: black;
}

#footer {
    background: linear-gradient(to bottom, #ffffff, #e5e4e5);
    color: #606060;
    line-height: 1.538;
}

#footer .nav-link {
    color: #606060;
    font-size: 0.81rem;
    font-family: sans-serif;
    font-weight: 300;
}

footer.footer {
    font-size: 1.25rem;
}

.schorsch {
    display: flex;
    height: 100%;
    align-items: end;
    justify-content: end;

    img {
        width: 50%;
    }
}

#reachability {
    font-size: 3rem;
    line-height: 1.19;
    white-space: nowrap;
}

#address {
    line-height: 1.5;
    letter-spacing: .5px;
    font-family: sans-serif;
    font-size: 1.188rem;
    font-weight: 100;
}

#cardbutton:hover {
    scale: 1.05;

    .btn-outline-primary {
        color: white;
        border-color: var(--pt-blue);
        background-color: var(--pt-blue);
    }
}

.btn:not(:disabled):not(.disabled) {
    box-shadow: initial;
}

.btn-outline-primary {
    color: var(--pt-blue);
    border-color: var(--pt-blue);
    border-radius: 0;
    font-size: 1.25rem;
}

.btn-outline-primary:hover {
    color: white;
    border-color: var(--pt-blue);
    background-color: var(--pt-blue);
}

.card {
    box-shadow: 0 2px 14px 0 rgba(0, 0, 0, .10);
}

.outer-container {
    max-width: 1440px;
    margin: 0 auto;
    background-color: white;
    border-left: 1px solid #e8e6e0;
    border-right: 1px solid #e8e6e0;
}

/*configureproduct.tpl*/

#order-standard_cart .product-info {
    font-size: 1rem;
}

#order-standard_cart .sub-heading span, #order-standard_cart .sub-heading-borderless span {
    color: white;
    background-color: var(--pt-blue);
}

#order-standard_cart label, #order-standard_cart p.domain-renewal-desc, .service-renewals .div-renewal-period-label {
    color: black;
    font-weight: 400;
    font-size: 0.89rem;
}

#productConfigurableOptions .form-group > label:first-child {
    font-size: 18px;
}

.btn-primary {
    background-color: var(--pt-blue);
    color: white;
    border: 2px solid var(--pt-blue);
}

.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus,
.btn-primary:focus-visible {
    background-color: white;
    color: var(--pt-blue);
    border: 2px solid var(--pt-blue);
    box-shadow: initial;
}

.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle {
    background-color: white;
    color: var(--pt-blue);
    border: 2px solid var(--pt-blue);
    box-shadow: initial;
}

#order-standard_cart .order-summary {
    background-color: var(--pt-blue);
    border: 3px solid var(--pt-blue);
}

.product-title {
    color: #07418b;
}

#order-standard_cart .field, #order-standard_cart .form-control {
    color: black;
}

#order-standard_cart {
    font-family: sans-serif;
    line-height: 1.75;
}

#productConfigurableOptions {
    font-weight: 100;
    font-size: 1.25rem;
}

#order-standard_cart .cart-sidebar {
    width: 20%;
}

#order-standard_cart .cart-body {
    width: 80%;
}

.price .row:nth-child(1) {
    color: #63666a;
    font-weight: 500;
}

.price .row:nth-child(2) {
    color: #63666a;
}

.gross p {
    font-weight: 500;
}

.gross span {
    font-weight: 700;
}

.net p {
    font-weight: 500;
    color: #63666a;
}

.net span {
    font-weight: 700;
    color: var(--pt-blue);
}

.field-container label {
    font-size: 18px !important;
}

.customField {
    margin-top: 1rem;
}


/*mediaquery*/

@media (max-width: 1199px) {
    #order-premium_comparison .price-table-container ul li .price-table {
        width: 350px;
    }

    #order-standard_cart .cart-body {
        width: 100%;
    !important
    }

    #nav li {
        padding-top: 5px;

        ul li {
            border-bottom: initial;
        }

        a {
            display: block;
            border-bottom: 2px solid #b7a99a;
        }

        a:hover {
            text-decoration: initial;
        }
    }

    .dropdown-toggle::after {
        position: absolute;
        right: 0;
        top: 10px;
        margin-right: 15px;
    }

    .dropdown-divider {
        display: none;
    }

    .navbar-nav .dropdown-menu {
        background-color: var(--pt-blue);
        border: initial;
    }

    header.header .navbar .dropdown-item {
        color: white;
        padding-left: 0;

        a {
            padding-left: 1rem !important;
        }
    }

    .dropdown {
        padding-top: 5px;

        a {
            display: block;
            border-bottom: 2px solid #b7a99a;
        }

        a:hover {
            text-decoration: initial;
        }
    }
}

@media (max-width: 991px) {
    #order-premium_comparison .price-table-container ul li .price-table {
        width: 300px;
    }
}

@media (max-width: 767px) {
    #order-premium_comparison .price-table-container ul li .price-table {
        width: 100%;
        margin: auto;
    }
}

@media (max-width: 575px) {
    #reachability {
        font-size: 2rem;
    }
}

@media (max-width: 526px) {
    header.header .toolbar {
        margin-left: auto;
    }
}

/*checkout.tpl*/
#order-standard_cart .sub-heading {
    margin-bottom: 48px;
}