* {
            font-family: 'Muli', sans-serif;
        }
        .bd-placeholder-img {
            font-size: 1.125rem;
            text-anchor: middle;
            -webkit-user-select: none;
            -moz-user-select: none;
            user-select: none
        }

        @media (min-width: 768px) {
            .bd-placeholder-img-lg {
                font-size: 3.5rem
            }
        }

        .b-example-divider {
            width: 100%;
            height: 3rem;
            background-color: #0000001a;
            border: solid rgba(0, 0, 0, .15);
            border-width: 1px 0;
            box-shadow: inset 0 .5em 1.5em #0000001a, inset 0 .125em .5em #00000026
        }

        .b-example-vr {
            flex-shrink: 0;
            width: 1.5rem;
            height: 100vh
        }

        .bi {
            vertical-align: -.125em;
            fill: currentColor
        }

        .form-control-dark {
            border-color: var(--bs-gray);
        }
        .form-control-dark:focus {
            border-color: #fff;
            box-shadow: 0 0 0 .25rem rgba(255, 255, 255, .25);
        }

        .text-small {
            font-size: 85%;
        }

        .dropdown-toggle:not(:focus) {
            outline: 0;
        }

        .nav-scroller {
            position: relative;
            z-index: 2;
            height: 2.75rem;
            overflow-y: hidden
        }

        .nav-scroller .nav {
            display: flex;
            flex-wrap: nowrap;
            padding-bottom: 1rem;
            margin-top: -1px;
            overflow-x: auto;
            text-align: center;
            white-space: nowrap;
            /* -webkit-overflow-scrolling: touch; */
        }

        .btn-bd-primary {
            --bd-violet-bg: #712cf9;
            --bd-violet-rgb: 112.520718, 44.062154, 249.437846;
            --bs-btn-font-weight: 600;
            --bs-btn-color: var(--bs-white);
            --bs-btn-bg: var(--bd-violet-bg);
            --bs-btn-border-color: var(--bd-violet-bg);
            --bs-btn-hover-color: var(--bs-white);
            --bs-btn-hover-bg: #6528e0;
            --bs-btn-hover-border-color: #6528e0;
            --bs-btn-focus-shadow-rgb: var(--bd-violet-rgb);
            --bs-btn-active-color: var(--bs-btn-hover-color);
            --bs-btn-active-bg: #5a23c8;
            --bs-btn-active-border-color: #5a23c8
        }

        .bd-mode-toggle {
            z-index: 1500
        }

        .bd-mode-toggle .bi {
            width: 1em;
            height: 1em
        }

        .bd-mode-toggle .dropdown-menu .active .bi {
            display: block !important
        }

        .topNav {
            height: 30px!important;
        }
        .topNav button {
            height: 26px;
            
        }
        .altBaslik {
            font-family: 'Adelon Serial'; 
            font-weight: 800; 
            font-style: normal;
            font-size: 17px;
            margin-bottom: auto;
        }
        
        .slogan {
            color:#fff;
            font-family: 'Adelon Serial'; 
            font-weight: 900; 
            font-style: bold;
            font-size: 64px;
            width: 50rem;            
        }

        .sloganAlt {
            color:#fff;
            font-family: 'Muli'; 
            font-size: 18px;
            margin-left: -14px;
        }

        .loginTitle{
            font-family: 'Adelon Serial'; 
            font-weight: 500; 
            font-style: normal;
            font-size: 24px;
            margin-left: 10px;
            margin-top: 10px;
        }

        @media screen and (max-width: 425px) {
            .slogan {
                font-size: 34px;
                width: 24rem;
            }
            .sloganAlt {
                font-size: 16px;
            }
            .navbar-toggler {
                position: absolute;
                right: -15px;
            }
        }

        @media screen and (min-width:768px) {
            .slogan {
                font-size: 34px;
                width: 25rem;                
            }
            .sloganAlt {
                font-size: 14px;                
            }
        }

        @media screen and (min-width: 1024px) {
            .slogan {
                font-size: 44px;
                width: 26rem;
            }
            .sloganAlt {
                font-size: 16px;
            }
        }

        @media screen and (min-width: 1440px) {
            .slogan {
                font-size: 54px;
                width: 50rem;
            }
            .sloganAlt {
                font-size: 18px;
            }
        }

        .navbar-nav .nav-link {
            font-family: 'Adelon Serial'; 
            font-weight: 500; 
            font-style: normal;
            font-size: 21px;
            margin-right: 15px!important;
            color: #15616D;
        }
        .navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
            color: var(--bs-navbar-active-color);
            background-color: coral;
            border-radius: 10px;
        }
        .navbar-nav .nav-link:hover {
            background-color: #FFECD1;
            /* 
            background-color: #FF7D00;
            background-color: #001723; 
            background-color: #15616D; 
            */
            border-radius: 10px;
        }
        .imgBgMain {
            background-image: url('../img/background/webp/par4-bg-login.webp');
            background-size: cover;
            background-repeat: no-repeat;
            background-attachment: fixed;
            height: 100vh;
            width: 100%;
            background-color:darkgray;            
        }
        .imgBgAboutUs {
            background-image: url('../img/background/webp/par4-bg-aboutus.webp');
            background-size: cover;
            background-repeat: no-repeat;
            background-attachment: fixed;
            height: 100vh;
            width: 100%;            
        }
        .imgBgWhyUs {
            background-image: url('../img/background/webp/par4-bg-whyus.webp');
            background-size: cover;
            background-repeat: no-repeat;
            background-attachment: fixed;
            height: 100vh;
            width: 100%;
            background-color:darkgray;            
        }
        .imgBgContactUs {
            background-image: url('../img/background/webp/par4-bg-contactus.webp');
            background-size: cover;
            background-repeat: no-repeat;
            background-attachment: fixed;
            height: 100vh;
            width: 100%;
            background-color:darkgray;            
        }


        .card {
            box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
            background-color: #15616D;
            opacity: 1;
            color: #fff;
            margin-right: 3%;
        }

        .footer-list img
        {
            background-color:#fff;
            border-radius:15px;
            width:24px;
            height:24px;
            padding:5px;
        }
        .footer-list img:hover{
            background-color: #FF7D00 !important;
        }
        
        
        .link-mail{
            color: #FF7D00;
            text-decoration: none;
        }
        .link-mail:hover{
            color: #FFF;
        }
        .link-telefon{
            color: #FFF;
            text-decoration: none;
        }
        .link-telefon:hover{
            color: #FF7D00;
        }

        .loginButon{
            background-color: #FF7D00;
            border-color: #FF7D00;
        }
        .loginButon:hover{
            background-color: #001723;
            border-color: #FFF;
            color: #FF7D00;
        }

        .signButon{
            background-color: #001723;
            border-color: #FF7D00;
        }
        .signButon:hover{
            background-color: #FF7D00;
            border-color: #FFF;
            color: #FFF;
        }