/**
 * Theme Name: Nicole
 * Template:   twentytwentyfour
 */
.wp-site-blocks header .sub_header {
  position: relative; }
  .wp-site-blocks header .sub_header p {
    max-width: 100%; }
  .wp-site-blocks header .sub_header .herz {
    display: none; }
    @media (min-width: 900px) {
      .wp-site-blocks header .sub_header .herz {
        display: block;
        position: absolute;
        top: 0;
        width: 100%;
        max-width: 100%; }
        .wp-site-blocks header .sub_header .herz img {
          width: 100%; } }
    .wp-site-blocks header .sub_header .herz path {
      fill: var(--wp--preset--color--darkgrey); }
.wp-site-blocks main .intro {
  margin-top: 5vw;
  margin-bottom: 3vw; }
  .wp-site-blocks main .intro figure {
    display: none; }
    @media (min-width: 600px) {
      .wp-site-blocks main .intro figure {
        display: block;
        position: relative;
        max-width: 100%;
        width: 100%; }
        .wp-site-blocks main .intro figure img {
          position: absolute;
          top: -27vw;
          max-width: 25vw; } }
    @media (min-width: 600px) and (min-width: 900px) {
      .wp-site-blocks main .intro figure img {
        max-width: 240px; } }
    @media (min-width: 600px) and (min-width: 1084px) {
      .wp-site-blocks main .intro figure img {
        max-width: 240px;
        top: -23vw; } }
    @media (min-width: 600px) and (min-width: 1600px) {
      .wp-site-blocks main .intro figure img {
        max-width: 240px;
        top: -18vw; } }

  .wp-site-blocks main .intro .rechts {
    flex-basis: 100%; }
    @media (min-width: 600px) {
      .wp-site-blocks main .intro .rechts {
        flex-basis: 70%; } }
    .wp-site-blocks main .intro .rechts .button-cta {
      width: 100%; }
.wp-site-blocks main .portfolio {
  box-shadow: 0px 5px 27px -2px var(--wp--preset--color--primary); }
.wp-site-blocks main .kurse {
  justify-content: space-between;
  flex-direction: column !important; }
  .wp-site-blocks main .kurse .kurs-art {
    overflow: hidden;
    width: 80%; }
    .wp-site-blocks main .kurse .kurs-art h2 {
      width: 100%;
      border-radius: inherit;
      padding: 2vw 0 2vw 0;
      text-align: center;
      font-size: 1.7rem; }
    .wp-site-blocks main .kurse .kurs-art .wp-block-group {
      display: block;
      padding-left: 30px;
      padding-right: 30px; }
      .wp-site-blocks main .kurse .kurs-art .wp-block-group figure {
        margin-top: -1vw; }
  @media (min-width: 600px) {
    .wp-site-blocks main .kurse {
      flex-direction: row !important; }
      .wp-site-blocks main .kurse .kurs-art {
        max-width: 30%;
        min-height: 680px; } }
.wp-site-blocks footer {
  margin: 8vw 5vw;
  border-radius: 15px;
  background: var(--wp--preset--color--lightgrey);
  padding: 2vw 0;
  border: 4px solid var(--wp--preset--color--primary); }
  .wp-site-blocks footer .footer-inner {
    width: 90%;
    margin: 0 30px; }
    @media (min-width: 1084px) {
      .wp-site-blocks footer .footer-inner {
        width: 920px;
        margin: auto; } }
    .wp-site-blocks footer .footer-inner > div {
      flex-direction: column;
      align-items: flex-start; }
      @media (min-width: 900px) {
        .wp-site-blocks footer .footer-inner > div {
          flex-direction: row;
          align-items: center; } }

/*# sourceMappingURL=style.css.map */