/* Typography */
.h1 {
  @apply font-extrabold text-5xl sm:text-6xl xl:text-7xl leading-snug sm:leading-tight xl:leading-tighter;
}

.h2 {
  @apply text-4xl leading-tight tracking-tight sm:text-5xl xl:text-6xl sm:leading-tighter font-bold;
}

.h3 {
  @apply text-3xl leading-tight tracking-tight sm:text-4xl sm:leading-tighter font-bold;
}

.h4 {
  @apply text-2xl leading-tight tracking-tight sm:text-3xl sm:leading-tighter font-bold;
}

/* Buttons */
.btn,
.btn-sm {
  @apply relative leading-normal inline-flex items-center justify-center px-8 py-3 duration-300 ease-in-out rounded-full outline-none;
}

.btn {
  @apply px-8 py-3.5;
}

.btn-sm {
  @apply px-5 py-2.5;
}
/* Additional styles */
@import "additional-styles/utility-patterns.css";

/* Tailwind */
@tailwind base;
@tailwind components;
@tailwind utilities;

/*

@layer components {
  .btn-primary {
    @apply py-2 px-4 bg-blue-200;
  }
}

*/
/*
 * Self-hosted web fonts.
 *
 * These used to load from fonts.googleapis.com / fonts.gstatic.com, which hands
 * every visitor's IP address to Google before the cookie banner has been
 * answered (LG München I, 3 O 17493/20). Serving them ourselves keeps the
 * request on our own domain.
 *
 * Files were taken from Google Fonts on 2026-11-04 (Roboto v51, variable
 * weight axis, so one file covers 400-900; Gochi Hand v27). Both fonts are
 * licensed under the SIL Open Font License 1.1, which permits self-hosting.
 */

/* Roboto, latin-ext */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400 900;
  font-display: swap;
  src: url(/assets/roboto-latin-ext-423b73555e25990100bcc9aa6e96b67534c5d5df2bbfcb7a337de437bb58b5ae.woff2) format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* Roboto, latin (covers æ, ø, å, ä, ö, ü, ß, é and the rest of Western Europe) */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400 900;
  font-display: swap;
  src: url(/assets/roboto-latin-9269fb1bd903d3b0a1cae2275fc1966ad10d774bd6fb209518a6e3e12df94b93.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* Gochi Hand (Tailwind's font-written), latin */
@font-face {
  font-family: "Gochi Hand";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/gochi-hand-latin-a02d546460481dbab94e54ad131ad13eaa7e1aec7f9c3d123caaaad85ef4d3e3.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/*
 * Place all the styles related to the occupancies controller here.
 * They will automatically be included in application.css.
 * You can use Sass (SCSS) here: https://sass-lang.com/
 */
/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS (and SCSS, if configured) file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *


 */