/* General classes */

.logo {
	height: 150px;
	background:black;
	}

.icon {
	width:30px;
	}

hr {
    border: none; /* Remove default border */
    height: 3px; /* Set height */
    background-color: black; /* Set color */
    width: 60vw; /* Set width */
    margin: 20px auto; /* Center the line and add vertical spacing */
}

.container {
    display: flex; /* Aktiverer flexbox */
    align-items: flex-start; /* Justeret til flex-start for klarhed */
    justify-content: center; /* Centrerer bokse horisontalt */
    text-align: center; /* Centrerer tekst inde i bokse */
    border: 0px solid #000; /* Tilføjer en kant til boksen */
    
}
.box_left {
	width: 50vw; /* Hver box tager 50% af containerens bredde */
	padding: 10px;
	box-sizing: border-box; /* Inkluderer padding i bredden */
	border: 0px solid #000; /* Tilføjer en kant til bokse */
    font-size:1vw;
    text-align: left;
}

.box_center {
	width: 50vw; /* Hver box tager 50% af containerens bredde */
	padding: 10px;
	box-sizing: border-box; /* Inkluderer padding i bredden */
	border: 0px solid #000; /* Tilføjer en kant til bokse */
    font-size:1vw;
    text-align: center;
}

/* BODY SETTINGS */
body, html {
    margin: 0;
    padding: 0;
    height: 100vh;
    width: 100vw;
}

.background-container {
    width: 100vw;
    min-height: 100vh; /* Adjust as needed */
    /*display: flex;*/
    align-items: center;
    justify-content: center;
    text-align: center;
    font-family:'Times';
	color:black;
    background-color:#D1E4DD;
	z-index:1;

}

/* WEBSITE */

.website {
    width: 60%;
    height: 50vh; /* Adjust as needed */
    margin: auto;
    text-align:left;
    align-content:top;
	font-family:'Times';
}


/* FOOTER */

.footer {
    text-align:center;
	margin:auto;
    align-content:center;
    }
    
/* W3 CSS TIL SLIDER */

.w3-bannercontent{
	max-width:100%;
	margin:auto;
	text-align:center;
	}

.w3-bannersection{
	margin-top:16px!important;
	margin-bottom:16px!important;
	}
.w3-animate-bannerfading{
	-webkit-animation:fading 10s infinite;
	animation:fading 10s infinite;
	}
@-webkit-keyframes 
	fading{
		0%{opacity:0}
		50%{opacity:1}
		100%{opacity:0}
		}
@keyframes 
	fading{
		0%{opacity:0}
		50%{opacity:1}
		100%{opacity:0}
		}

.rounded-image {
	border-radius: 15px; /* Juster værdien for at ændre rundhed */
}

/* Media Query for lodret format */
@media (max-width: 600px) { /* Juster maximum bredde som nødvendigt */
	.container {
		flex-direction: column; /* Skifter til lodret layout */
	}
	.box {
		padding: 0px;
		width: 90%; /* Gør containerne næsten fuld bredde */
		margin: 0px 0; /* Tilføjer margin mellem containerne */ 
	    font-size:3vw;
	}
	.website {
	height: 60vh; /* Adjust as needed */
	}
}


.welcome-heading {
    text-align: center;
    font-weight: bold;
    margin-bottom: 1em;
}

.box_left p {
    margin-bottom: 1em;
}