/* Grundläggande stilmall för en ren och modern design */
        body {
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            margin: 0;
            padding: 0;
            background-color: #f9f9f9;
            color: #333;
            line-height: 1.6;
        }
        header {
            background-color: #005A9C; /* Företagsblå färg */
            color: #fff;
            padding: 4rem 1rem;
            text-align: center;
	    background-image: url('background_header.jpg');
	    background-size: cover;
        }
        header h1 {
            margin: 0;
            font-size: 2.5rem;
            letter-spacing: 1px;
        }
        header p {
            font-size: 1.2rem;
            max-width: 800px;
            margin: 1.5rem auto 0;
            opacity: 0.9;
        }
	.container {
    max-width: 1200px;
    margin: 60px auto;

    /* Skapar lite luft inuti containern så att bakgrunden syns runt skol-korten */
    padding: 60px 40px;

    /* Mjuka hörn och en subtil skugga för att lyfta fram ytan */
    border-radius: 24px;
    box-shadow: 0 15px 50px rgba(0,0,0,0.05);

    /* Vit grundfärg som bas */
    background-color: #ffffff;

    /* Inbäddad SVG som skapar 2 gråa fält och 4 färgade linjer (Grön, Gul, Rosa, Blå) */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 800' preserveAspectRatio='none'%3E%3Cpath fill='%23f8f9fa' d='M0,200 C300,400 600,0 1440,300 L1440,800 L0,800 Z' /%3E%3Cpath fill='%23eff2f6' d='M0,500 C400,300 800,700 1440,400 L1440,800 L0,800 Z' /%3E%3Cpath fill='none' stroke='%234CAF50' stroke-width='4' stroke-opacity='0.25' d='M-100,100 C300,300 800,-100 1500,200' /%3E%3Cpath fill='none' stroke='%23FFC107' stroke-width='4' stroke-opacity='0.25' d='M-100,150 C400,400 900,-50 1500,250' /%3E%3Cpath fill='none' stroke='%23E91E63' stroke-width='4' stroke-opacity='0.25' d='M-100,200 C500,500 1000,0 1500,300' /%3E%3Cpath fill='none' stroke='%23005A9C' stroke-width='4' stroke-opacity='0.25' d='M-100,250 C600,600 1100,50 1500,350' /%3E%3C/svg%3E");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

    /* Ser till att bakgrunden inte spiller utanför de rundade hörnen */
    overflow: hidden;
    position: relative;
}
        .section-title {
            text-align: center;
            font-size: 2rem;
            margin-bottom: 2rem;
            color: #222;
        }
        /* Rutnät för skolorna */
        .school-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 2rem;
        }
        .school-card {
            background: #fff;
            border-radius: 8px;
            padding: 2rem;
            box-shadow: 0 4px 10px rgba(0,0,0,0.05);
            border-top: 4px solid #005A9C;
            transition: transform 0.2s ease, box-shadow 0.2s ease;
            display: flex;
            flex-direction: column;
        }
        .school-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 8px 15px rgba(0,0,0,0.1);
        }
        .school-card h3 {
            margin-top: 0;
            color: #005A9C;
            font-size: 1.4rem;
        }
        .school-card p {
            flex-grow: 1; /* Trycker ner knappen till botten */
            color: #555;
        }
        .btn {
            display: inline-block;
            margin-top: 1.5rem;
            background-color: #005A9C;
            color: white;
            text-decoration: none;
            padding: 0.75rem 1.5rem;
            border-radius: 5px;
            text-align: center;
            font-weight: bold;
            transition: background 0.2s;
        }
        .btn:hover {
            background-color: #004375;
        }
        footer {
            background-color: #222;
            color: #aaa;
            text-align: center;
            padding: 2rem 1rem;
            margin-top: 4rem;
        }
        footer a {
            color: #fff;
	}
	@media (max-width: 768px) {
    .container {
        padding: 40px 20px;
        margin: 30px 15px; /* Skapar marginal på sidorna i mobilen */
    }
}