.text-with-box {
  display: flex;
  gap: 30px;
  align-items: flex-start;
  flex-wrap: wrap;
}

.main-text {
  flex: 2;
  min-width: 400px;
}

.side-box {
  flex: 1;
  min-width: 220px;
  background: #A8C66C;
  color: #ffffff;
  -- border-left: 8px solid #4F7A4A;
  padding: 20px;
  border-radius: 6px;
}
.book-button {
    display: inline-block;
    padding: 12px 24px;
    background-color: #A8C66C;
    color: #ffffff;
    border-radius: 12px;
    font-weight: bold;
    text-decoration: none;

    /* Apple-style shadow */
    box-shadow:
        0 2px 4px rgba(0,0,0,0.08),
        0 8px 16px rgba(0,0,0,0.12),
        0 16px 32px rgba(0,0,0,0.08);

    transition: all 0.3s ease;
}

/* Hover-effekt */
.book-button:hover {
    background-color: #8B6A4E;
    color: #ffffff;
    /* løfter knappen */
    transform: translateY(-3px);

    box-shadow:
        0 6px 12px rgba(0,0,0,0.12),
        0 16px 32px rgba(0,0,0,0.16),
        0 30px 60px rgba(0,0,0,0.12);
}

/* klik-effekt */
.book-button:active {
    transform: translateY(-1px);
    box-shadow:
        0 3px 6px rgba(0,0,0,0.12);
}

/* Centrer knappen i artikler */
.book-button-wrapper {
    text-align: center;
    margin: 24px 0;
}
.big-menu2 .navbar-nav {
    display: flex;              /* gør menu til flex-container */
    justify-content: center;    /* centrerer menupunkterne */
}

.big-menu2 li a {
    font-size: 18px;            /* større tekst */
    font-weight: 600;           /* lidt tykkere tekst */
    padding-top: 30px;          /* afstand fra toppen */
    padding-bottom: 10px;       /* afstand fra bunden */
    text-align: center;         /* centrerer tekst i linket */
    transition: color 0.3s ease;
}

.big-menu2 li a:hover {
    color: #A8C66C;             /* hover farve */
}

/* -----------------------------
   Mobil menu (off-canvas)
------------------------------ */
@media (max-width: 768px) {
    #offcanvas .sp-menu {
        display: flex;
        flex-direction: column; /* lodret menu */
        align-items: center;    /* centrerer links */
    }

    #offcanvas .sp-menu li a {
        font-size: 18px;
        font-weight: 600;
        padding-top: 10px;
        padding-bottom: 10px;
        text-align: center;
        color: #A8C66C;
    }

    #offcanvas .sp-menu li a:hover,
    #offcanvas .sp-menu li a:active {
        color: #4F7A4A;
    }
}

/* -----------------------------
   Centrering af logo
------------------------------ */
.logo2css {
    display: flex;              /* gør container til flexbox */
    justify-content: center;    /* centrerer horisontalt */
    align-items: center;        /* centrerer lodret */
    padding-top: 20px;
}

/* Hvis logoen er et billede */
.logo2css img {
    max-width: 100%;            /* logo skalerer i container */
    height: auto;               /* bevarer proportioner */
}

img.apple-shadow {
  border-radius: 12px;
   margin: 15px 15px 15px 15px;
  box-shadow:
    0 6px 12px rgba(0,0,0,0.08),
    0 16px 32px rgba(0,0,0,0.12),
    0 30px 60px rgba(0,0,0,0.16);
  transition: all 0.35s ease;
}