#content.content-full {
  background-image: url("/sites/default/files/2025-08/bakgrundEttBattreOrebro.jpg") !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  padding: 40px !important;
}



/* Ger lika mycket utrymme ovanför och under knappen */
.webform-submission-form .form-actions {
  margin-top: 30px;     /* Justera värdet för mer eller mindre luft ovanför */
  margin-bottom: 30px;  /* Samma värde för luft under */
  text-align: center;   /* Centrerar knappen */
}

/* Om du har en horisontell linje före/efter */
.webform-submission-form hr {
  margin-top: 30px;
  margin-bottom: 30px;
}

/* Ger luft och centrerar knappen */
.webform-submission-form .form-actions {
  margin: 40px auto;
  text-align: center;
}

/* Modern knapp */
input.button.button--primary.webform-button--submit {
  display: inline-block !important;
  height: auto !important;           /* Låter padding styra höjd */
  line-height: 1.3 !important;       /* Normal radavstånd för texten */
  padding: 12px 32px !important;     /* Justera höjd via padding */
  text-align: center !important;
  vertical-align: middle !important;
  font-size: 1.1em !important;
  font-weight: 600 !important;
  border-radius: 8px !important;
  border: none !important;
  background: linear-gradient(135deg, #0075CC, #005FA3) !important;
  color: #fff !important;
  cursor: pointer !important;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2) !important;
  transition: all 0.25s ease !important;
}


/* Effekt vid hover */
.webform-submission-form .form-actions input[type="submit"]:hover {
  background: linear-gradient(135deg, #006AB6, #004F85);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.25);
  transform: translateY(-2px) scale(1.03);
}

/* Effekt vid klick */
.webform-submission-form .form-actions input[type="submit"]:active {
  transform: translateY(0) scale(0.98);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
}

/* Luft och stil på horisontella linjer */
.webform-submission-form hr {
  margin: 35px auto;
  border: none;
  border-top: 1px solid #ddd;
#  width: 90%;
#  max-width: 600px;
}

button.webform-details-toggle-state[title="Toggle details widget state."] {
  display: none !important;
}


/* Centrera text i fält och etiketter */
.webform-submission-form fieldset,
.webform-submission-form div,
.webform-submission-form label {
  text-align: center;
}

/* Centrera alla fält */
.webform-submission-form input,
.webform-submission-form select,
.webform-submission-form textarea {
  display: block;
  margin-left: auto;
  margin-right: auto;
}