@charset "UTF-8";
/* CMS Generated – 15.03.2026 22:08:08 */

/* Two-Column Richtungsklassen */
@media only screen and (min-width: 1098px) {
  .tca-odd  { flex-direction: row-reverse !important; }
  .tca-even { flex-direction: row         !important; }
}
@media only screen and (min-width: 1647px) {
  .tca-odd  { flex-direction: row-reverse !important; }
  .tca-even { flex-direction: row         !important; }
}

:root {
  --light-font-color: rgb(240, 240, 240);
  --dark-font-color: rgb(50, 50, 50);
  --main-bg: rgb(250, 250, 253);
  --dark-bg: rgb(50, 50, 100);
  --white: rgb(250, 250, 250);
  --hover-grey: rgb(230, 170, 170);
  --logo-peach: rgb(222, 122, 120);
  --black: rgb(20, 20, 20);
  --middle-grey-2: rgb(188, 196, 205);
  --middle-grey: rgb(200, 205, 215);
  --purple-grey: rgb(244, 238, 247);
  --light-grey: rgb(240, 240, 250);
  --header-color: rgb(244, 246, 252);
  --header-color-light: rgb(245, 240, 245);
  --footer-color: rgb(241, 243, 249);
  --highlight-color: rgb(134, 102, 140);
  --highlight-color-2: rgb(191, 39, 117);
  --highlight-color-3: rgb(100, 30, 115);
  --highlight-font-color: rgb(230, 170, 170);
  --highlight-font-color-2: rgb(142, 110, 148);
}

/* Typografie – Mobile */
@media only screen and (min-width: 0px) {
  :root {
    --text-font-size: 16px;
    --nav-font-size: 16px;
  }
  .tagline { font-size: calc(24px + 0.390625vw) !important; font-weight: 700 !important; }
  .artist-text { font-size: calc(16px + 0.390625vw) !important; font-weight: 450 !important; }
  h2 { font-size: calc(22px + 0.390625vw) !important; font-weight: 700 !important; }
  h3 { font-size: calc(17px + 0.390625vw) !important; font-weight: 600 !important; }
  .portfolio-title { font-size: calc(24px + 0.390625vw) !important; font-weight: 500 !important; }
}

/* Typografie – Tablet */
@media only screen and (min-width: 700px) {
  :root {
    --text-font-size: 16px;
    --nav-font-size: 16px;
  }
  .tagline { font-size: calc(30px + 0.390625vw) !important; font-weight: 700 !important; }
  .artist-text { font-size: calc(16px + 0.390625vw) !important; font-weight: 450 !important; }
  h2 { font-size: calc(26px + 0.390625vw) !important; font-weight: 700 !important; }
  h3 { font-size: calc(18px + 0.390625vw) !important; font-weight: 600 !important; }
  .portfolio-title { font-size: calc(28px + 0.390625vw) !important; font-weight: 500 !important; }
}

/* Typografie – Desktop */
@media only screen and (min-width: 1098px) {
  :root {
    --text-font-size: 18px;
    --nav-font-size: 17px;
  }
  .tagline { font-size: calc(32px + 0.390625vw) !important; font-weight: 700 !important; }
  .artist-text { font-size: calc(20px + 0.390625vw) !important; font-weight: 450 !important; }
  h2 { font-size: calc(26px + 0.390625vw) !important; font-weight: 700 !important; }
  h3 { font-size: calc(18px + 0.390625vw) !important; font-weight: 600 !important; }
  .portfolio-title { font-size: calc(30px + 0.390625vw) !important; font-weight: 500 !important; }
}