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

<style>

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

        background-image: url("{{$_background_pattern}}");
    }

    .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 .nav-item:last-of-type{
        margin-right: 0px;
    }

    .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-outline-primary{
        border-color: {{$_primary_ci_color}};
        color: {{$_primary_ci_color}};;
    }

    .form-check-input:checked {
        background-color: {{$_primary_ci_color}};
        border-color: {{$_primary_ci_color}};
    }

    .btn-outline-primary:hover{
        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}};

    }

    .btn-check:checked + .btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check) + .btn:active{
        background-color: {{$_primary_ci_color}};
        border-color: {{$_primary_ci_color}};
    }


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



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