/* line 1, app/assets/stylesheets/alchemy/elements/article.scss */
article {
  width: 50%;
  font: 16px/20px Helvetica, Arial, sans-serif;
  color: #333;
  margin: 1em auto;
  padding: 0.5em 1em;
  background: #f4f4f4;
}

/* line 9, app/assets/stylesheets/alchemy/elements/article.scss */
article h2 {
  font-size: 24px;
  line-height: 1.25;
  font-weight: bold;
}

/* line 15, app/assets/stylesheets/alchemy/elements/article.scss */
article a {
  color: #5588D3;
}

/* line 19, app/assets/stylesheets/alchemy/elements/article.scss */
article img {
  max-width: 100%;
}

/* line 23, app/assets/stylesheets/alchemy/elements/article.scss */
article figure {
  margin: 0;
}

/* line 27, app/assets/stylesheets/alchemy/elements/article.scss */
article figcaption {
  font-size: 14px;
}
@tailwind base;
@tailwind components;
@tailwind utilities;

/*

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

*/
@font-face {
  font-family: "Inter, Normal";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url(/assets/inter_variable_font-e40a2b7dcac62851907c5261bde951cedfd68ef30b8f68bdad983f7cd3b1a230.ttf);
}

@font-face {
  font-family: "Inter, Bold";
  src: url(/assets/static/Inter-Bold-9a393ea55e86bd00b6bc766871fda8fdae01de455d784a34ce6b98f313610fee.ttf);
}

@font-face {
  font-family: "Inter, Extra Bold";
  font-weight: 900;
  src: url(/assets/static/Inter-ExtraBold-e9ddccfc00d1616885273f18af8282dfc2746f35e15a95883deb26d7de421e82.ttf);
}

@font-face {
  font-family: "Inter, Black";
  font-weight: 900;
  src: url(/assets/static/Inter-Black-daad4f47f85cc265611f1b9e239cd7b0e469255b613854ad7faeb391bcdf46c5.ttf);
}

@font-face {
  font-family: "Inter, Light";
  font-weight: 900;
  src: url(/assets/static/Inter-Light-01fb286ba71b670db1638b013618fd9ef12cbb00afe89d354e71f0a426c630bc.ttf);
}

/* line 49, app/assets/stylesheets/style.scss */
* {
  font-family: "Inter, Normal";
  font-size: 1.15rem;
  scroll-snap-type: none;
}

/**
html {
  position: fixed;
  height: 100%;
  overflow: hidden;
}

body {
  margin: 0;
  width: 100vw; 
  height: 100vh;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
} **/
/* line 112, app/assets/stylesheets/style.scss */
body {
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
}

/* line 118, app/assets/stylesheets/style.scss */
h2 {
  font-size: 2.5rem;
  font-family: "Inter, Black";
}

/* line 123, app/assets/stylesheets/style.scss */
h3 {
  font-size: 1.8rem;
  font-family: "Inter, Black";
}

/* line 128, app/assets/stylesheets/style.scss */
h4 {
  font-size: 1.5rem;
  font-family: "Inter, Extra Bold";
}

/* line 133, app/assets/stylesheets/style.scss */
a {
  color: #186cb4;
}

/* line 137, app/assets/stylesheets/style.scss */
a:hover {
  opacity: 0.8;
}

/* line 142, app/assets/stylesheets/style.scss */
.internal-link {
  color: inherit;
}

/* line 146, app/assets/stylesheets/style.scss */
figcaption {
  font-size: 0.9rem;
  opacity: 0.7;
}

/* line 151, app/assets/stylesheets/style.scss */
.teaser-text {
  font-size: 0.9rem;
  font-style: italic;
  font-family: "Inter, Light";
}

/* line 161, app/assets/stylesheets/style.scss */
strong {
  font-family: "Inter, Extra Bold";
}

/* line 165, app/assets/stylesheets/style.scss */
.text-blue {
  color: #186cb4;
}

/* line 169, app/assets/stylesheets/style.scss */
.inter-bold {
  font-family: "Inter, Bold";
}

/* line 173, app/assets/stylesheets/style.scss */
.inter-normal {
  font-family: "Inter, Normal";
}

/* line 177, app/assets/stylesheets/style.scss */
.inter-light {
  font-family: "Inter, Light";
}

/* line 181, app/assets/stylesheets/style.scss */
.inter-light-italic-ucla {
  font-family: "Inter, Light";
  font-style: italic;
  color: #fab500;
  font-size: 2rem;
}

/* line 188, app/assets/stylesheets/style.scss */
.img-preview-container {
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  height: 240px;
  width: 345px;
}

/* line 194, app/assets/stylesheets/style.scss */
.img-preview-container img {
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  object-fit: cover;
  height: 100%;
  min-width: 100%;
  left: 50%;
  position: relative;
  transform: translateX(-50%);
}

/* line 205, app/assets/stylesheets/style.scss */
.center-cropped {
  width: 480px;
  height: 400px;
  overflow: hidden;
}

/* line 210, app/assets/stylesheets/style.scss */
.center-cropped img {
  object-fit: cover;
  height: 100%;
  min-width: 100%;
  left: 50%;
  position: relative;
  transform: translateX(-50%);
}

/* line 218, app/assets/stylesheets/style.scss */
.centered-sub-img img {
  object-fit: cover;
  height: 100%;
  min-width: 100%;
  left: 50%;
  position: relative;
  transform: translateX(-50%);
}

/* line 227, app/assets/stylesheets/style.scss */
.icon-small {
  height: 1.5rem;
  width: 1.5rem;
}

/* line 232, app/assets/stylesheets/style.scss */
.pt-main {
  padding-top: 10.3rem;
}

/* line 236, app/assets/stylesheets/style.scss */
.image-responsive {
  width: 10rem;
}

/* line 240, app/assets/stylesheets/style.scss */
.nav-margin {
  margin: 1rem 0.5rem 1rem 0.5rem;
}

/* line 244, app/assets/stylesheets/style.scss */
.nav-margin-button {
  margin: 1rem 0.3rem 1rem 0.3rem;
}

/* line 248, app/assets/stylesheets/style.scss */
.button-transparent {
  font-weight: bold;
  color: #000000;
  padding: 8px;
  padding: 8px 12px 8px 12px;
}

/* line 254, app/assets/stylesheets/style.scss */
.button-transparent:hover {
  opacity: 60%;
}

/* line 260, app/assets/stylesheets/style.scss */
.button-transparent-white {
  font-weight: bold;
  color: #ffffff;
  padding: 8px;
  padding: 8px 12px 8px 12px;
}

/* line 266, app/assets/stylesheets/style.scss */
.button-transparent-white:hover {
  opacity: 60%;
}

/* line 272, app/assets/stylesheets/style.scss */
.button-transparent-gold {
  font-weight: bold;
  color: #fab500;
  padding: 8px;
  padding: 8px 12px 8px 12px;
}

/* line 278, app/assets/stylesheets/style.scss */
.button-transparent-gold:hover {
  color: #ffed00;
}

/* line 284, app/assets/stylesheets/style.scss */
.button-black {
  font-weight: bold;
  color: #ffffff;
  background-color: #000000;
  padding: 8px 12px 8px 12px;
}

/* line 290, app/assets/stylesheets/style.scss */
.button-black:hover {
  color: #000000;
  background-color: #ffffff;
}

/* line 295, app/assets/stylesheets/style.scss */
.button-inner-aureolin {
  font-weight: bold;
  color: #ffed00;
  background-color: #000000;
  padding: 8px 12px 8px 12px;
}

/* line 301, app/assets/stylesheets/style.scss */
.button-inner-aureolin:hover {
  color: #000000;
  background-color: #ffed00;
}

/* line 307, app/assets/stylesheets/style.scss */
.button-aureolin {
  font-weight: bold;
  color: #000000;
  background-color: #ffed00;
  padding: 8px 12px 8px 12px;
}

/* line 314, app/assets/stylesheets/style.scss */
.button-aureolin:hover {
  color: #ffed00;
  background-color: #000000;
}

/* line 320, app/assets/stylesheets/style.scss */
.banner-slide img {
  width: 80vw !important;
}

/* line 323, app/assets/stylesheets/style.scss */
.banner-full img {
  width: 80vw;
}

/* line 328, app/assets/stylesheets/style.scss */
.hidden {
  display: none;
}

/* line 333, app/assets/stylesheets/style.scss */
abbr {
  display: none;
}

/* line 341, app/assets/stylesheets/style.scss */
.icon {
  width: 38px;
  height: 38px;
}

/* line 345, app/assets/stylesheets/style.scss */
.boolean.optional.control-label {
  padding-left: 10px;
}

/* line 348, app/assets/stylesheets/style.scss */
.boolean.required.control-label {
  padding-left: 10px;
}

/* line 352, app/assets/stylesheets/style.scss */
.collection_radio_buttons {
  padding-left: 10px;
  padding-right: 10px;
}

/* line 357, app/assets/stylesheets/style.scss */
.responsive-small-row {
  flex-direction: row;
}

/* line 361, app/assets/stylesheets/style.scss */
.responsive-mobile-row {
  flex-direction: row;
}

/* line 365, app/assets/stylesheets/style.scss */
.arrow-bar {
  background-image: url(/assets/arrow_bar-450762093bae2824ff7621070e508b9141add60a2e864c02f2af81e292930aed.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% auto;
  width: 100vw;
  height: 100px;
  background-color: #000000;
  color: #ffffff;
}

/* line 377, app/assets/stylesheets/style.scss */
.themen-background {
  position: relative;
}

/* line 385, app/assets/stylesheets/style.scss */
.themen-background::before {
  content: "";
  background-image: url(/assets/themen_background-6aa8b81a1d3bf6010b9f91dbe9432a370429bdda6376d805cfc945c05d804ba6.svg);
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  opacity: 0.07;
  z-index: -10;
}

/* line 400, app/assets/stylesheets/style.scss */
.overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  visibility: hidden;
  overflow-y: hidden;
  background: #ffffff;
  z-index: -1;
}

/* line 435, app/assets/stylesheets/style.scss */
.menu-ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* line 443, app/assets/stylesheets/style.scss */
ul {
  list-style-type: disc;
  margin: 10px;
  padding: 10px;
}

/* line 449, app/assets/stylesheets/style.scss */
li {
  margin-bottom: 2px;
}

/* line 455, app/assets/stylesheets/style.scss */
#burger-input {
  display: none;
}

/* line 459, app/assets/stylesheets/style.scss */
#burger-menu {
  position: fixed;
  width: 100%;
  height: 45px;
  display: none;
  border: none;
  padding-left: 12px;
  margin: 0px;
  background-color: white;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  overflow-y: hidden;
}

/* line 486, app/assets/stylesheets/style.scss */
.burger-icon {
  padding-top: 10px;
  width: 28px;
  height: 28px;
  background-color: transparent;
}

/* line 504, app/assets/stylesheets/style.scss */
#burger-menu #sidebar-menu {
  visibility: hidden;
  position: fixed;
  top: 90px;
  left: -250px;
  width: 400px;
  height: 100%;
  transition: 0.3s;
  padding: 0px 10px;
  box-sizing: border-box;
  overflow-y: hidden;
}

/* line 519, app/assets/stylesheets/style.scss */
#burger-input:checked + #burger-menu #sidebar-menu {
  visibility: visible;
  overflow-y: scroll;
  left: 0;
}

/* line 525, app/assets/stylesheets/style.scss */
#burger-input:checked ~ .overlay {
  visibility: visible;
  overflow-y: scroll;
}

/* line 531, app/assets/stylesheets/style.scss */
.topic-width {
  max-width: 480px;
}

/* line 535, app/assets/stylesheets/style.scss */
.centrified-width {
  max-width: 1070px;
  min-width: 1070px;
}

/* line 541, app/assets/stylesheets/style.scss */
.banner-margin {
  margin-bottom: 2.5rem;
  margin-top: 2.5rem;
}

/* line 545, app/assets/stylesheets/style.scss */
.mobile-only {
  display: none;
}

/* line 552, app/assets/stylesheets/style.scss */
.image-preview {
  max-width: 396px;
}

/* line 555, app/assets/stylesheets/style.scss */
.event-width {
  width: 500px;
}

/* line 560, app/assets/stylesheets/style.scss */
.article-preview-width {
  max-width: 345px;
}

@media screen and (max-width: 410px) {
  /* line 569, app/assets/stylesheets/style.scss */
  .event-width {
    width: 250px;
  }
  /* line 576, app/assets/stylesheets/style.scss */
  .image-preview {
    max-width: 90%;
  }
  /* line 579, app/assets/stylesheets/style.scss */
  .img-preview-container {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    height: 240px;
    width: 80vw;
  }
  /* line 586, app/assets/stylesheets/style.scss */
  .mobile-margin {
    margin-left: 70px;
  }
}

@media screen and (max-width: 1580px) {
  /* line 591, app/assets/stylesheets/style.scss */
  .event-width {
    width: 300px;
  }
  /* line 595, app/assets/stylesheets/style.scss */
  .justify-center-mobile {
    justify-content: center;
  }
  /* line 598, app/assets/stylesheets/style.scss */
  .inter-light-italic-ucla {
    font-family: "Inter, Light";
    font-style: italic;
    color: #fab500;
    font-size: 1.5rem;
  }
  /* line 605, app/assets/stylesheets/style.scss */
  h2 {
    font-size: 2.0rem;
    font-family: "Inter, Black";
  }
  /* line 610, app/assets/stylesheets/style.scss */
  h3 {
    font-size: 1.5rem;
    font-family: "Inter, Black";
  }
  /* line 615, app/assets/stylesheets/style.scss */
  h4 {
    font-size: 1.1rem;
    font-family: "Inter, Extra Bold";
  }
  /* line 619, app/assets/stylesheets/style.scss */
  * {
    font-family: "Inter, Normal";
    font-size: 1rem;
  }
  /* line 623, app/assets/stylesheets/style.scss */
  #main-menu {
    display: none;
  }
  /* line 627, app/assets/stylesheets/style.scss */
  .not-mobile {
    display: none;
  }
  /* line 630, app/assets/stylesheets/style.scss */
  .mobile-only {
    display: flex;
  }
  /* line 633, app/assets/stylesheets/style.scss */
  #burger-menu {
    overflow-y: scroll;
    display: inline;
  }
  /* line 637, app/assets/stylesheets/style.scss */
  .pt-main {
    padding-top: 5rem;
  }
  /* line 640, app/assets/stylesheets/style.scss */
  .banner-margin {
    margin-bottom: 1.0rem;
    margin-top: 1.0rem;
  }
}

@media (max-width: 1575px) {
  /* line 648, app/assets/stylesheets/style.scss */
  .hide-on-medium {
    display: none;
  }
  /* line 651, app/assets/stylesheets/style.scss */
  .centrified-width {
    max-width: 82vw;
    min-width: 82vw;
  }
}

@media (max-width: 1250px) {
  /* line 663, app/assets/stylesheets/style.scss */
  .hide-on-small {
    display: none;
  }
  /* line 666, app/assets/stylesheets/style.scss */
  .responsive-small-row {
    flex-direction: column;
  }
  /* line 669, app/assets/stylesheets/style.scss */
  .article-preview-width {
    max-width: 80vw;
  }
  /* line 672, app/assets/stylesheets/style.scss */
  .arrow-bar {
    background-image: none;
  }
  /* line 675, app/assets/stylesheets/style.scss */
  input {
    max-width: 70vw;
  }
}

@media (max-width: 960px) {
  /* line 680, app/assets/stylesheets/style.scss */
  .hide-on-mobile {
    display: none;
  }
  /* line 683, app/assets/stylesheets/style.scss */
  .responsive-mobile-row {
    flex-direction: column;
  }
  /* line 686, app/assets/stylesheets/style.scss */
  .center-cropped {
    width: 350px;
    height: 160px;
  }
  /* line 690, app/assets/stylesheets/style.scss */
  .topic-width {
    max-width: 390px;
  }
}

/* line 716, app/assets/stylesheets/style.scss */
#donate {
  scroll-margin-top: 130px;
}

/* line 722, app/assets/stylesheets/style.scss */
.hard-grad {
  width: 100%;
  height: 100%;
  background: linear-gradient(177.5deg, white 0%, white 49.65%, black 50%, black 100%);
}
/*
 * 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.
 *



 */