.intro-content-list { text-align: center; }
.intro-content-list .heading-box .title { font-size: clamp(97px, calc(97px + ((174) * ((100vw - 800px) / (2000 - 800)))), 271px); margin-bottom: 0.14em; letter-spacing: -0.04em; font-weight: 900; }
@media (max-width: 659px) {
    .intro-content-list .heading-box .title { margin-bottom: 0.5em; font-size: 14vw; }
}
.intro-content-list .heading-box .subtitle { font-family: 'Poppins', sans-serif; text-transform: none; font-size: clamp(22px, calc(22px + ((26) * ((100vw - 430px) / (2000 - 430)))), 48px); }
.intro-content-list .prices-wrapper { margin: 100px 0 150px; }
@media (max-width: 1023px) {
    .intro-content-list .prices-wrapper { margin: 50px 0 120px; }
    .intro-content-list .prices-wrapper .prices { flex-wrap: wrap; }
    .intro-content-list .prices-wrapper .prices .award { width: 16.6%; }
}
@media (max-width: 659px) {
    .intro-content-list .prices-wrapper .prices .award.da-1 { max-width: 50%; }
}
.special-cursor { max-width: 2500px !important; margin: 0 auto; width: 100%; padding: 0; overflow: hidden; }
.special-cursor .flickity-viewport { cursor: none !important; overflow: visible; clip-path: inset(0 -2500px 0 0); }
.special-cursor .flickity-viewport * { cursor: none; user-drag: none; -webkit-user-drag: none; user-select: none; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; }
.special-cursor .flickity-viewport:before { position: fixed; width: 187px; height: 187px; background: var(--project-background, #fff) url(../img/finger.png) center center no-repeat; background-size: 50% auto; border-radius: 50%; content: ""; z-index: 90; cursor: none; left: var(--pos-x); top: var(--pos-y); transition: transform 0.3s ease; }
.special-cursor.to-left .flickity-viewport:before { transform: rotateZ(180deg); }
.content-page { padding: 2.4em 0 4em; }
@media (max-width: 659px) {
    .content-page { padding-top: 0; }
}
.content-page .intro-content { text-align: left; margin-bottom: 3.6em; }
.content-page .intro-content .title { font-size: clamp(30px, calc(30px + ((45) * ((100vw - 430px) / (2000 - 430)))), 75px); margin-bottom: 0.55em; line-height: 1.07em; }
.content-page .intro-content .subtitle { font-size: clamp(20px, calc(20px + ((10) * ((100vw - 430px) / (2000 - 430)))), 30px); line-height: 1.2em; font-family: 'Poppins', sans-serif; text-transform: none; }
@media (max-width: 659px) {
    .content-page .intro-content { margin-bottom: 1.9em; }
}
.content-page .text-content { margin: 0 auto 5.5%; }
.content-page .text-box .intro-text { line-height: 1.25em; margin-bottom: 1.2em; font-size: clamp(19px, calc(19px + ((11) * ((100vw - 430px) / (2000 - 430)))), 30px); font-weight: 700; letter-spacing: -0.01em; }
.content-page .text-box > .subtitle { line-height: 1.4; margin: 0; font-weight: 100; }
.content-page .intro-image-wrapper .intro-image { margin-bottom: 5.9%; }
@media (max-width: 659px) {
    .content-page .intro-image-wrapper .intro-image { margin-bottom: 7%; }
}
.content-page .intro-image-wrapper picture, .content-page .intro-image-wrapper img { display: block; }
.content-page .content-video-wrapper { padding-left: 5%; display: flex; justify-content: center; align-items: flex-start; }
@media (max-width: 1023px) {
    .content-page .content-video-wrapper { padding: 10% 0 0; }
}
.content-page .content-video-wrapper .inner-wrapper { max-width: 395px; cursor: pointer; width: 100%; position: relative; }
.content-page .content-video-wrapper .inner-wrapper:before { background: #000; position: absolute; top: 11px; left: 12px; width: 100%; height: 100%; z-index: -1; content: ""; border-radius: 50px; overflow: hidden; }
@media (max-width: 1023px) {
    .content-page .content-video-wrapper .inner-wrapper:before { border-radius: 25px; }
}
.content-page .content-video-wrapper .inner-wrapper video { display: block; aspect-ratio: calc(9 / 16); }
.content-page .content-video-wrapper .inner-wrapper .video-js { display: block; width: 100%; background: transparent; }
.content-page .content-video-wrapper .inner-wrapper .video-js-overlay { display: flex; justify-content: center; align-items: center; background: rgba(0, 0, 0, 0.22); opacity: 1; transition: opacity 0.4s; pointer-events: none; }
.content-page .content-video-wrapper .inner-wrapper .video-js-overlay.hidden { opacity: 0; }
.content-page .content-video-wrapper .inner-wrapper .video-js-overlay .icon-play { max-width: 55%; }
.content-page .content-video-wrapper .inner-wrapper .vjs-big-play-button { visibility: hidden; }
.content-page .content-video-wrapper .inner-wrapper .vjs-playing + .video-js-overlay { display: none; }
@media (max-width: 659px) {
    .content-page .content-video-wrapper .inner-wrapper { width: 65%; }
}
.content-page .images { margin-top: 2em; text-align: center; }
.content-page .images .image { position: relative; margin-bottom: 5.3em; line-height: 0; }
.content-page .images .image .image-desc { line-height: normal; margin-top: 1em; line-height: 1.4em; text-align: left; font-size: clamp(14px, calc(14px + ((6) * ((100vw - 430px) / (2000 - 430)))), 20px); }
@media (max-width: 1023px) {
    .content-page .images .image { margin-bottom: 3em; }
}
@media (max-width: 659px) {
    .content-page .images .image { margin-bottom: 2.5em; }
}
.content-page .files-links { margin-top: 2em !important; margin: 0 auto 5.5%; }
.content-page .link-title { padding-right: 1em; }
@media (max-width: 1400px) {
    .content-page .link-title { font-size: 30px; }
}
@media (max-width: 1023px) {
    .content-page .link-title { font-size: 25px; margin-bottom: 1.5em; padding-right: 0; }
}
.content-page ul.links .link { height: 100%; text-decoration: none; display: block; font-weight: 800; letter-spacing: -0.01em; border-bottom: 3px solid #fff; padding-bottom: 0.7em; padding-right: 35px; position: relative; }
.content-page ul.links .link svg { position: absolute; right: 0; }
.content-page ul.links .link svg g { transition: opacity 0.4s; }
.content-page ul.links .link:hover { text-decoration: none; color: inherit; }
.content-page ul.links .link:hover svg g { opacity: 1; }
@media (max-width: 1023px) {
    .content-page ul.links .link > li { margin-bottom: 3.5em; }
    .content-page ul.links .link .link { padding-bottom: 0.75em; }
}
@media (max-width: 659px) {
    .content-page ul.links .link svg { width: 22px; height: 22px; }
    .content-page ul.links .link svg g { opacity: 1; }
}
.content-page ul.links .large-6 .link { display: block; }
.content-page ul.links > li { margin-bottom: 2.6em; clear: both; }
.content-page .video-wrapper { position: relative; }
.page-privacy-policy .content-page .text-content a { word-break: break-word; }
.quote-list { margin-top: 7.5em; }
@media (max-width: 1023px) {
    .quote-list { margin-top: 4em; }
}
@media (max-width: 659px) {
    .quote-list { margin-top: 3em; }
    .quote-list.row { padding-bottom: 55px; }
}
.quote-list .quote-list-item { border: 6px solid #fff; margin-bottom: 5.7%; }
.quote-list .quote-list-item .quote-container { justify-content: space-between; max-width: 1474px; margin: 0 auto; padding: 3em 2em; box-sizing: content-box; }
.quote-list .quote-list-item .citation { font-size: clamp(25px, calc(25px + ((15) * ((100vw - 1024px) / (2000 - 1024)))), 40px); line-height: 1.3em; margin-bottom: 1.7em; letter-spacing: -0.02em; }
.quote-list .quote-list-item .name { font-size: clamp(20px, calc(20px + ((10) * ((100vw - 430px) / (2000 - 430)))), 30px); margin-bottom: 5px; letter-spacing: -0.015em; }
.quote-list .quote-list-item .text { font-size: clamp(16px, calc(16px + ((2) * ((100vw - 430px) / (2000 - 430)))), 18px); line-height: 1.4em; }
.quote-list .quote-list-item .positon { font-size: 16px; }
.quote-list .quote-list-item .quote-wrapper { width: 43%; display: flex; flex-direction: column; }
.quote-list .quote-list-item .headings { margin-top: auto; }
.quote-list .quote-list-item .text-wrapper { width: 48.3%; }
@media (max-width: 810px) {
    .quote-list .quote-list-item { border-width: 4px; }
    .quote-list .quote-list-item .quote-container { padding: 2em 1.5em; }
    .quote-list .quote-list-item .quote-wrapper, .quote-list .quote-list-item .text-wrapper { width: 100%; }
    .quote-list .quote-list-item .text-wrapper { margin-top: 2em; }
}
.job-list { margin-top: 150px; padding-bottom: 200px; }
@media (max-width: 1023px) {
    .job-list { margin-top: 50px; padding-bottom: 100px; }
}
@media (max-width: 659px) {
    .job-list { padding-bottom: 70px; }
}
.job-list .job-list-item .text-wrapper { margin-top: 1em; }
.job-list .job-list-item .text-wrapper .title { font-size: clamp(18px, calc(18px + ((12) * ((100vw - 430px) / (2000 - 430)))), 30px); }
.job-list .job-list-item .text-wrapper .subtitle { font-size: clamp(17px, calc(17px + ((5) * ((100vw - 430px) / (2000 - 430)))), 22px); }
.job-list .job-list-item .image picture, .job-list .job-list-item .image img { display: block; }
.job-page { overflow: hidden; padding-bottom: 0; }
.job-page .intro-content { margin-bottom: 6%; }
.job-page .intro-content .pretitle { font-size: 30px; font-size: clamp(18px, calc(18px + ((12) * ((100vw - 430px) / (2000 - 430)))), 30px); font-weight: 400; text-transform: none; margin-bottom: 0.9em; }
.job-page .intro-content .title { font-size: clamp(30px, calc(30px + ((67) * ((100vw - 430px) / (2000 - 430)))), 97px); line-height: 1.05em; margin-bottom: 0.2em; }
.job-page .intro-content svg { width: 8vw; max-width: 140px; min-width: 80px; }
@media (max-width: 1023px) {
    .job-page .intro-content { margin-bottom: 2.5em; }
}
@media (max-width: 659px) {
    .job-page .intro-content { margin-bottom: 2em; }
    .job-page .intro-content .pretitle { margin-bottom: 1.2em; }
}
.job-page .tape-wrapper { margin: 60px 0 275px; }
@media (max-width: 2000px) {
    .job-page .tape-wrapper { margin-bottom: 13.8%; }
}
@media (max-width: 659px) {
    .job-page .tape-wrapper { margin-bottom: 120px; }
}
.job-page .tape-wrapper .tape.tape-1 span { background-image: url(../img/agentur_zwetschke.svg); }
.job-page .tape-wrapper .tape.tape-2 span { background-image: url(../img/kreative_meute.svg); }
.job-page .images-gallery-wrapper .heading-box .title { font-size: clamp(70px, calc(70px + ((94) * ((100vw - 800px) / (2000 - 800)))), 164px); }
@media (max-width: 659px) {
    .job-page .images-gallery-wrapper .heading-box .title { font-size: 12vw; }
}
.job-page .images-gallery-wrapper .heading-box .subtitle { margin-bottom: 0; }
.job-page .images-gallery-wrapper .image { margin-top: 4em; }
.job-page .images-gallery-wrapper .image img { display: block; }
.job-page .images-gallery-wrapper .image-title { margin-top: 20px; letter-spacing: -0.02em; font-size: clamp(14px, calc(14px + ((6) * ((100vw - 430px) / (2000 - 430)))), 20px); }
@media (max-width: 659px) {
    .job-page .images-gallery-wrapper .image-title { margin-top: 15px; }
    .job-page .images-gallery-wrapper .image { margin-top: 2.1em; }
}
.job-page .benefits-outer-wrapper { background: #fff; margin-top: 7.5em; }
.job-page .benefits-outer-wrapper .benefits-wrapper { padding: 3.8em 0 14%; }
.job-page .benefits-outer-wrapper .heading-box { color: #000; }
.job-page .benefits-outer-wrapper .heading-box .title { font-size: clamp(70px, calc(70px + ((94) * ((100vw - 800px) / (2000 - 800)))), 164px); }
@media (max-width: 659px) {
    .job-page .benefits-outer-wrapper .heading-box .title { font-size: 12vw; }
}
.job-page .benefits-outer-wrapper .content-list-item { margin-top: 1.6em; }
@media (max-width: 1330px) {
    .job-page .benefits-outer-wrapper .content-list-item { width: 50%; }
}
@media (max-width: 800px) {
    .job-page .benefits-outer-wrapper .content-list-item { width: 100%; max-width: 590px; margin: 1.55em auto 0; }
}
.job-page .benefits-outer-wrapper .benefits { margin-top: 1.7em; }
.job-page .benefits-outer-wrapper .benefit-content { background: #000; padding: 13% 8% 9.9%; min-height: 400px; display: flex; flex-flow: column; justify-content: space-between; }
.job-page .benefits-outer-wrapper .benefit-content .title { font-size: clamp(22px, calc(22px + ((13) * ((100vw - 1024px) / (2000 - 1024)))), 35px); margin-bottom: 0.5em; }
.job-page .benefits-outer-wrapper .benefit-content .title::first-letter { padding-right: 15px; }
.job-page .benefits-outer-wrapper .benefit-content .text-container { font-size: clamp(18px, calc(18px + ((5) * ((100vw - 1024px) / (2000 - 1024)))), 23px); }
@media (max-width: 1330px) {
    .job-page .benefits-outer-wrapper .benefit-content { min-height: 280px; }
}
@media (max-width: 800px) {
    .job-page .benefits-outer-wrapper .benefit-content { padding: 11%; min-height: 200px; }
    .job-page .benefits-outer-wrapper .benefit-content .title::first-letter { padding-right: 8px; }
}
@media (max-width: 1023px) {
    .job-page .benefits-outer-wrapper .benefits-wrapper { padding-bottom: 8em; }
}
@media (max-width: 659px) {
    .job-page .benefits-outer-wrapper { margin-top: 5.3em; }
    .job-page .benefits-outer-wrapper .benefits-wrapper { padding-bottom: 5em; }
    .job-page .benefits-outer-wrapper .benefits { margin-top: 1.2em; }
}
.job-page .slider-wrapper { padding: 3.5em 0; }
.job-page .slider-wrapper .heading-box .title { font-size: clamp(70px, calc(70px + ((173) * ((100vw - 800px) / (2000 - 800)))), 243px); }
@media (max-width: 659px) {
    .job-page .slider-wrapper .heading-box .title { font-size: 12vw; }
}
.job-page .slider-wrapper .heading-box .slider-text { font-size: clamp(18px, calc(18px + ((17) * ((100vw - 430px) / (2000 - 430)))), 35px); letter-spacing: -0.015em; line-height: 1.4em; margin-top: 1.2em; }
.job-page .slider-wrapper .jobs-slider-wrapper { margin-top: 116px; }
.job-page .slider-wrapper .slider-item { padding: 0 4%; width: 100%; max-width: 865px; box-sizing: content-box; }
.job-page .slider-wrapper .slider-item .rounded img { display: block; }
.job-page .slider-wrapper .slider-item .image-title { margin-top: 1em; letter-spacing: -0.02em; font-size: clamp(14px, calc(14px + ((6) * ((100vw - 430px) / (2000 - 430)))), 20px); }
.job-page .slider-wrapper .flickity-page-dots { z-index: 90; bottom: 0; display: none; }
.job-page .slider-wrapper .flickity-page-dots .dot { width: 16px; height: 16px; background: rgba(255, 255, 255, 0); opacity: 1; border: 1px solid #fff; transition: background-color 0.4s; }
.job-page .slider-wrapper .flickity-page-dots .dot.is-selected { background: #ffffff; }
.job-page .slider-wrapper .flickity-page-dots .flickity-page-dots { display: block; }
.mobile .job-page .slider-wrapper .flickity-page-dots { display: block; }
.mobile .job-page .slider-wrapper .flickity-carousel { padding-bottom: 60px; }
@media (max-width: 1023px) {
    .job-page .slider-wrapper .jobs-slider-wrapper { padding: 0 20px; margin-top: 66px; }
    .job-page .slider-wrapper .slider-item { width: 100%; }
}
.page-reserved #footer, .page-goodnews #footer { background: #000; }
.page-reserved #footer #footer-menu .footer-menu > li a, .page-goodnews #footer #footer-menu .footer-menu > li a { color: #fff; }
.page-reserved #mainmenu, .page-goodnews #mainmenu, .page-reserved #footer .footer-row, .page-goodnews #footer .footer-row, .page-reserved #footer #footer-menu .button, .page-goodnews #footer #footer-menu .button { display: none; }
.page-reserved #footer, .page-goodnews #footer { padding: 80px 0 50px; }
@media (max-width: 659px) {
    .page-reserved #footer, .page-goodnews #footer { padding: 50px 0 0; }
}
.page-reserved #footer #footer-menu, .page-goodnews #footer #footer-menu { justify-content: center; }
.page-reserved .content-page, .page-goodnews .content-page { overflow: hidden; padding-top: 0; padding-bottom: 30px; }
.page-reserved .content-page .intro-content, .page-goodnews .content-page .intro-content { text-align: center; margin-bottom: 1em; }
.page-reserved .content-page .text-content, .page-goodnews .content-page .text-content { text-align: center; margin-bottom: 0; }
.page-reserved .content-page .tape-wrapper, .page-goodnews .content-page .tape-wrapper { margin-top: 20px; }
.page-reserved .content-page .tape-wrapper .tape.tape-1 span, .page-goodnews .content-page .tape-wrapper .tape.tape-1 span { background-image: url(../img/aetschi.svg); }
.page-reserved .content-page .tape-wrapper .tape.tape-2 span, .page-goodnews .content-page .tape-wrapper .tape.tape-2 span { background-image: url(../img/schnell_sein.svg); }
.page-reserved .content-page .bottom-text, .page-goodnews .content-page .bottom-text { margin-top: 60px; max-width: 830px; margin: 90px auto 0; }
.page-reserved .content-page .button-wrapper, .page-goodnews .content-page .button-wrapper { margin-top: 1em; display: flex; flex-flow: row wrap; justify-content: center; gap: 20px; }
.page-goodnews .content-page .intro-content .title { font-size: clamp(35px, calc(35px + ((85) * ((100vw - 430px) / (2000 - 430)))), 120px); }
.page-goodnews .content-page .tape-wrapper .tape.tape-1 span { background-image: url(../img/ueberlegsch_dir_halt.svg); }
.page-goodnews .content-page .tape-wrapper .tape.tape-2 span { background-image: url(../img/was_willst_du_denn.svg); }
.page-goodnews .content-page .button-wrapper { margin-top: 4em; }
.page-goodnews .content-page .button-wrapper .button:nth-child(2n) { background: #FCBAFF; }
.page-spende #mainmenu { display: none; }
.page-spende .content-page { text-align: center; margin: 0 auto; max-width: 1024px; padding-bottom: 2.5em; }
.page-spende .content-page h3 { font-family: 'Unbounded', sans-serif; text-transform: uppercase; letter-spacing: -0.02em; }
.page-spende .content-page .intro-content { margin-bottom: 1.9em; }
.page-spende .intro-content { text-align: center; }
.page-spende .intro-content .title { font-size: clamp(50px, calc(50px + ((25) * ((100vw - 430px) / (2000 - 430)))), 75px); }
.page-spende .wer-ist-zwetschke { margin-top: 10em; }
.page-spende .projects { margin-top: 0; overflow: hidden; }
.tape-wrapper { display: flex; flex-flow: column; justify-content: center; align-items: center; }
.tape-wrapper .tape { width: 500000px; height: 89px; display: flex; justify-content: center; align-items: center; filter: blur(0.1px); }
.tape-wrapper .tape span { width: 100%; height: 44px; display: block; background-repeat: repeat-x; background-position: left center; background-size: auto 100%; }
.tape-wrapper .tape.tape-1 { background-color: #D4FF26; rotate: -4.5deg; animation: scrollTextLeft 1000s linear infinite; }
.tape-wrapper .tape.tape-1 span { background-image: url(../img/hier_gibts_nix.svg); }
.tape-wrapper .tape.tape-2 { background-color: #fff; margin-top: -58px; rotate: 6deg; animation: scrollText 1000s linear infinite; }
.tape-wrapper .tape.tape-2 span { background-image: url(../img/error.svg); }
@media (max-width: 1023px) {
    .tape-wrapper .tape { height: 50px; }
    .tape-wrapper .tape span { height: 25px; }
    .tape-wrapper .tape.tape-1 { rotate: -6deg; animation-duration: 1300s; }
    .tape-wrapper .tape.tape-2 { rotate: 8deg; margin-top: -40px; animation-duration: 1300s; }
}
@media (max-width: 659px) {
    .tape-wrapper .tape.tape-1 { rotate: -15deg; }
    .tape-wrapper .tape.tape-2 { rotate: 10deg; margin-top: -50px; }
}
@keyframes scrollText {
    from { transform: translateX(25%); }
    to { transform: translateX(0%); }
}
@keyframes scrollTextLeft {
    from { transform: translateX(0); }
    to { transform: translateX(25%); }
}
