.page-template-page-pilhojdsberakning .site-main {
  background-color: var(--wp--preset--color--lighter-blue); }
  .page-template-page-pilhojdsberakning .site-main .pilhojdsberakning-wrap {
    padding: 0 20px;
    max-width: 948px;
    margin: auto;
    padding-top: 9.5625rem;
    padding-bottom: 9.5625rem; }
  .page-template-page-pilhojdsberakning .site-main .berakning-tvakolumn {
    display: flex;
    gap: 44px;
    margin-top: 5rem; }
    @media (max-width: 991.98px) {
      .page-template-page-pilhojdsberakning .site-main .berakning-tvakolumn {
        gap: 62px; } }
    @media (max-width: 767.98px) {
      .page-template-page-pilhojdsberakning .site-main .berakning-tvakolumn {
        flex-direction: column; } }
  .page-template-page-pilhojdsberakning .site-main .berakning-section {
    width: 50%; }
    @media (max-width: 767.98px) {
      .page-template-page-pilhojdsberakning .site-main .berakning-section {
        width: 100%; } }
  .page-template-page-pilhojdsberakning .site-main .berakning-formular-kolumn h2 {
    color: var(--wp--preset--color--blue);
    font-size: 1.625rem; }
  .page-template-page-pilhojdsberakning .site-main .berakning-resultat-ruta {
    background: #fff;
    border-radius: 5px;
    padding: 1.125rem 2.5625rem; }
  .page-template-page-pilhojdsberakning .site-main .berakning-ingress {
    margin-bottom: 2rem; }
  .page-template-page-pilhojdsberakning .site-main .berakning-falt-grupp {
    display: flex;
    flex-direction: column;
    margin-bottom: 1rem; }
    .page-template-page-pilhojdsberakning .site-main .berakning-falt-grupp label {
      margin-bottom: .3rem; }
  .page-template-page-pilhojdsberakning .site-main .berakning-centrumvinkel {
    font-size: 0.75rem; }
  .page-template-page-pilhojdsberakning .site-main .berakning-resultatvarde {
    font-weight: 700; }
  .page-template-page-pilhojdsberakning .site-main .berakning-exempel {
    font-size: 0.75rem; }
  .page-template-page-pilhojdsberakning .site-main .berakning-info-ruta {
    background: var(--wp--preset--color--beige);
    font-size: 0.75rem;
    display: flex;
    margin-top: 1.4375rem;
    margin-bottom: 1.4375rem;
    padding: 1.125rem 2.5625rem;
    border-radius: 5px; }
  .page-template-page-pilhojdsberakning .site-main .berakning-illustration {
    max-width: 543px; }
  .page-template-page-pilhojdsberakning .site-main .berakning-resultatvarde#ph-result-theta-rad, .page-template-page-pilhojdsberakning .site-main .berakning-resultatvarde#ph-result-theta-deg, .page-template-page-pilhojdsberakning .site-main .berakning-resultatvarde#bl-result-theta-rad, .page-template-page-pilhojdsberakning .site-main .berakning-resultatvarde#bl-result-theta-deg {
    font-size: 0.975rem; }
  .page-template-page-pilhojdsberakning .site-main .berakning-info-ruta.yellow-bg strong {
    color: var(--wp--preset--color--blue);
    font-size: 1rem;
    text-decoration: underline; }
  .page-template-page-pilhojdsberakning .site-main .berakning-separator {
    color: var(--wp--preset--color--blue);
    background: var(--wp--preset--color--blue);
    border-color: var(--wp--preset--color--blue);
    margin-top: 5rem;
    margin-bottom: 3.375rem; }
  .page-template-page-pilhojdsberakning .site-main input[type="number"] {
    background: #FFFBF4;
    border: 1px solid #A7BCE1;
    border-radius: 5px;
    padding: .7rem;
    -moz-appearance: textfield; }
    .page-template-page-pilhojdsberakning .site-main input[type="number"]::-webkit-inner-spin-button, .page-template-page-pilhojdsberakning .site-main input[type="number"]::-webkit-outer-spin-button {
      -webkit-appearance: none;
      appearance: none;
      margin: 0; }
    .page-template-page-pilhojdsberakning .site-main input[type="number"]:focus {
      border: 1px solid #3D598A; }

#baglangdsberakning > .berakning-formular-kolumn {
  margin-bottom: 3rem; }

/*# sourceMappingURL=pilhojdsberakning.css.map */