/*Styling herunder*/

html {
    scroll-behavior: smooth;
}


h1 {
 color: #0b2d5f;
 font-size: 25px;
 z-index: 9999;
}

h2 { 
    font-size: 18px;
    color: #0b2d5f;
    font-size: 20px;
}

p {
    color:#041938;
    font-size: 18px;
}

/*introduktion til intro sider*/

.service-intro-billede{

   width: 100%;
    height: 300px;
   object-fit: cover;
}

.service-intro-billede-v2{
    width: 100%;
    height: 500px;
}

.side-container {
    margin-top: -50px; /* Moves the div upward by 100 pixels */
    background-color: white;
    z-index: 2;
    position: relative; 
    margin-left: auto; /* Adjusts left margin for horizontal centering */
    margin-right: auto; /* Adjusts right margin for horizontal centering */
    max-width: 1000px;
    width: 80%;
    border-radius: 15px;
    box-shadow: 0 0 50px rgba(0, 0, 0, 0.208); /* Adds a subtle box shadow */
    padding: 2px 10px 10px 10px;
    margin-bottom: 30px;
}

#side-container-forside {
    margin-top:30px;
}

/* Media Query for Responsive Design */
@media screen and (min-width: 768px) {
    h1 {
        color: #0b2d5f;
        font-size: 300%;

       }

       /*introduktion til intro sider*/

.service-intro-billede{
    width: 100%;
    height: 700px;

}

.service-intro-billede-v2{
    width: 100%;
    height: 900px;
}

.side-container {
    width: 100%;
    margin-top: -200px; 
}

#side-container-forside { 

    }

}