/* ==========================================================================
   CSS CUSTOM PROPERTIES
   ========================================================================== */

:root {
  /* Hauptfarbe */
  --color-primary: #ca9e67;

  /* Kategorie-Farben */
  --color-food-places: #d5b7b7;
  --color-masterpieces: #ba898a;
  --color-sightseeing: #8b5c5d;
  --color-hotels: var(--color-primary);
  --color-grand-tour: var(--color-primary);

  /* Text */
  --color-text: #0c0c0c;

  /* Neutrale Farben */
  --color-white-soft: #fcfcfa;
  --color-dark: #53585f;
  --color-cream: #faf9f5;
  --color-gold-light: #e0d7ba;
  --color-beige: #f5f2e6;
  --color-gold: #d4c49e;
  --color-stop-inactive-bg: #d6dae0;
  --color-tab-bg: #f4f5f7;
  --color-border: #e0e0e0;
  --color-border-light: #e5e5e5;
  --color-border-warm: #d5cfc4;
  --color-border-dark: #0c0c0c;

  /* Akzent / Hover */
  --color-accent: #c8943e;

  /* Weitere Farben */
  --color-white: #ffffff;
  --color-white-near: #fefefe;
  --color-beige-warm: #f5f0e8;
  --color-text-warm: #5a5347;
  --color-text-secondary: #6b6b6b;

  /* Overlays */
  --overlay-dark: rgba(0, 0, 0, 0.25);
  --overlay-dark-hover: rgba(0, 0, 0, 0.45);

  /* Fonts */
  --font-body: "Inter", sans-serif;
  --font-heading: "Inter", sans-serif;
}

/* ==========================================================================
   FONTS
   ========================================================================== */

/* inter-100 - latin */
@font-face {
  font-display: swap;
  font-family: "Inter";
  font-style: normal;
  font-weight: 100;
  src:
    url("../../fonts/inter-v20-latin-100.woff2") format("woff2"),
    url("../../fonts/inter-v20-latin-100.ttf") format("truetype");
}
/* inter-100italic - latin */
@font-face {
  font-display: swap;
  font-family: "Inter";
  font-style: italic;
  font-weight: 100;
  src:
    url("../../fonts/inter-v20-latin-100italic.woff2") format("woff2"),
    url("../../fonts/inter-v20-latin-100italic.ttf") format("truetype");
}
/* inter-200 - latin */
@font-face {
  font-display: swap;
  font-family: "Inter";
  font-style: normal;
  font-weight: 200;
  src:
    url("../../fonts/inter-v20-latin-200.woff2") format("woff2"),
    url("../../fonts/inter-v20-latin-200.ttf") format("truetype");
}
/* inter-200italic - latin */
@font-face {
  font-display: swap;
  font-family: "Inter";
  font-style: italic;
  font-weight: 200;
  src:
    url("../../fonts/inter-v20-latin-200italic.woff2") format("woff2"),
    url("../../fonts/inter-v20-latin-200italic.ttf") format("truetype");
}
/* inter-300 - latin */
@font-face {
  font-display: swap;
  font-family: "Inter";
  font-style: normal;
  font-weight: 300;
  src:
    url("../../fonts/inter-v20-latin-300.woff2") format("woff2"),
    url("../../fonts/inter-v20-latin-300.ttf") format("truetype");
}
/* inter-300italic - latin */
@font-face {
  font-display: swap;
  font-family: "Inter";
  font-style: italic;
  font-weight: 300;
  src:
    url("../../fonts/inter-v20-latin-300italic.woff2") format("woff2"),
    url("../../fonts/inter-v20-latin-300italic.ttf") format("truetype");
}
/* inter-regular - latin */
@font-face {
  font-display: swap;
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  src:
    url("../../fonts/inter-v20-latin-regular.woff2") format("woff2"),
    url("../../fonts/inter-v20-latin-regular.ttf") format("truetype");
}
/* inter-italic - latin */
@font-face {
  font-display: swap;
  font-family: "Inter";
  font-style: italic;
  font-weight: 400;
  src:
    url("../../fonts/inter-v20-latin-italic.woff2") format("woff2"),
    url("../../fonts/inter-v20-latin-italic.ttf") format("truetype");
}
/* inter-500 - latin */
@font-face {
  font-display: swap;
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  src:
    url("../../fonts/inter-v20-latin-500.woff2") format("woff2"),
    url("../../fonts/inter-v20-latin-500.ttf") format("truetype");
}
/* inter-500italic - latin */
@font-face {
  font-display: swap;
  font-family: "Inter";
  font-style: italic;
  font-weight: 500;
  src:
    url("../../fonts/inter-v20-latin-500italic.woff2") format("woff2"),
    url("../../fonts/inter-v20-latin-500italic.ttf") format("truetype");
}
/* inter-600 - latin */
@font-face {
  font-display: swap;
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  src:
    url("../../fonts/inter-v20-latin-600.woff2") format("woff2"),
    url("../../fonts/inter-v20-latin-600.ttf") format("truetype");
}
/* inter-600italic - latin */
@font-face {
  font-display: swap;
  font-family: "Inter";
  font-style: italic;
  font-weight: 600;
  src:
    url("../../fonts/inter-v20-latin-600italic.woff2") format("woff2"),
    url("../../fonts/inter-v20-latin-600italic.ttf") format("truetype");
}
/* inter-700 - latin */
@font-face {
  font-display: swap;
  font-family: "Inter";
  font-style: normal;
  font-weight: 700;
  src:
    url("../../fonts/inter-v20-latin-700.woff2") format("woff2"),
    url("../../fonts/inter-v20-latin-700.ttf") format("truetype");
}
/* inter-700italic - latin */
@font-face {
  font-display: swap;
  font-family: "Inter";
  font-style: italic;
  font-weight: 700;
  src:
    url("../../fonts/inter-v20-latin-700italic.woff2") format("woff2"),
    url("../../fonts/inter-v20-latin-700italic.ttf") format("truetype");
}
/* inter-800 - latin */
@font-face {
  font-display: swap;
  font-family: "Inter";
  font-style: normal;
  font-weight: 800;
  src:
    url("../../fonts/inter-v20-latin-800.woff2") format("woff2"),
    url("../../fonts/inter-v20-latin-800.ttf") format("truetype");
}
/* inter-800italic - latin */
@font-face {
  font-display: swap;
  font-family: "Inter";
  font-style: italic;
  font-weight: 800;
  src:
    url("../../fonts/inter-v20-latin-800italic.woff2") format("woff2"),
    url("../../fonts/inter-v20-latin-800italic.ttf") format("truetype");
}
/* inter-900 - latin */
@font-face {
  font-display: swap;
  font-family: "Inter";
  font-style: normal;
  font-weight: 900;
  src:
    url("../../fonts/inter-v20-latin-900.woff2") format("woff2"),
    url("../../fonts/inter-v20-latin-900.ttf") format("truetype");
}
/* inter-900italic - latin */
@font-face {
  font-display: swap;
  font-family: "Inter";
  font-style: italic;
  font-weight: 900;
  src:
    url("../../fonts/inter-v20-latin-900italic.woff2") format("woff2"),
    url("../../fonts/inter-v20-latin-900italic.ttf") format("truetype");
}

/* playfair-display-sc-regular - latin */
@font-face {
  font-display: swap;
  font-family: "Playfair Display SC";
  font-style: normal;
  font-weight: 400;
  src:
    url("../../fonts/playfair-display-sc-v18-latin-regular.woff2")
      format("woff2"),
    url("../../fonts/playfair-display-sc-v18-latin-regular.ttf")
      format("truetype");
}
/* playfair-display-sc-italic - latin */
@font-face {
  font-display: swap;
  font-family: "Playfair Display SC";
  font-style: italic;
  font-weight: 400;
  src:
    url("../../fonts/playfair-display-sc-v18-latin-italic.woff2")
      format("woff2"),
    url("../../fonts/playfair-display-sc-v18-latin-italic.ttf")
      format("truetype");
}
/* playfair-display-sc-700 - latin */
@font-face {
  font-display: swap;
  font-family: "Playfair Display SC";
  font-style: normal;
  font-weight: 700;
  src:
    url("../../fonts/playfair-display-sc-v18-latin-700.woff2") format("woff2"),
    url("../../fonts/playfair-display-sc-v18-latin-700.ttf") format("truetype");
}
/* playfair-display-sc-700italic - latin */
@font-face {
  font-display: swap;
  font-family: "Playfair Display SC";
  font-style: italic;
  font-weight: 700;
  src:
    url("../../fonts/playfair-display-sc-v18-latin-700italic.woff2")
      format("woff2"),
    url("../../fonts/playfair-display-sc-v18-latin-700italic.ttf")
      format("truetype");
}
/* playfair-display-sc-900 - latin */
@font-face {
  font-display: swap;
  font-family: "Playfair Display SC";
  font-style: normal;
  font-weight: 900;
  src:
    url("../../fonts/playfair-display-sc-v18-latin-900.woff2") format("woff2"),
    url("../../fonts/playfair-display-sc-v18-latin-900.ttf") format("truetype");
}
/* playfair-display-sc-900italic - latin */
@font-face {
  font-display: swap;
  font-family: "Playfair Display SC";
  font-style: italic;
  font-weight: 900;
  src:
    url("../../fonts/playfair-display-sc-v18-latin-900italic.woff2")
      format("woff2"),
    url("../../fonts/playfair-display-sc-v18-latin-900italic.ttf")
      format("truetype");
}

/* ==========================================================================
   TYPOGRAPHY
   ========================================================================== */

body {
  font-family: var(--font-body);
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--font-heading);
}

/* ==========================================================================
   GLOBAL STYLES
   ========================================================================== */

@media only screen and (max-width: 767px) {
  .et_pb_row,
  .et-db #et-boc .et-l .et_pb_row {
    width: 90%;
  }
}

/* ==========================================================================
   ANIMATIONS
   ========================================================================== */

@keyframes pulse {
  0%,
  100% {
    box-shadow: 0 0 0 8px rgba(221, 153, 51, 0.25);
  }
  50% {
    box-shadow: 0 0 0 14px rgba(221, 153, 51, 0.12);
  }
}

.animate-pulse {
  animation: pulse 2s ease-in-out infinite;
}

/* ==========================================================================
   PODCAST PLAYER
   ========================================================================== */

#podcast-player .podcast-player .splash-button {
  background-color: #0c0c0c !important;
}

/* ==========================================================================
   IMAGE UTILITIES
   ========================================================================== */

.img--square img,
.hotel-img--square img {
  aspect-ratio: 1 / 1;
  width: 100%;
  object-fit: cover;
  object-position: center;
  border-radius: 20px !important;
}

.img--rec img,
.hotel-img--rec img {
  aspect-ratio: 16 / 9;
  width: 100%;
  object-fit: cover;
  object-position: center;
  border-radius: 20px !important;
}