@import url('https://p.typekit.net/p.css?s=1&k=zbm0wmr&ht=tk&f=10879.10880.10881.10882.10883.10884.10885.10886.32874.32875&a=5221171&app=typekit&e=css');

@font-face {
    font-family: 'futura-pt';
    src: url('https://use.typekit.net/af/2cd6bf/00000000000000000001008f/27/l?primer=34645566c6d4d8e7116ebd63bd1259d4c9689c1a505c3639ef9e73069e3e4176&fvd=n5&v=3') format('woff2'), url('https://use.typekit.net/af/2cd6bf/00000000000000000001008f/27/d?primer=34645566c6d4d8e7116ebd63bd1259d4c9689c1a505c3639ef9e73069e3e4176&fvd=n5&v=3') format('woff'), url('https://use.typekit.net/af/2cd6bf/00000000000000000001008f/27/a?primer=34645566c6d4d8e7116ebd63bd1259d4c9689c1a505c3639ef9e73069e3e4176&fvd=n5&v=3') format('opentype');
    font-display: swap;
    font-style: normal;
    font-weight: 500;
}  
.tk-futura-pt {
    font-family: 'futura-pt', sans-serif;
}
   .font-size-s {
        font-size: 1.8em;
        line-height: 1.5em;
        letter-spacing: 0.08em;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        /* font-size: 2em;
        line-height: 1.4em;
        font-size: calc(12px + (18 - 12) * ((100vw - 300px) / (1600 - 300))); */
    }

    .font-size-m {
        font-size: 2.6em;
        line-height: 1.4em;
    }

    .font-size-l {
        font-size: 3.4em;
        line-height: 1.4em;
    }

    .text-bubble-wrapper {
        position: absolute;
    }
    
    .inverted_cloud_bubble_strong {
        background-color: rgba(255, 255, 255);
        max-width: 550px;
        min-width: 300px;
        width: fit-content;
        /* Firefox 4.0+ */
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        border: none;
    }
  
    .text-box {
        background-color: #fffbbe;
        max-width: 500px;
        min-width: 300px;
        position: relative;
        width: fit-content;
        /* Firefox 4.0+ */
        /*         display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center; */
        border: none;
    }
  
    .text-box-highlight-dark {
        /* background-color: rgba(9, 255, 0, 0.4); */
        color: #FFFFFF;
        font-family: 'futura-pt', sans-serif;
        /* padding: calc(100% / 20); */
        max-width: 640px;
        position: relative;
        /* width: fit-content; */

        text-transform: uppercase;

        /* Firefox 4.0+ */
        /*         display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center; */
        border: none;
    }

    .text-box-ausruf {
      /* preserveAspectRatio="none" in SVG */
      background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20296%20192%22%20preserveAspectRatio%3D%22none%22%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M1139.309%20273.559c11.761%208.348%2090.172%2013.913%20105.854-15.3%2023.523%2027.826%2087.972%208.348%2092.993%200-1.721%2015.3%2036.384%2030.608%2077.55%2015.3-27.443%2022.261-21.563%2062.84%200%2066.2-21.563%207.537-7.841%2049.276%2013.722%2052.058-37.245-1.391-60.768%2030.609-50.967%2047.3-19.6-12.521-101.934-9.739-107.814%2011.13-3.921-20.87-78.411-19.478-99.974-5.565%2017.642-18.087-9.8-58.435-37.245-50.087%2014.205-7.562%2045.086-38.957%2015.281-58.79%2021.964-2.419%2016.083-39.985-9.4-62.246z%22%20transform%3D%22translate(-1133.428%20-258.255)%22%2F%3E%0A%3C%2Fsvg%3E');
      background-repeat: no-repeat;
      background-size: contain;
      background-position: center center;
      background-origin: content-box;
      /* Firefox 4.0+ */
      display: flex;
      justify-content: center;
      align-items: center;
      width: fit-content;
      max-width: 400px;
      min-width: 260px;
    }
  
    .rectangular-think-box {
      /* preserveAspectRatio="none" in SVG */
      background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22600%22%20height%3D%22175.073%22%20viewBox%3D%220%200%20600%20175.073%22%20preserveAspectRatio%3D%22none%22%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M1130.833%20233.4h-51.115c-25.558%200-25.56-4.794-51.121-4.794s-25.563%205.285-51.123%205.285-25.564%201.709-51.13%201.709-25.558-5.05-51.115-5.05-25.566%202.729-51.132%202.729-25.566.352-51.135.352-25.572-1.759-51.141-1.759-25.572-1.827-51.144-1.827c-20.678%200-40.323-5.418-53.875-18.97s-19.146-33.2-19.146-53.875c0-13.055.131-13.055.131-26.111%200-18.332%205.736-34.63%2017.748-46.644s28.312-21.887%2046.644-21.887c26.474%200%2026.474-1.818%2052.948-1.818s26.48%207.594%2052.956%207.594%2026.476-1.534%2052.956-1.534%2026.48-4.426%2052.962-4.426%2026.474%201.044%2052.948%201.044%2026.485-2.877%2052.967-2.877%2026.485-.011%2052.968-.011%2026.488.363%2052.979.363%2026.488%203.767%2052.976%203.767c16.119%200%2033.021%204.275%2043.586%2014.84s11.524%2027.467%2011.524%2043.586c0%2021.308%203.708%2021.308%203.708%2042.616%200%2018.332-6.369%2036.429-18.383%2048.44s-30.109%2019.258-48.441%2019.258z%22%20transform%3D%22translate(-597.656%20-60.527)%22%2F%3E%0A%3C%2Fsvg%3E');
      background-repeat: no-repeat;
      background-size: contain;
      background-position: center center;
      background-origin: content-box;
      /* Firefox 4.0+ */
      display: flex;
      justify-content: center;
      align-items: center;
      width: fit-content;
    }
  
    .square-think-box {
      /* preserveAspectRatio="none" in SVG */
      background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22350%22%20height%3D%22336.666%22%20viewBox%3D%220%200%20350%20336.666%22%20preserveAspectRatio%3D%22none%22%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M800.405%20544.515c-34.7%200-34.7%201.81-69.407%201.81-18.835%200-34.866-2.217-51.247-8.361-16.983-6.369-38.031-8.014-50.827-19.589s-13.752-30.938-20.793-46.3c-6.793-14.817-14.728-28.994-14.728-46.031%200-22.428%204.144-22.428%204.144-44.852s-3.939-22.425-3.939-44.852c0-17.037.556-33.906%207.346-48.72C608%20272.262%20620.8%20259.817%20633.6%20248.243s24.259-28.165%2041.239-34.534c16.381-6.145%2037.326-3.47%2056.162-3.47%2034.7%200%2034.7.841%2069.407.841%2018.835%200%2034.886%207.159%2051.267%2013.3%2016.983%206.369%2035.418%2010.4%2048.214%2021.979s15.6%2028.871%2022.642%2044.233c6.793%2014.814%2016.976%2028.713%2016.976%2045.75%200%2022.428-4%2022.428-4%2044.852s7.9%2022.424%207.9%2044.852c0%2017.037-.4%2036.066-7.193%2050.883-7.041%2015.359-20.6%2030.17-33.4%2041.744S867.9%20530%20850.922%20536.373c-16.378%206.144-31.681%208.142-50.517%208.142z%22%20opacity%3D%220.95%22%20transform%3D%22translate(-593.404%20-209.659)%22%2F%3E%0A%3C%2Fsvg%3E');
      background-repeat: no-repeat;
      background-size: contain;
      background-position: center center;
      background-origin: content-box;
      /* Firefox 4.0+ */
      display: flex;
      justify-content: center;
      align-items: center;
      width: fit-content;
    }
    
    .ausruf-kurz-r-oben,
    .ausruf-kurz-l-oben,
    .ausruf-kurz-oben-r,
    .ausruf-kurz-oben-l,
    .ausruf-lang-r-oben,
    .ausruf-lang-l-oben,
    .ausruf-lang-r-unten,
    .ausruf-lang-l-unten{
        /* display: flex;
        align-items: center; */
        position: relative;
    }
    
    .paragraph {
        font-family: Allan, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', sans-serif;
        font-style: normal;
        font-weight: 700;
        text-align: center;
        padding: calc(100% / 16);
        hyphens: auto;
        overflow-wrap: break-word;
    }
  
    /* ---- LEFT & RIGHT ---- */
    /* ---- ausruf-kurz-r/l-oben/unten ---- */
    .ausruf-kurz-r-oben::after,
    .ausruf-kurz-r-unten::after,
    .ausruf-kurz-l-oben::before,
    .ausruf-kurz-l-unten::before {
        display: block;
        position: absolute;
        content: '';
        background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2276.88%22%20height%3D%2292.479%22%20viewBox%3D%220%200%2076.88%2092.479%22%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M65.492%2051.282l22.852-32.49L0%200l69.66%2027.685-13.808%2023.6%204.334%2025.6h32.293z%22%20transform%3D%22rotate(90%2038.44%2038.44)%22%2F%3E%0A%3C%2Fsvg%3E%0A');
        background-repeat: no-repeat;
        background-size: contain;
        border: none;
        background-position: center;
        background-origin: content-box;
        width: 70px;
        height: 92px;
    }
    
    .ausruf-kurz-l-oben::before {
        bottom: calc(50% - 16px);
        left: -69px;
        transform: scaleX(-1);
    }
    
    .ausruf-kurz-l-unten::before {
        bottom: calc(50% - 92px);
        left: -69px;
        transform: scaleX(-1) scaleY(-1);
    }
    
    .ausruf-kurz-r-oben::after {
        bottom: calc(50% - 16px);
        right: -69px;
    }
    
    .ausruf-kurz-r-unten::after {
        bottom: calc(50% - 92px);
        right: -69px;
        transform: scaleY(-1);
    }
  
    /* ---- LEFT & RIGHT ---- */
    /* ---- ausruf-lang-r/l-oben/unten ---- */
    .ausruf-lang-r-oben::after,
    .ausruf-lang-r-unten::after,
    .ausruf-lang-l-oben::before,
    .ausruf-lang-l-unten::before {
        display: block;
        position: absolute;
        content: '';
        background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22187.73%22%20height%3D%2276.004%22%20viewBox%3D%220%200%20187.73%2076.004%22%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M44.362%20142.7L76%20135.3%2065.23%200v126.727L33.992%20135.3%200%20187.73h44.362z%22%20transform%3D%22rotate(-90%2038.002%2038.002)%22%2F%3E%0A%3C%2Fsvg%3E%0A');
        background-repeat: no-repeat;
        background-size: contain;
        border: none;
        background-position: center;
        background-origin: content-box;
        width: 187px;
        height: 76px;
    }
    
    .ausruf-lang-l-oben::before {
        bottom: calc(50% - 24px);
        left: -186px;
    }
    
    .ausruf-lang-l-unten::before {
        bottom: calc(50% - 60px);
        left: -186px;
        transform: scaleY(-1);
    }
    
    .ausruf-lang-r-oben::after {
        bottom: calc(50% - 24px);
        right: -186px;
        transform: scaleX(-1);
    }
    
    .ausruf-lang-r-unten::after {
        bottom: calc(50% - 60px);
        right: -186px;
        transform: scaleX(-1) scaleY(-1);
    }
  
  
    /* ---- TOP & BOTTOM ---- */
    /* ---- ausruf-kurz-oben/unten-r/l ---- */
    .ausruf-kurz-oben-r::before,
    .ausruf-kurz-oben-l::before,
    .ausruf-kurz-unten-l::after,
    .ausruf-kurz-unten-r::after {
        display: block;
        position: absolute;
        content: '';
        background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2292.479%22%20height%3D%2276.88%22%20viewBox%3D%220%200%2092.479%2076.88%22%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M65.492%2025.6l22.852%2032.49L0%2076.88%2069.66%2049.2%2055.852%2025.6%2060.186%200h32.293z%22%20transform%3D%22rotate(180%2046.24%2038.44)%22%2F%3E%0A%3C%2Fsvg%3E');
        background-repeat: no-repeat;
        background-size: contain;
        border: none;
        background-position: center;
        background-origin: content-box;
        width: 73px;
        height: 77px;
    }
    
    .ausruf-kurz-oben-r::before {
        top: -68px;
        left: calc(50% - 12px);
    }
    
    .ausruf-kurz-oben-l::before {
        top: -68px;
        right: calc(50% - 12px);
        transform: scaleX(-1);
    }
    
    .ausruf-kurz-unten-l::after {
        bottom: -68px;
        right: calc(50% - 12px);
        transform: scaleX(-1) scaleY(-1);
    }
    
    .ausruf-kurz-unten-r::after {
        bottom: -68px;
        left: calc(50% - 12px);
        transform: scaleY(-1);
    }
  
  
    /* ---- TOP & BOTTOM ---- */
    /* ---- ausruf-lang-oben/unten-r/l ---- */
    .ausruf-lang-oben-r::before,
    .ausruf-lang-oben-l::before,
    .ausruf-lang-unten-l::after,
    .ausruf-lang-unten-r::after {
        display: block;
        position: absolute;
        content: '';
        background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2276.004%22%20height%3D%22187.73%22%20viewBox%3D%220%200%2076.004%20187.73%22%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M44.362%2045.031L76%2052.43l-10.77%20135.3V61l-31.238-8.57L0%200h44.362z%22%20transform%3D%22rotate(180%2038.002%2093.865)%22%2F%3E%0A%3C%2Fsvg%3E');
        background-repeat: no-repeat;
        background-size: contain;
        border: none;
        background-position: center;
        background-origin: content-box;
        width: 76px;
        height: 187px;
    }
    
    .ausruf-lang-oben-r::before {
        top: -187px;
        left: calc(50%);
        transform: scaleX(-1);
    }
    
    .ausruf-lang-oben-l::before {
        top: -187px;
        left: calc(50%);
    }
    
    .ausruf-lang-unten-l::after {
        bottom: -187px;
        right: calc(50% - 12px);
        transform: scaleX(-1) scaleY(-1);
    }
    
    .ausruf-lang-unten-r::after {
        bottom: -187px;
        left: calc(50% - 12px);
        transform: scaleY(-1);
    }
  
    /* ---- TOP & BOTTOM ---- */
    /* ---- think-oben/unten-r/l ---- */
    .think-oben-l::before,
    .think-oben-r::before,
    .think-unten-l::after,
    .think-unten-r::after {
        display: block;
        position: absolute;
        content: '';
        background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22111.719%22%20height%3D%2299.066%22%20viewBox%3D%220%200%20111.719%2099.066%22%3E%0A%20%20%20%20%3Cdefs%3E%0A%20%20%20%20%20%20%20%20%3Cstyle%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20.cls-2%7Bfill%3A%23fff%7D%0A%20%20%20%20%20%20%20%20%3C%2Fstyle%3E%0A%20%20%20%20%3C%2Fdefs%3E%0A%20%20%20%20%3Cg%20transform%3D%22translate(-690.984%20-303.848)%22%3E%0A%20%20%20%20%20%20%20%20%3Ccircle%20id%3D%22Ellipse_405%22%20cx%3D%226.004%22%20cy%3D%226.004%22%20r%3D%226.004%22%20class%3D%22cls-2%22%20transform%3D%22translate(690.984%20390.906)%22%2F%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20id%3D%22Pfad_3415%22%20d%3D%22M706.547%20346.426c4.459-1.093%2010.329%203.884%2012.007%209.607%201.46%204.977.3%2012.379-4.8%2014.409-4.36%201.736-9.608-1.245-12.008-4.8-4.459-6.611-.859-17.826%204.801-19.216z%22%20class%3D%22cls-2%22%20transform%3D%22translate(20.079%208.826)%22%2F%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20id%3D%22Pfad_3416%22%20d%3D%22M722.4%20317.361a19.8%2019.8%200%200%200%200%2016.81c3.593%207.309%2011.294%209.626%2019.211%2012.008%209.652%202.9%2020.043%206.028%2028.819%200%205.652-3.883%2010.142-11.225%209.606-19.213-.8-11.879-12.237-18.042-14.409-19.211-14.685-7.912-36.987-3.355-43.227%209.606z%22%20class%3D%22cls-2%22%20transform%3D%22translate(22.625)%22%2F%3E%0A%20%20%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E');
        background-repeat: no-repeat;
        background-size: contain;
        border: none;
        background-position: center;
        background-origin: content-box;
        width: 112px;
        height: 99px;
    }
    
    .think-oben-r::before {
        top: -187px;
        left: calc(50%);
        transform: scaleX(-1);
    }
    
    .think-oben-l::before {
        top: -187px;
        left: calc(50%);
    }
    
    .think-unten-l::after {
      bottom: -50px;
      right: calc(50% - 12px);
    }
    
    .think-unten-r::after {
        bottom: -187px;
        left: calc(50% - 12px);
        transform: scaleY(-1);
    }