/*

Theme Name: cr944 modern 2025

*/

@font-face {
  font-family: 'GlacialIndifference';
  src: url('assets/fonts/GlacialIndifference-Regular.woff2') format('woff2'),
    url('assets/fonts/GlacialIndifference-Regular.woff') format('woff');
  font-display: swap;
}


@font-face {
  font-family: 'GlacialIndifferenceBold';
  src: url('assets/fonts/GlacialIndifference-Bold.woff2') format('woff2'),
    url('assets/fonts/GlacialIndifference-Bold.woff') format('woff');
  font-display: swap;
}



@font-face {
  font-family: 'QuicksandRegular';
  src: url('assets/fonts/Quicksand-Regular.woff2') format('woff2'),
    url('assets/fonts/Quicksand-Regular.woff') format('woff');
  font-display: swap;
}

@font-face {
  font-family: 'QuicksandMedium';
  src: url('assets/fonts/Quicksand-Medium.woff2') format('woff2'),
    url('assets/fonts/Quicksand-Medium.woff') format('woff');
  font-display: swap;
}

@font-face {
  font-family: 'QuicksandBold';
  src: url('assets/fonts/Quicksand-Bold.woff2') format('woff2'),
    url('assets/fonts/Quicksand-Bold.woff') format('woff');
  font-display: swap;
}





html,
body {
  font-family: 'QuicksandMedium', sans-serif;
  height: 100%;
  margin: 0;
}

header {
  font-family: 'QuicksandMedium', sans-serif;
}

body {
  display: flex;
  flex-direction: column;
  overflow-x: clip;
}

.site-main {
  flex: 1;
}

/* Alle Seiten außer Homepage */
body.page:not(.home) .site-main {

  padding: 170px 10vw 0px;
  max-width: var(--wp--style--global--wide-size);

}

.site-footer {
  margin-top: auto;
}

h1 {
  font-size: clamp(30px, 4vw + 1rem, 45px);
  font-weight: bold;
  margin-bottom: 20px;
}

p {
  font-family: 'GlacialIndifference', 'sans-serif';
  font-size: 1.1rem;
}

p a:link {
  color: var(--wp--preset--color--sunshine);
}

p a:visited {
  color: var(--wp--preset--color--sunshine);
}

p a:hover {
  color: var(--wp--preset--color--sunshine);
}

p a:active {
  color: var(--wp--preset--color--sunshine);
}




.wp-block-button .wp-block-button__link {
  padding-left: 40px;
  padding-right: 40px;
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: center;
  border-radius: 999px; /* runder wie im Screenshot */
  font-family: 'QuicksandBold', sans-serif;
}

.wp-block-button.is-style-fill .wp-block-button__link:hover {
  background-color: var(--wp--preset--color--sunshine);
}

.wp-block-button.is-style-fill .wp-block-button__link:focus {
  background-color: var(--wp--preset--color--eisvogel);
}




.wp-block-button.is-style-outline .wp-block-button__link:hover {
  border-color: var(--wp--preset--color--sunshine);
}

@media (max-width: 900px) {
  .wp-block-button {
    /* width: 100%; */
  }

  .wp-block-button .wp-block-button__link {
    display: block;
    /* width: 100%; */
  }
}

.workshop-cards-columns {
  width: 100%;
  margin: 0 auto;
}


/* Accessibility Skip Link */
.sr-only,
.screen-reader-text {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.sr-only-focusable:focus {
  position: absolute !important;
  clip: auto;
  height: auto;
  width: auto;
  overflow: visible;
  white-space: normal;
}