@charset "UTF-8";
/*
Theme Name: Wiesbadener Hilfe
Theme URI: 
Author: frankfurtwest
Author URI: https://www.frankfurtwest.com
Description: 
Requires at least: 6.9
Tested up to: 6.9
Requires PHP: 5.7
Version: 
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: wiesbadener-hilfe
Tags: 
*/
:root {
  --wp--preset--spacing--20: clamp(.2rem, 1vw, .4rem);
  --wp--preset--spacing--30: clamp(.28rem, 1.4vw, .56rem);
  --wp--preset--spacing--40: clamp(.36rem, 2vw, .72rem);
  --wp--preset--spacing--50: clamp(.48rem, 2.4vw, .96rem);
  --wp--preset--spacing--60: clamp(.8rem, 3.2vw, 1.28rem);
  --wp--preset--spacing--70: clamp(1rem, 4vw, 3.2rem);
  --wp--preset--spacing--80: clamp(1.25rem, 5vw, 4rem);
  --wp--preset--spacing--90: clamp(1.4rem, 6vw, 5rem);
  --wp--preset--spacing--100: clamp(1.8rem, 8vw, 6rem);
  --fw--preset--font-size--title: clamp(6rem, 16vw, 12rem); }

:root * {
  box-sizing: border-box; }
  :root *:focus-visible {
    outline-style: solid;
    outline-color: var(--wp--preset--color--custom-primary);
    outline-width: .2rem;
    outline-offset: .2rem; }
  @media (max-width: 991) {
    :root *:focus, :root *:active {
      outline-style: solid;
      outline-color: var(--wp--preset--color--custom-primary);
      outline-width: .2rem;
      outline-offset: .2rem; } }

html {
  margin: 0 !important;
  padding: 0 !important; }

html, body {
  overflow-x: hidden !important; }

body {
  /* Silbentrennung */
  -ms-word-break: break-all;
  word-break: break-all;
  /* Non standard for WebKit */
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto; }

:active, :focus {
  outline: none !important; }

::selection,
::-moz-selection {
  background-image: -webkit-linear-gradient(#000 20%, #000) !important;
  -webkit-text-fill-color: #fff !important;
  background-color: var(--wp--preset--color--custom-primary);
  color: var(--wp--preset--color--custom-base) !important; }

main > section, main > .wp-block-cover {
  padding-bottom: var(--wp--preset--spacing--100); }
  main > section:not(:first-child), main > .wp-block-cover:not(:first-child) {
    padding-top: var(--wp--preset--spacing--100); }

.wp-site-blocks {
  overflow-x: hidden; }

/* card */
.card {
  mix-blend-mode: multiply;
  display: flex;
  justify-content: center;
  position: relative;
  /**/
  /**/ }
  .card h1, .card h2, .card h3, .card p {
    color: #fff !important; }
  .card::before {
    content: "";
    position: absolute;
    z-index: -1;
    inset: -120px calc(-1 * (360px - 4vw)); }
    @media (min-width: 560px) {
      .card::before {
        inset: -140px calc(-1 * (320px - 4vw)) -140px calc(-1 * (120px - 4vw)); } }
  .card.card-1:before {
    background: url("../../uploads/bg-blue.svg") no-repeat; }
  .card.card-2::before {
    background: url("../../uploads/bg-orange.svg") no-repeat; }

/**/
.card-container {
  justify-content: center;
  /*  border: 1px dotted #f00;*/
  gap: 0 !important;
  /* card inside card-container (2 cols */ }
  @media (min-width: 500px) and (max-width: 782px) {
    .card-container {
      width: 100%; } }
  @media (min-width: 782px) {
    .card-container {
      min-height: calc(40px + 40vw);
      width: auto; } }
  @media (min-width: 1230px) {
    .card-container {
      min-height: 520px; } }
  .card-container .col {
    display: flex;
    align-items: center;
    justify-content: center; }
  .card-container .col-1 {
    justify-content: start; }
  .card-container .col-2 {
    justify-content: end; }
  .card-container .card {
    display: flex;
    justify-content: center;
    padding: 10vw;
    width: 28rem;
    max-width: 100%;
    aspect-ratio: 1.4 /1;
    position: relative;
    /**/
    /**/ }
    .card-container .card h1, .card-container .card h2, .card-container .card h3, .card-container .card p {
      color: #fff !important; }
    .card-container .card::before {
      inset: -2rem -6vw; }
    .card-container .card.card-1 {
      align-self: start;
      font-size: 7vw; }
      .card-container .card.card-1 h1 {
        font-size: 7vw; }
    .card-container .card.card-2 {
      align-self: end;
      font-size: 5vw; }
      .card-container .card.card-2 p {
        font-size: 5vw; }
    @media (min-width: 500px) {
      .card-container .card {
        padding: 4rem; }
        .card-container .card.card-1 {
          align-self: start;
          font-size: 2rem; }
          .card-container .card.card-1 h1 {
            font-size: 2rem; }
        .card-container .card.card-2 {
          font-size: 1.6rem; }
          .card-container .card.card-2 p {
            font-size: 1.6rem; } }
    @media (min-width: 782px) {
      .card-container .card {
        width: 100%; }
        .card-container .card.card-1 {
          align-self: end;
          padding-right: 5rem; }
        .card-container .card.card-2 {
          align-self: start;
          padding-left: 5rem; } }

/* card bg transforms */
.card-tr::before {
  transform: rotate(180deg); }

.card-tl::before {
  transform: rotate(160deg) scaleX(-1); }

.card-br::before {
  transform: rotate(-20deg) scaleX(-1); }

/* card vertical bg transforms */
.card-vert {
  width: auto;
  aspect-ratio: 1 / 1.4; }

.card-vert-bl::before {
  transform: rotate(70deg) scaleX(-1); }

.card-vert-tr::before {
  transform: rotate(-110deg) scaleX(-1); }

.card-vert-tl::before {
  transform: rotate(90deg); }

.card-vert-br::before {
  transform: rotate(-90deg); }

footer.wp-block-template-part {
  padding-top: 2rem; }
  footer.wp-block-template-part .address {
    padding-top: 1.4rem;
    background: url("../../uploads/dotted-orange.svg") no-repeat; }

/* misc */
.wp-block-list li {
  list-style: none; }
  .wp-block-list li::marker {
    content: "– "; }
.wp-block-list.list-elipsis li::marker {
  content: "... "; }

.has-list-no-padding ul {
  padding: 0 !important; }

.has-list-small-padding ul {
  padding-left: .75em !important; }

.padding-vert-md-1 * {
  padding-top: .125rem;
  padding-bottom: .125rem; }

.padding-vert-md-2 * {
  padding-top: .25rem;
  padding-bottom: .25rem; }

/**/