basic-business-template/content/includes/css.blade.php

<link href="{{storage('assets/libs/bootstrap-5.3.0/bootstrap.min.css')}}" rel="stylesheet" integrity="sha384-9ndCyUaIbzAi2FUVXJi0CjmCapSmO7SnpJef0486qhLnuZ2cdeRhO02iuK6FUUVM" crossorigin="anonymous">
<style>

    body{
        background-color: {{$_primary_background_color}};
        font-family: {{$_schriftart}};

        background-image: url("{{$_background_pattern}}");
        background-image: url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%239C92AC' fill-opacity='0.2' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E");
    }

    .bg-ci { background-color: {{$_primary_ci_color}};
    }
    footer { color: {{$_footer_color}} ;
    }

    footer a, .breadcrumb a , .breadcrumb .breadcrumb-item { color: {{$_footer_link_color}};}
    footer a:hover,.breadcrumb a:hover { color: {{$_footer_secondary_link_color}};}
    h1,h2,h3,h4{color: {{$_title_color}}!important;}

    .card{background-color: {{$_secondary_background_color}};}



    .bg-primary{ background-color: {{$_primary_ci_color}} !important;}
    .bg-secondary{ background-color: {{$_secondary_background_color}} !important;}

    a, a:hover, a:active {color:{{$_primary_link_color}};}


    .navbar a:hover{
        color: {{$_title_color}};
    }

    .navbar a:last-of-type{
        margin-right: 0px;
    }

    .navbar .nav-link:active{}

    .navbar-nav .nav-link.active{
        color: {{$_title_color}};
        font-weight: bold;
    }

    section{
        margin-top: 200px;
        margin-bottom: 200px;
    }
    section:first-of-type{
        margin-top:40px;
        margin-bottom: 200px;

    }

    section:last-of-type{
        margin-top: 150px;
        margin-bottom: 50px;

    }

    .btn-primary{
        background-color: {{$_primary_ci_color}};
        border-color: {{$_primary_ci_color}};

    }

    .btn-primary:hover, .btn-primary:active{
        background-color: {{$_primary_ci_color}};
        border-color: {{$_primary_ci_color}};

    }

    .nav-item{
        margin-right: 40px;
    }


    .nav-item{last-of-type: margin-right:0px;}

    .breadcrumb-item + .breadcrumb-item::before {
        color: inherit;
    }
</style>