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

<link href="{{storage('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}};
    }
    .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: 200px;
        margin-bottom:40px;

    }

    .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>