/* Header styling */
    
     .navbar {
            background: linear-gradient(45deg, #4b79a1, #000000); /* Gradient baggrund */
            padding: 20px;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
        }

        .nav-item {
    white-space: nowrap; /* Undgå linjeskift inde i menupunkterne */
}
        .navbar-brand {
            font-size: 1.8rem;
            font-weight: bold;
            color: #fff;
            text-transform: uppercase;
        }

        .navbar-nav .nav-link {
            color: #f8f9fa !important;
            font-size: 1.2rem;

            font-family: 'Roboto', sans-serif; /* Ændrer skrifttype til Roboto */
            font-weight: 700; 

            padding: 10px 20px;
            transition: background 0.3s ease, color 0.3s ease;
            padding-left: 15px;
            padding-right: 15px;
        }


       
          
        
        

        .navbar-nav .nav-link:hover {
            background-color: #d6bc28;;
            color: #283e51 !important;
            border-radius: 5px;
        }

        .navbar-toggler {
            border-color: rgba(255, 255, 255, 0.5);
        } 

        /* Footer styling */
        footer {
            background: linear-gradient(45deg, #4b79a1, #000000); /* Gradient baggrund */
            padding: 40px 0;
            color: #d6bc28;;
            text-align: center;
            font-size: 1rem;
        }

        footer p {
            margin: 0;
            color: #d6bc28;;
        }

        footer p a {
            color: #d6bc28;;
            text-decoration: none;
        }

        footer p a:hover {
            text-decoration: underline;
        }

        /* Container margin */
        .container {
            margin-top: 40px;
        }
        .social-icons {
    margin-top: 10px;
}

.social-icons a {
    color: #fff; /* Farve for ikoner */
    text-decoration: none;
    transition: color 0.3s;
}

.social-icons a:hover {
    color: #d6bc28;; /* Farve ved hover */
}

.card-text {
    display: -webkit-box; /* For WebKit browsers */
    display: -moz-box; /* For older Firefox */
    display: -ms-flexbox; /* For IE10/11 */
    display: box; /* Generic box model */
    -webkit-line-clamp: 3; /* WebKit specific */
    line-clamp: 3; /* Standard property, for future compatibility */
    -webkit-box-orient: vertical; /* WebKit specific */
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    position: relative;
}

.card-text.expanded {
    display: block;
    -webkit-line-clamp: unset; /* Allow full text display */
    line-clamp: unset; /* For future support in non-WebKit browsers */
    overflow: visible;
    text-overflow: unset;
}


.card-img-top {
    width: 100%;              /* Billedet fylder hele bredden af kortet */
    height: auto;             /* Sørg for, at højden justeres proportionalt */
    max-height: 300px;        /* Sæt en maksimumshøjde, så billedet ikke bliver for stort */
    object-fit: cover;        /* Bevarer billedets proportioner uden at forvrænge det */
    border-radius: 10px;      /* Tilføj afrundede hjørner, hvis det ønskes */
    margin-bottom: 20px;      /* Tilføj afstand mellem billedet og teksten */
}