@font-face {
font-family: "Frutiger-Regular";
src: url(//www.alsterdorf-assistenz-ost.de/wp-content/themes/alsterdorf/fonts/Frutiger-Regular.woff);
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Frutiger-Bold";
src: url(//www.alsterdorf-assistenz-ost.de/wp-content/themes/alsterdorf/fonts/Frutiger-Bold.woff);
font-weight: normal;
font-style: normal;
font-display: swap;
} html {
--magenta: #e80442; --grey: #7b746a;
--light-grey: #e9e9e4;
--violet: #ce468d;
--gradient: linear-gradient(to right, var(--magenta), var(--violet));
--full-height: 100vh;
--max-width: 1400px;
--column-gap: 50px;
--std-gap: 100px;
--smaller-std-gap: 75px;
--smallest-std-gap: 50px;
--scrollbar-width: 15px;
--outer-dist: calc((100vw - var(--max-width) - var(--scrollbar-width)) / 2);
} *:focus:not(:focus-visible) {
outline: none;
}
*:focus-visible {
outline: 3px solid var(--magenta);
outline-offset: 4px;
} * {
box-sizing: border-box;
}
html, body {
width: 100%;
margin: 0;
scroll-behavior: smooth;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
html {
overflow-x: hidden;
position: absolute;
top: 0;
max-width: 100vw;
background-color: #f8f8f8;
}
body {
max-width: 2000px;
margin: 0 auto;
background-color: white;
}
body::before {
content: '';
display: block;
background-color: white;
width: 100%;
height: 250px;
position: absolute;
max-width: 2000px;
transform: translateY(-100%);
}
#body-distribution-page::before {
display: none;
}
.max-width {
width: 100%;
max-width: var(--max-width);
margin: 0 auto;
position: relative;
}
.reduced-max-width {
max-width: 1000px;
}
.cols {
display: grid;
grid-gap: var(--column-gap);
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}
.reduced-gap {
grid-gap: calc(var(--column-gap) / 2);
}
.col-1-1, .col-1-3, .col-2-3, .col-1-2 {
position: relative;
max-width: 100%;
}
.col-1-1 {grid-column: auto / span 6;}
.col-1-3 {grid-column: auto / span 2;}
.col-2-3 {grid-column: auto / span 4;}
.col-1-2 {grid-column: auto / span 3;}
.content-block > *:first-child {margin-top: 0 !important;}
.content-block > *:last-child {margin-bottom: 0 !important;}
@media not print {
.weak-content-block > *:first-child {margin-top: 0 !important;}
.weak-content-block > *:last-child {margin-bottom: 0 !important;}
}
.std-gap {
margin-top: var(--std-gap);
margin-bottom: var(--std-gap);
}
.two-text-cols, .three-text-cols {
column-gap: var(--column-gap);
}
.two-text-cols {
column-count: 2;
}
.three-text-cols {
column-count: 3;
} h1, h2, h3, h4, .h1, .h2, .h3, .h4 {
font-weight: normal;
font-family: "Frutiger-Bold";
line-height: 1.1em;
}
h1, .h1, h2, .h2 {
font-size: 3rem;
}
h1, .h1 {
background: var(--gradient);
color: white;
-webkit-box-decoration-break: clone;
-moz-box-decoration-break: clone;
-ms-box-decoration-break: clone;
-o-box-decoration-break: clone;
box-decoration-break: clone;
padding: 10px 20px;
display: inline;
line-height: 1.8em;
}
h3, .h3 {
font-size: 1.8rem;
line-height: 1.2em;
}
h4, .h4, button, input, select {
font-size: 1.4rem;
}
p, .p, ul, ol, textarea, label, figcaption, table, .subnav a {
font-family: "Frutiger-Regular";
font-size: 1.2rem;
line-height: 1.4em;
}
.more-contrast p, .more-contrast ul, .more-contrast ol, .more-contrast textarea, .more-contrast label, .more-contrast figcaption, .more-contrast table {
font-family: "Frutiger-Bold";
}
p, ul, ol {
margin: 25px 0;
}
strong {
font-family: "Frutiger-Bold";
font-weight: normal;
}
ul, ol {
padding-inline-start: 25px;
}
ul {
list-style: none;
}
ul:dir(rtl) {
list-style: disc;
}
li {
position: relative;
}
ul li::before {
content: url(//www.alsterdorf-assistenz-ost.de/wp-content/themes/alsterdorf/img/bullet-point.svg);
display: inline-block;
width: 5px;
height: 7px;
position: absolute;
left: -15px;
}
ul li:dir(rtl)::before {
display: none;
}
a {
color: inherit;
text-decoration: none;
}
.black {
color: black !important;
} #internet-explorer-msg, #no-js-msg {
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: white;
display: flex;
align-items: center;
justify-content: center;
z-index: 99;
}
#internet-explorer-msg p, #no-js-msg p {
max-width: 80%;
}
.trans {
transition: all 0.3s ease;
}
.trans-slow {
transition: all 0.6s ease;
}
.no-trans-to-all, .no-trans-to-all * {
transition: none !important;
}
.hide, .reloaded-content {
opacity: 0 !important;
pointer-events: none !important;
}
.hide * {
pointer-events: none !important;
}
.bg-img {
background-size: cover;
background-repeat: no-repeat;
background-position: center;
object-fit: cover;
object-position: center;
}
#msg, #loading-spinner, #yes-no-msg, #bookmarks {
position: fixed;
background-color: rgba(255,255,255,0.9);
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
z-index: 1100000;
top: 0;
left: 0;
}
#msg p, #yes-no-msg > div, #bookmarks-dialog {
background-color: var(--grey);
padding: 25px;
max-width: 400px;
color: white;
font-family: "Frutiger-Bold";
}
#msg p strong {
font-weight: bold;
}
#bookmarks-dialog {
padding: 35px;
width: 600px;
max-width: 90%;
}
#bookmarks-dialog h3 img {
width: 25px;
cursor: pointer;
}
.easy-speech-msg-visible #msg {
pointer-events: none;
}
.easy-speech-msg-visible #msg p {
max-width: 450px;
}
.easy-speech-msg-visible #msg p::before {
content: url(//www.alsterdorf-assistenz-ost.de/wp-content/themes/alsterdorf/img/hourglass.svg);
display: inline-block;
aspect-ratio: 1 / 1;
height: 1.75lh;
margin-right: 1em;
float: left;
translate: 0 0.1lh;
}
body.no-easySpeech .easy-language-widget {
display: none;
}
.easy-language-widget img {
scale: 0.9;
}
#yes-no-msg p {
color: white;
margin-top: 0;
font-family: "Frutiger-Bold";
margin-bottom: 35px;
}
#yes-no-msg > div {
width: 400px;
}
#yes-no-msg > div > div {
display: flex;
align-items: center;
gap: 20px;
}
#yes-no-msg > div > div > button {
margin: 0;
width: 50%;
}
#yes-no-msg > div > div > button:is(:hover, :focus-visible) {
background: var(--gradient);
}
@keyframes spin { 
from { 
transform: rotate(0deg); 
} 
to { 
transform: rotate(360deg); 
}
}
#loading-spinner img {
animation-name: spin;
animation-duration: 2s;
animation-iteration-count: infinite;
animation-timing-function: linear;
width: 150px;
height: 150px;
}
.anchor {
height: 0;
display: block;
position: relative;
top: -125px;
}
.lazy {
opacity: 0;
}
.loaded {
opacity: 1;
}
hr {
border: none;
border-bottom: solid 2px black;
margin: var(--smallest-std-gap) 0;
}
.more-contrast hr {
border-color: black;
}
#scrollbar-measure {
position: fixed;
width: 100%;
height: 0;
overflow: hidden;
}
#scrollbar-measure-inner {
width: 100vw;
}
.underline-links a, .html-content a {
text-decoration: underline;
}
.chrome .underline-links a, .chrome .html-content a, .edge .underline-links a, .edge .html-content a {
text-decoration: none;
border-bottom: solid 1px currentColor;
}
#lightboxImg p:empty, .html-content p:empty {
display: none;
}
.img-3-2, .img-1-1 {
position: relative;
}
.img-3-2::after, .img-1-1::after {
content: '';
display: block;
padding-bottom: 66%;
}
.img-1-1::after {
padding-bottom: 100%;
}
.img-3-2 > img, .img-1-1 > img, #header-img > img {
position: absolute;
width: 100%;
height: 100%;
}
.with-arrow, .with-arrow-before {
cursor: pointer;
}
.with-arrow::after, .with-arrow-before::before {
content: url(//www.alsterdorf-assistenz-ost.de/wp-content/themes/alsterdorf/img/link-arrow.svg);
width: 10px;
height: 14px;
display: inline-block;
margin-left: 5px;
position: relative;
top: 2px;
}
.with-arrow:dir(rtl)::after, .with-arrow-before:dir(rtl)::before {
display: none;
}
.with-arrow-before::before {
transform: scaleX(-1);
margin: 0 7px 0 0;
}
.with-arrow-before[onclick^="goBack"] {
width: fit-content;
}
h3.with-arrow::after, .h3.with-arrow::after {
margin-left: 10px;
top: 1px;
}
.magenta-bg .with-arrow::after, .magenta-bg .with-arrow-before::before {
filter: invert(100%) brightness(1000%);
}
.gallery-img {
cursor: pointer;
}
.close {
position: absolute;
top: 20px;
right: 20px;
padding: 15px;
width: 30px;
height: auto;
box-sizing: content-box;
cursor: pointer;
}
[href^="tel:"] {
pointer-events: none;
}
.only-smartphone {
display: none !important;
}
.wp-caption {
width: 100% !important;
margin: 40px 0 30px;
}
.wp-caption-text {
margin: 15px 0 0;
}
.magenta-bg {
background: var(--gradient) !important;
}
.more-contrast h1, .more-contrast .h1, .more-contrast .magenta-bg {
background-color: black !important;
}
.magenta-bg * {
color: white;
}
.magenta-bg p {
font-family: "Frutiger-Bold";
}
.light-grey-bg {
background-color: var(--light-grey);
}
.icon {
display: block;
width: 50px;
height: 50px;
}
.more-contrast .icon {
filter: brightness(0%);
}
.magenta-bg .icon {
filter: grayscale(100%) brightness(10000%);
}
.heading-with-icon {
display: flex;
justify-content: space-between;
align-items: center;
}
.slider-teaser .heading-with-icon {
align-items: flex-start;
}
.heading-with-icon .icon {
margin-left: 30px;
flex-shrink: 0;
display: none;
}
.reader-button, .sqr-button {
width: 45px !important;
height: 45px !important;
background-color: var(--grey);
position: absolute;
right: 0;
top: 0;
cursor: pointer;
z-index: 50;
border-radius: 50%;
}
.reader-button-right-outside {
transform: translateX(100%);
}
.reader-button-right-outside-top {
transform: translateY(-100%);
}
.reader-button:hover, .sqr-button:hover {
background-color: var(--magenta);
}
.more-contrast .reader-button, .more-contrast .sqr-button, .more-contrast #tts-control, .more-contrast .small-label, .more-contrast .gallery-nav-prev, .more-contrast .gallery-nav-next {
background-color: black;
}
.reader-button img, .sqr-button img {
width: 90%;
height: 90%;
position: relative;
inset-inline-start: 5%;
margin-top: 5%;
}
.highlight-reader-content, .filling-img, .line .reader-button, .line .content-block-icons {
position: relative;
}
body:not(.website-is-reading) .highlight-reader-content::after {
content: '';
display: block;
position: absolute;
width: 100%;
height: 100%;
outline: solid 5px #007cbd;
outline-offset: -5px;
top: 0;
left: 0;
}
.highlight-spoken-text, .highligt-reader-button, .checkbox-input label.highlight-spoken-text span {
background-color: #007cbd !important;
color: white !important;
}
#tts-control {
position: fixed;
left: 50px;
bottom: -500px;
background-color: #007cbd;
padding: 25px;
z-index: 500;
}
.website-is-reading #tts-control {
bottom: 50px;
}
#tts-control > div {
display: flex;
align-items: center;
cursor: pointer;
}
#tts-control > div:first-child {
margin-bottom: 15px;
}
#tts-control > div > div {
background-color: white;
}
#tts-control p {
color: white;
font-family: "Frutiger-Bold";
margin: 0 0 0 15px;
}
#tts-control img {
width: 45px;
height: auto;
display: block;
}
.more-contrast #tts-control img {
filter: brightness(0%);
}
.optical-offset-top, .first-child-optical-offset-top > *:first-child {
position: relative;
top: -5px;
}
.content-block-icons {
position: absolute;
inset-inline-end: 0;
top: 0;
display: flex;
}
.content-block-icons > * {
position: relative;
margin-inline-start: 20px;
}
.content-block-icons a {
display: block;
}
.teaser, .box {
padding: 35px 40px 40px;
display: block;
margin: var(--smallest-std-gap) 0;
position: relative;
}
.teaser {
cursor: pointer;
}
.teaser .heading-with-icon, .box .heading-with-icon {
margin-bottom: 35px;
}
.teaser .heading-with-icon:first-child, .box .heading-with-icon:first-child {
margin-top: 0 !important;
}
.more-contrast .box .heading-with-icon {
filter: brightness(0%);
}
.teaser button, .minimize-width {
width: auto;
}
.teaser, .box {
background-color: var(--light-grey);
}
.teaser :is(h3, .h3) {
color: var(--magenta);
}
.more-contrast .teaser :is(h3, .h3) {
color: black;
}
.teaser-with-img {
padding-top: 0;
}
.teaser-with-img .img-3-2 {
width: calc(100% + 80px);
inset-inline-start: -40px;
}
.more-contrast .teaser-with-img .img-3-2 {
width: calc(100% + 76px);
inset-inline-start: -38px;
top: 2px;
}
.more-contrast .box, .more-contrast .contact-person-wide, .more-contrast .contact-person, .more-contrast .teaser, .more-contrast #filters-job-page {
background-color: white;
outline: solid 2px black;
outline-offset: -2px;
}
.teaser > .reader-button:first-child + .heading-with-icon, .box > .reader-button:first-child + .heading-with-icon {
margin-top: 0;
}
.magenta-bg button, .more-contrast .magenta-bg button {
background: white;
color: black;
}
.adjust-text-at-right, .html-content p {
width: calc(100% + 10px);
}
.heading-with-reduced-width, .first-child-reduced-width > *:first-child {
width: calc(100% - 150px);
}
.small-label {
background-color: var(--grey);
color: white;
display: inline-block;
padding: 2px 10px;
}
.load-further-items-link {
cursor: pointer;
margin: var(--smaller-std-gap) 0;
}
.gallery {
margin: var(--smallest-std-gap) 0;
height: 300px;
position: relative;
}
.gallery::before, .gallery::after {
content: '';
display: block;
width: 100px;
height: 100%;
position: absolute;
top: 0;
z-index: 5;
background-color: white;
}
.gallery::after {
right: 0;
}
.gallery-img-wrapper {
height: 100%;
width: 100%;
position: absolute;
overflow-x: scroll;
scroll-snap-type: x mandatory;
top: 0;
left: 0;
}
.gallery-inner-img-wrapper {
height: 100%;
display: flex;
padding: 0 100px;
}
.gallery-inner-img-wrapper > div {
height: 100%;
margin-right: 25px;
scroll-snap-align: center;
}
.gallery-inner-img-wrapper > div:last-child {
margin-right: 0;
}
.gallery-inner-img-wrapper img {
display: block;
height: 100%;
width: auto;
}
.gallery-nav-prev, .gallery-nav-next {
background-color: var(--grey);
width: 45px;
height: 45px;
position: absolute;
top: calc(50% - 22px);
cursor: pointer;
padding: 2px;
z-index: 10;
border-radius: 50%;
}
.gallery-nav-prev {
left: 25px;
transform: scaleX(-1);
padding: 2px 1px 2px 3px;
}
.gallery-nav-next {
right: 25px;
}
.offer-page .gallery-nav-prev, .job-offer-page .gallery-nav-prev, body[data-template="editorial"] .gallery-nav-prev {
left: 0;
transform: translateX(-50%) scaleX(-1);
outline: solid 5px white;
}
.offer-page .gallery-nav-next, .job-offer-page .gallery-nav-next, body[data-template="editorial"] .gallery-nav-next {
right: 0;
transform: translateX(50%);
outline: solid 5px white;
}
:is(.gallery-nav-prev, .gallery-nav-next):focus-visible {
outline-color: var(--magenta) !important;
outline-width: 3px !important;
}
.offer-page .gallery-inner-img-wrapper, .job-offer-page .gallery-inner-img-wrapper, body[data-template="editorial"] .gallery-inner-img-wrapper {
padding: 0;
}
.offer-page .gallery::before, .offer-page .gallery::after, .job-offer-page .gallery::before, .job-offer-page .gallery::after, body[data-template="editorial"] .gallery::before, body[data-template="editorial"] .gallery::after {
width: 0;
}
.offer-page .gallery, .job-offer-page .gallery, body[data-template="editorial"] .gallery {
margin-bottom: var(--smaller-std-gap);
}
.no-scrollbars {
scrollbar-width: none;
}
.no-scrollbars::-webkit-scrollbar {
display: none;
}
.tel + .tel-label {
margin-top: -15px;
}
.tel {
margin-top: -25px;
}
.no-margin {
margin: 0 !important;
}
.line {
display: flex;
align-items: center;
justify-content: space-between;
}
.max-font-size {
white-space: nowrap;
}
.max-font-size-inner {
display: inline-block;
}
.msg-from-server, .html-content .cols > br {
display: none;
}
#back {
margin: 35px 0;
}
#main-headline-below-slider {
margin: var(--smallest-std-gap) 0;
}
#main-headline-below-slider h1 {
margin: 0;
}
.html-content img { max-width: 100%; height: auto !important;
}
.html-content > p > a > img {
width: 100% !important;
}
.html-content .alignleft {
float: left;
margin-right: 25px;
}
.html-content .alignright {
float: right;
margin-left: 25px;
}
.html-content a:has(> img) {
display: block;
}
.filling-img, .html-content .cols {
margin: var(--smallest-std-gap) 0;
}
.filling-img img {
margin: 0;
}
.html-content.weak-content-block > p:first-child > img, .html-content.content-block > p:first-child > img {
margin-top: 0;
width: calc(100% - 10px);
}
.html-content.weak-content-block > p:last-child > img, .html-content.content-block > p:last-child > img {
margin-bottom: 0;
max-width: 100%; }
.to-left-edge {
width: calc(100% + var(--outer-dist));
position: relative;
left: calc(-1 * var(--outer-dist));
}
.bg-closer {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
@media not print {
.oust-text-right-top::before, .oust-text-right-top-wide::before {
content: '';
display: block;
float: inline-end;
width: 80px;
height: 80px;
}
.oust-text-right-top-wide::before {
width: 150px;
}
}
.shortcode-link-btn {
margin: 15px 0;
display: block;
text-decoration: none !important;
border-bottom: none !important;
}
.shortcode-link-btn button {
width: auto;
margin: 0;
}
.btn-group {
display: flex;
margin: 40px 0;
gap: 20px;
flex-wrap: wrap;
}
.btn-group > * {
margin: 0;
}
.print-btn, .shortcode-video-button, button.bookmark-button {
width: auto;
margin: 45px 0 45px 60px;
cursor: pointer;
position: relative;
}
a:has(> .shortcode-video-button) + .print-btn {
margin-top: 15px;
}
.print-btn::before, .shortcode-video-button::before, button.bookmark-button::before {
content: url(//www.alsterdorf-assistenz-ost.de/wp-content/themes/alsterdorf/img/print.svg);
width: 50px;
height: 50px;
display: block;
background-color: var(--grey);
position: absolute;
top: 0;
left: -60px;
border-radius: 50%;
}
.shortcode-video-button {
margin-top: 20px;
margin-bottom: 20px;
}
.shortcode-video-button::before {
content: url(//www.alsterdorf-assistenz-ost.de/wp-content/themes/alsterdorf/img/video-btn.svg);
}
button.bookmark-button::before {
content: url(//www.alsterdorf-assistenz-ost.de/wp-content/themes/alsterdorf/img/pin.svg);
transition: all 0.3s ease;
}
button.bookmark-button.bookmarked::before {
rotate: -45deg;
background-color: var(--magenta);
}
.more-contrast .print-btn::before, .more-contrast .shortcode-video-button::before, .more-contrast button.bookmark-button::before {
background-color: black;
}
.entry-text {
line-height: 1.3em;
}
.gap {
height: 10px;
}
.expandable-content {
margin: var(--smallest-std-gap) 0;
}
.expandable-content-btn {
padding-top: 25px;
}
.expandable-content button {
width: auto;
}
.expandable-content-2-content:not(.expandable-content-2-content-visible) .expandable-content button {
background-color: var(--light-grey);
pointer-events: none;
}
@media not print {
[data-expanded="false"] .expandable-content-full, [data-expanded="true"] .expandable-content-teaser {
position: absolute;
opacity: 0;
pointer-events: none;
}
}
[data-expanded="false"] .expandable-content-btn button:last-of-type, [data-expanded="true"] .expandable-content-btn button:first-of-type {
display: none;
}
.expandable-content.collapse-animation .expandable-content-full, .expandable-content.collapse-animation button {
opacity: 0;
transition: none;
}
@media not print {
.expandable-content-2-content {
overflow-y: hidden;
}
.expandable-content-full {
display: block;
}
}
.expandable-content-2-content p {
max-width: 100%;
}
.expandable-content-2-btn {
position: relative;
}
.expandable-content-2-btn::before {
content: '';
display: block;
height: 200px;
position: absolute !important;
transform: translateY(-100%);
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 75%, rgba(255,255,255,1) 100%);
}
.expandable-content-2-btn {
text-align: center;
padding-top: var(--smallest-std-gap);
}
.expandable-content-2-btn hr, .expandable-content-2-btn::before {
width: calc(100% + var(--outer-dist));
position: relative;
left: calc(-1 * var(--outer-dist));
margin-top: 0;
}
.expandable-content-2-btn button {
width: auto;
}
.wrapper {
position: relative;
}
.label-above-info {
margin: -10px 0 -25px;
}
.magenta-text {
color: var(--magenta);
}
.more-contrast .magenta-text {
color: black;
}
#sitemap {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: var(--smaller-std-gap);
}
#sitemap .p {
margin: 10px 0;
}
.sitemap-column-heading {
margin-bottom: 50px;
}
#sitemap ul {
padding-left: 0;
}
#sitemap li::before {
display: none;
}
#sitemap:dir(rtl) ul {
list-style-type: none;
}
#body-distribution-page {
background-color: var(--light-grey);
display: flex;
justify-content: center;
align-items: center;
min-height: 100vh;
}
#body-distribution-page > div {
display: flex;
flex-direction: column;
align-items: center;
}
#body-distribution-page a {
display: block;
}
#body-distribution-page button {
width: auto;
margin: 15px 0;
}
.responsive-iframe {
position: relative;
margin: var(--smallest-std-gap) 0;
}
.responsive-iframe::after {
content: '';
display: block;
padding-bottom: 56.25%;
}
.responsive-iframe iframe {
position: absolute;
width: 100%;
height: 100%;
border: none;
}
.responsive-iframe > .responsive-iframe {
display: contents;
}
.responsive-iframe > .responsive-iframe::after {
display: none;
}
.scroll-hard, .scroll-hard * {
scroll-behavior: auto !important;
}
#main-page-heading-inside-map {
position: absolute;
bottom: var(--smaller-std-gap);
}
.prevent-body-scrolling {
overflow-y: hidden;
max-height: var(--full-height);
}
.prevent-smooth-scrolling {
scroll-behavior: auto !important;
}
.artificial-scrollbar {
position: absolute;
width: 20px;
height: calc(100% - 50px);
top: 25px;
right: 25px;
background-color: var(--light-grey);
padding: 5px;
border-radius: 10px;
}
.artificial-scrollbar > div {
width: 100%;
position: relative;
background-color: var(--grey);
cursor: grab;
border-radius: 10px;
height: 50%;
}
.more-contrast .artificial-scrollbar {
background-color: transparent;
border: solid 2px black;
padding: 3px;
}
.more-contrast .artificial-scrollbar > div {
background-color: black;
}
.embedded-video {
position: relative;
margin: var(--smallest-std-gap) 0;
}
.embedded-video video {
width: 100%;
height: auto;
cursor: pointer;
}
.embedded-video * {
margin: 0 !important;
}
.embedded-video-placeholder {
background-color: var(--magenta);
padding: 25px;
cursor: pointer;
margin: var(--smallest-std-gap) 0;
}
.more-contrast .embedded-video-placeholder {
background-color: black;
}
.embedded-video-placeholder * {
color: white;
}
.embedded-video-play {
background-color: var(--magenta);
position: absolute;
width: var(--smaller-std-gap) !important;
height: var(--smaller-std-gap) !important;
padding: 10px;
left: 35px;
bottom: 35px;
pointer-events: none;
}
.more-contrast .embedded-video-play {
background-color: black;
}
.embedded-video-activated .embedded-video-play {
opacity: 0;
}
#kontakt:target {
scroll-margin-top: 100px;
}
.transfer-content-at-smartphone, .transfer-content-at-smartphone-target {
display: contents;
}
.share-icons {
display: flex;
align-items: center;
}
.share-icons p {
margin: 0;
}
.share-icons a {
margin-left: 20px;
display: block;
}
.share-icons img {
display: block;
width: 45px;
height: 45px;
background-color: var(--magenta);
}
.default-cursor {
cursor: default !important;
}
.extra-padding-right {
padding-right: var(--column-gap);	
}
#bookmarks :is(p, li) {
font-family: "Frutiger-Bold";
}
#bookmarks ul li::before {
filter: invert(100%);
}
.inline-link {
cursor: pointer;
}
#genogramm-editor {
position: relative;
width: calc(100% + var(--outer-dist));
left: 50%;
translate: -50% 0%;
aspect-ratio: 9 / 5;
border: solid 2px var(--light-grey);
margin-top: var(--smallest-std-gap);
}
@media screen and (max-width: 1700px) {
#genogramm-editor {
width: 100%;
}
} .table {
margin: var(--smaller-std-gap) 0 var(--smallest-std-gap);
background-color: var(--light-grey);
position: relative;
}
.more-contrast .table {
outline: solid 2px black;
outline-offset: -2px;
}
.table-head {
padding: 0 25px;
}
table {
margin: var(--smallest-std-gap) 0;
background-color: var(--light-grey);
border-collapse: collapse;
border-style: hidden;
width: 100%;
}
.more-contrast table, .more-contrast .table {
background-color: transparent;
}
td {
border: solid 2px white;
padding: 10px 25px;
}
.more-contrast td {
border-color: black;
}
thead td {
font-family: "Frutiger-Bold";
}
.table-icon {
width: 20px;
height: auto;
position: relative;
top: 2px;
color-adjust: exact !important;
-webkit-print-color-adjust: exact !important;
}
.more-contrast .table-icon {
transform: scale(1.5);
}
.table-body {
display: flex;
overflow: hidden;
}
.table table {
border-top: solid 2px white;
margin: 0;
width: 50%;
}
.table table:first-child {
border-inline-end: solid 8px white;
}
.more-contrast .table table:first-child {
border-inline-end: solid 2px black;
}
.table td {
height: 50px;
position: relative;
}
.table td:last-child {
text-align: center;
width: 100px;
}
.table tr:last-child td:first-child::after {
content: '';
display: block;
position: absolute;
width: 2px;
background-color: white;
height: 300px;
right: -2px;
top: 0;
}
.more-contrast .table tr:last-child td:first-child::after {
background-color: black;
}
.table table:first-child {
position: relative;
}
.table table:first-child::after { }
.more-contrast .table table:first-child::after {
display: none;
}
.table + .print-btn {
margin-top: 0;
margin-bottom: 10px;
}
.table-with-only-one-entry table {
width: 100%;
border-right: none !important;
}
.table.table-with-only-one-entry table:first-child::after {
display: none;
}
.table.table-with-only-one-entry table td:last-child {
border-right: none;
} #nav {
margin: 50px 0;
position: relative;
}
#nav > .max-width {
display: flex;
justify-content: space-between;
}
#nav > div > div {
position: relative;
}
#nav > div > div:first-child {
flex-grow: 1;
}
#nav > div > div:last-child {
margin-inline-start: 200px;
display: flex;
flex-direction: column;
justify-content: space-between;
}
#logo {
width: calc((var(--max-width) - 2 * var(--column-gap)) / 3);
display: block;
}
#mobile-nav-trigger {
display: none;
}
.more-contrast #logo, .more-contrast .apply-now-label {
filter: brightness(0%);
}
#main-nav, #sticky-nav > .max-width > ul {
display: flex;
justify-content: space-between;
}
#main-nav {
margin-top: 50px;
margin-bottom: 0;
}
#main-nav, #sticky-nav, :is(#main-nav, #sticky-nav) ul {
list-style-type: none;
padding-inline-start: 0;
}
:is(#main-nav, #sticky-nav) li::before {
display: none;
}
#main-nav li {
position: relative;
margin: 0;
}
.nav-highlight {
position: absolute;
width: 100%;
display: block;
height: 5px;
background-image: url(//www.alsterdorf-assistenz-ost.de/wp-content/themes/alsterdorf/img/nav-underline.svg);
background-repeat: no-repeat;
background-size: 100% 100%;
bottom: -5px;
opacity: 0;
}
.more-contrast .nav-highlight {
background-color: black;
}
#meta-nav {
display: flex;
justify-content: flex-end;
position: absolute;
right: 0;
top: 0;
}
.show-search-module #meta-nav {
opacity: 0;
pointer-events: none;
}
#meta-nav p {
position: relative;
margin: 0 0 0 40px;
}
#nav .current > .nav-highlight, #sticky-nav .current > .nav-highlight, #mobile-nav .current > .nav-highlight, .subnav a.current > .nav-highlight {
opacity: 1 !important;
}
:is(#nav, #sticky-nav) .h4:has(a.current) > .nav-highlight {
opacity: 1 !important;
}
#nav:hover .nav-highlight, #sticky-nav:hover .nav-highlight {
opacity: 0;
}
.apply-now-label {
position: absolute;
width: auto;
height: 40px;
left: 50%;
bottom: 30px;
transform: translateX(-50%);
cursor: pointer;
}
#nav > div > div:last-child > div {
position: relative;
}
#nav > div > div:last-child > div > p {
white-space: nowrap;
position: absolute;
margin: 0;
}
.contrast-switch, .font-size {
height: 35px;
width: 100px;
margin-top: 35px;
}
.contrast-switch {
background-color: var(--grey);
padding: 7px;
cursor: pointer;
}
.contrast-switch > div {
display: flex;
justify-content: space-between;
}
.contrast-switch > div:last-child, .more-contrast .contrast-switch > div:first-child {
display: none;
}
.more-contrast .contrast-switch > div:last-child {
display: flex;
}
.contrast-switch > div > div {
width: 20px;
height: 20px;
background-color: white;
}
.contrast-switch p {
color: white;
margin: 0 !important;
position: relative;
top: -4px;
font-family: "Frutiger-Bold";
}
.contrast-switch > div:first-child p {
left: -5px;
}
.contrast-switch > div:last-child p {
left: 5px;
}
.font-size {
display: flex;
}
.font-size img {
cursor: pointer;
background-color: var(--grey);
height: 100%;
width: auto;
margin-right: 30px;
}
.font-size img:last-of-type {
margin-right: 0;
}
.font-size img:hover, .contrast-switch:hover {
background-color: var(--magenta);
}
.more-contrast .font-size img, .more-contrast .contrast-switch {
background-color: black;
}
#global-search {
position: absolute;
top: 0;
width: 45%;
right: 0;
opacity: 0;
pointer-events: none;
display: flex;
}
.show-search-module #global-search {
opacity: 1;
pointer-events: all;
}
#global-search > * {
margin: 0;
}
#global-search .input {
flex-grow: 1;
}
#global-search input {
height: 35px;
padding-left: 7px;
}
#global-search > img {
background-color: var(--grey);
width: 35px;
height: 35px;
cursor: pointer;
padding: 5px;
display: block;
flex-shrink: 0;
margin-left: 15px;
}
#global-search > img:hover {
background-color: var(--magenta);
}
.more-contrast #global-search > img {
background-color: black !important;
}
#nav :has(> .alsterdorf-label) {
right: 0;
height: 100%;
width: auto;
position: absolute;
top: 0;
display: block;
}
#nav .alsterdorf-label {
height: 100%;
width: auto;
}
#mobile-nav, #offers-filter-smartphone {
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 95;
background-color: white;
}
#mobile-nav {
display: flex;
justify-content: center;
align-items: center;
}
#mobile-nav > div {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
position: relative;
top: -10px;
}
#sticky-nav {
background-color: white;
border-bottom: solid 2px black;
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 10000;
transform: translateY(-110%);
}
.more-contrast #sticky-nav {
border-color: black;
}
#sticky-nav > div {
margin-top: 0;
}
#sticky-nav > div:last-child {
display: none;
align-items: center;
justify-content: space-between;
padding: 15px 0;
}
#sticky-nav > div:last-child a {
width: 100%;
}
#sticky-nav > div:last-child a img {
width: 75%;
}
.more-contrast #sticky-nav > div:last-child a img {
filter: brightness(0%);
}
#sticky-nav > div:last-child > img {
width: 25px;
height: auto;
}
#sticky-nav .apply-now-label {
display: none;
}
#sticky-nav p {
position: relative;
}
.layer-is-opened #sticky-nav {
transform: translateY(-100%) !important;
}
#sticky-nav.show {
transform: translateY(0);
}
#widgets {
position: fixed;
right: 0;
top: 350px;
display: flex;
flex-direction: column;
z-index: 10000;
gap: calc(var(--smallest-std-gap) / 3);
}
.layer-is-opened #widgets {
translate: 100% 0;
}
.widget-wrapper {
width: calc(var(--smallest-std-gap) * 1.25);
aspect-ratio: 1 / 1;
position: relative;
}
.widget {
background-color: var(--magenta);
border-top-left-radius: 50%;
border-bottom-left-radius: 50%;
display: flex;
position: relative;
z-index: 5;
cursor: pointer;
}
.widget img {
display: block;
width: 100%;
height: auto;
}
.widget-wrapper p {
position: absolute;
background-color: var(--light-grey);
white-space: nowrap;
padding: 0 1.25em 0 0.4em;
font-family: "Frutiger-Bold";
margin: 0;
top: 50%;
translate: 10% -50%;
}
.widget-wrapper p:dir(rtl) {
right: var(--smallest-std-gap);
translate: 100% -50%;
}
.widget-wrapper:hover p {
translate: calc(-100% + 0.5em) -50%;
}
.widget-wrapper:hover p:dir(rtl) {
translate: 0% -50%;
}
#new-nav-sidebar {
height: 100%;
display: flex;
flex-direction: column;
align-items: end;
justify-content: end;
}
#new-nav-sidebar-top {
display: flex;
gap: 50px;
align-items: center;
position: absolute;
top: 0;
}
#new-nav-sidebar-top p {
margin: 0;
}
#new-nav-sidebar button {
height: auto;
padding: 0.25em 0.5em;
}
#new-nav-sidebar:dir(rtl) button {
width: 100%;
translate: 0;
}
.social-media-icons {
display: flex;
justify-content: end;
width: 100%;
gap: 25px;
}
.social-media-icons img {
width: 45px;
aspect-ratio: 1 / 1;
display: block;
border-radius: 50%;
background-color: var(--grey);
}
.subnav {
position: absolute;
background-color: var(--light-grey);
padding: calc(var(--smallest-std-gap) / 2);
z-index: 5000;
translate: calc(var(--smallest-std-gap) / -2) 50px;
display: none;
filter: drop-shadow(0 3px 3px rgba(0, 0, 0, 0.25));
}
.subnav:dir(rtl) {
translate: calc(var(--smallest-std-gap) / 2) 50px;
}
:is(#main-nav, #sticky-nav) .h4 > :is(a:hover, a:focus-visible) ~ .subnav, .subnav:hover, .subnav:has(a:focus-visible), .subnav.show {
display: block;
}
:is(#main-nav, #sticky-nav) .h4 > a {
outline-offset: 10px;
}
.subnav ul {
display: flex;
flex-direction: column;
gap: 10px;
}
.subnav::before {
content: '';
display: block;
position: absolute;
width: calc(var(--smallest-std-gap) / 3 * 2);
aspect-ratio: 2 / 1;
background-color: inherit;
translate: 0 -95%;
top: 0;
-webkit-clip-path: polygon(50% 0, 100% 100%, 0 100%);
clip-path: polygon(50% 0, 100% 100%, 0 100%);
}
.subnav::after {
content: '';
display: block;
position: absolute;
width: 100%;
height: 50px;
top: 0;
left: 0;
translate: 0 -100%;
}
.subnav a {
display: block;
white-space: nowrap;
position: relative;
width: fit-content;
}
#mobile-nav .subnav {
position: relative;
translate: 0 0;
margin-top: 15px;
width: 100%;
}
#mobile-nav .subnav.open {
display: flex;
}
#mobile-nav .nav-highlight:has(+ .subnav.open) {
display: none;
}
.subnav .nav-highlight {
bottom: -2px;
} #slider, #header-img, #offer-page-header {
height: calc(var(--full-height) - var(--nav-height));
position: relative;
}
#slider .max-width, #header-img .max-width {
height: 100%;
}
#slider-img-1, #slider-img-2 {
position: absolute;
width: 100%;
height: 100%;
display: block;
}
#slider h1 {
margin: 0;
white-space: nowrap;
}
#slider-main-headline {
position: absolute;
bottom: var(--smallest-std-gap);
max-width: 85%;
}
#slider h1:empty {
display: none;
}
#slider-action-label {
position: absolute;
inset-inline-end: 0;
bottom: 50px;
}
#slider-action-label img, #offer-slider-play, .recruiting-landing-page-video-button img {
background-color: var(--magenta);
width: 75px;
height: auto;
display: none;
border-radius: 50%;
}
#slider-action-label img, .recruiting-landing-page-video-button img {
width: 125px;
position: relative;
z-index: 10;
}
#offer-slider-play {
display: block;
opacity: 0;
pointer-events: none;
}
.more-contrast #slider-action-label img, .more-contrast .recruiting-landing-page-video-button img {
background-color: black;
}
#slider-action-label button, .recruiting-landing-page-video-button button {
position: absolute;
white-space: nowrap;
width: max-content;
top: 50%;
inset-inline-end: calc(100% - 2.25em);
translate: 0 -50%;
padding-inline-end: 3em;
border-radius: 50px;
background: white;
color: black;
}
#slider-action-label button:empty {
display: none;
}
[data-slidertyp="Link"], [data-slidertyp="Video"] {
cursor: pointer;
}
#slider-nav {
position: absolute;
bottom: 50px; display: none;
}
#slider-nav img {
height: 45px;
width: auto;
cursor: pointer;
background-color: var(--magenta);
display: block;
}
.more-contrast #slider-nav img {
background-color: black;
}
#slider-nav img:first-child {
transform: scaleX(-1);
}
#slider-nav img:last-child {
margin-left: 20px;
}
[data-slidertyp="Video"] #slider-action-label img, .recruiting-landing-page-video-button img {
display: block;
}
[data-slidertyp]:not([data-slidertyp="Video"]) #slider-action-label button {
background: var(--gradient);
color: white;
padding-right: 20px;
right: 0;
bottom: 5px;
translate: 0;
top: auto;
}
[data-slidertyp="Video"] #offer-slider-play {
opacity: 1;
pointer-events: all;
}
#offer-slider, #offer-header-imgs {
position: relative;
height: 100%;
}
#offer-slider-button {
position: absolute;
bottom: 55px;
right: 140px;
margin: 0;
width: auto;
}
#offer-slider-play {
position: absolute;
bottom: 55px;
right: 40px;
}
.more-contrast #offer-slider-play {
background-color: black;
}
#offer-header-imgs {
display: flex;
position: absolute;
overflow: hidden;
width: 100%;
}
#offer-header-imgs > div {
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
position: relative;
}
#offer-header-imgs > div:not(:last-child)::after {
content: '';
display: block;
position: absolute;
background-color: white;
height: 100%;
width: 10px;
right: 0;
}
#offer-header-imgs img {
height: 100%;
width: 100%;
cursor: pointer;
object-position: center;
object-fit: cover;
}
.offer-header-video-play {
position: absolute;
width: 45px !important;
height: 45px !important;
background-color: var(--magenta);
right: 30px;
bottom: 20px;
}
#offer-header-imgs > div:last-child .offer-header-video-play {
right: 20px;
}
.offer-header-no-imgs {
background-color: var(--light-grey);
} #slider-teaser {
height: 180px;
margin-top: calc(var(--column-gap) / 2);
}
#slider-teaser-hidden-headline {
position: absolute;
left: -10000;
width: 0;
height: 0;
line-height: 0;
overflow: hidden;
}
#slider-teaser > div, #slider-teaser a {
height: 100%;
}
.slider-teaser {
display: flex;
cursor: pointer;
}
.slider-teaser > * {
position: absolute;
}
.slider-teaser > img {
width: 33%;
height: 100%;
}
.slider-teaser > div {
padding: 25px;
inset-inline-end: 0;
width: 67%;
}
.slider-teaser-less-space .slider-teaser > div {
padding: 20px;
}
.slider-teaser-less-space .slider-teaser > div p {
hyphens: auto;
}
.slider-teaser.light-grey-bg h3 {
color: var(--magenta);
}
.more-contrast .slider-teaser {
background-color: black;
}
.more-contrast .slider-teaser * {
color: white !important;
}
.slider-teaser h3 {
margin-bottom: 15px;
}
.slider-teaser p {
margin-top: 15px;
line-height: 1.3em;
}
.slider-teaser .donation-statistics p {
display: none;
}
.slider-teaser .donation-bar {
margin: -5px 0 0;
background-color: white;
}
.more-contrast .slider-teaser .donation-bar {
background-color: transparent;
border: solid 2px white;
}
.more-contrast .slider-teaser .donation-bar div {
background-color: white;
} #interactive-map-wrapper {
height: 66vh;
position: relative;
margin: var(--std-gap) 0;
}
#interactive-map-wrapper > .max-width {
height: 100%;
z-index: 500;
pointer-events: none;
}
#interactive-map-wrapper > .max-width > div * {
pointer-events: all;
}
#interactive-map-wrapper .small-label {
margin: 0;
font-family: "Frutiger-Bold";
}
.home #interactive-map-wrapper .small-label {
position: absolute;
right: 0;
}
.more-contrast .leaflet-marker-icon {
filter: brightness(0%);
}
#interactive-map {
position: absolute;
width: 100%;
height: 100%;
background-color: var(--light-grey);
}
.layer-is-opened #interactive-map-wrapper > .max-width, .layer-is-opened #tts-control {
z-index: 50;
}
.layer-is-opened .leaflet-pane, .layer-is-opened .leaflet-top, .layer-is-opened .leaflet-bottom, .layer-is-opened #offer-preview, .layer-is-opened #offer-preview .small-label {
z-index: 25;
}
#offer-preview {
position: fixed;
width: 400px;
background-color: white;
z-index: 11100;
transform: translate(-50%, -110%);
filter: drop-shadow(0 0 5px rgba(0,0,0,0.2));
transition: opacity 0.3s ease;
}
#offer-preview::after {
content: '';
display: block;
background-color: white;
position: absolute;
width: 40px;
height: 20px;
left: calc(50% - 20px);
bottom: -18px;
-webkit-clip-path: polygon(0% 0%, 100% 0%, 50% 100%);
clip-path: polygon(0% 0%, 100% 0%, 50% 100%);
}
#offer-preview .small-label {
position: absolute;
left: 25px;
top: 0;
transform: translateY(-50%);
margin: 0;
z-index: 500;
background-color: white;
color: black;
}
#offer-preview a {
display: block;
}
#offer-preview h3 {
margin: 0;
padding: 25px;
}
#small-map {
height: 100%;
position: relative;
background-color: var(--light-grey);
}
.small-map-no-address {
display: none;
}
#small-map-magnification-icon {
width: 45px;
height: auto;
background-color: var(--grey);
position: absolute;
bottom: -22px;
left: 25px;
z-index: 500;
cursor: pointer;
border-radius: 50%;
}
.more-contrast #small-map-magnification-icon {
background-color: black;
}
.layer-is-opened #small-map-magnification-icon {
z-index: 50;
}
#enlarged-map > div {
width: calc(100% - 80px);
height: calc(100% - 150px);
position: relative;
top: 25px;
}
#enlarged-map > .close {
filter: brightness(0%);
}
#enlarged-map > h4 {
position: absolute;
left: 40px;
top: 35px;
margin: 0;
}
#open-map-filter-smartphone {
display: none;
}
#interactive-map.enlarge {
position: fixed;
top: 0;
left: 0;
z-index: 11000;
}
#interactive-map:not(.enlarge) + .close {
display: none;
}
#interactive-map.enlarge + .close {
display: block;
position: fixed;
z-index: 11500;
filter: invert(100%);
}
#interactive-map.enlarge + .close:focus-visible {
outline-color: #17fbbd;
}
.load-map-btn {
width: fit-content;
position: relative;
top: 50%;
left: 50%;
translate: -50% -50%;
}
:is(#interactive-map, #small-map):has(.load-map-btn) ~ #small-map-magnification-icon {
display: none;
} #news-headline {
margin-bottom: var(--smaller-std-gap);
}
#news-filter {
padding-inline-start: var(--column-gap);
position: sticky;
top: calc(var(--std-gap) * 1.5);
}
.news-text {
padding: 25px;
}
.news-text h3 {
margin-top: -10px;
}
#newsletter-form {
margin-top: 40px;
}
#news-page-category {
position: absolute;
right: 0;
margin: 0;
}
#news-page-category:empty {
display: none;
}
.news-page h1.above-the-fold {
margin: 0;
}
.news-page .html-content, .std-page .html-content {
margin-top: 75px;
}
.news-page #news {
margin: var(--smallest-std-gap) 0 var(--std-gap);
}
.news-preview-play {
background-color: var(--magenta);
width: 45px !important;
height: 45px !important;
left: 25px;
bottom: 25px;
}
.more-contrast .news-preview-play {
background-color: black;
}
.new-news-cols {
display: grid;
grid-template-columns: 1fr 1fr;
gap: var(--column-gap);
}
.new-news-text > p:first-child {
font-family: "Frutiger-Bold";
margin: 0;
}
.new-news-text h3 {
color: var(--magenta);
margin-top: 5px;
}
.new-news:not(:last-child)::after {
content: '';
display: block;
border-bottom: solid 2px black;
margin: var(--smallest-std-gap) 0;
width: 100%;
} #our-offers-headline-wrapper {
margin-top: var(--std-gap);
margin-bottom: var(--smallest-std-gap);
}
.offers-page #interactive-map-wrapper {
margin-top: 0;
}
.offer-page .contact-person, .job-offer-page .contact-person, .jobs-page .contact-person, .contact-page .contact-person {
opacity: 1 !important;
}
.hide-offers-filter {
position: absolute;
left: 10000px;
visibility: hidden;
}
.hide-offers-filter + * {
margin-top: 0;
}
#offers-filter fieldset > p, #offers-filter .label-above-input {
display: none;
}
.further-filters-btn {
background-color: var(--grey);
margin: 25px 0;
display: block;
}
.more-contrast .further-filters-btn {
background-color: black;
}
#city-district-filters-indicator, #district-filters-indicator, #further-offer-filters-indicator, #all-places-filters-indicator {
font-size: 0.9rem;
margin: 15px 0 25px;
}
.offers-page #main-headline-below-slider h1 {
position: relative;
top: -5px;
}
#offer-filter-labels {
display: flex;
align-items: center;
justify-content: flex-end;
flex-wrap: wrap;
gap: 20px;
}
#offer-filter-labels p {
margin: 0;
padding-left: 40px;
font-family: "Frutiger-Bold";
position: relative;
cursor: pointer;
white-space: nowrap;
border-radius: 100px;
}
#offer-filter-labels p::before {
content: url(//www.alsterdorf-assistenz-ost.de/wp-content/themes/alsterdorf/img/close.svg);
width: 20px;
height: 20px;
position: absolute;
left: 10px;
top: 5px;
}
.offers-page #offer-preview .small-label {
display: none;
}
#offers {
margin: calc(var(--smaller-std-gap) - 20px) 0 var(--smaller-std-gap);
}
.offer h3 {
color: var(--magenta);
margin: -10px 0 -5px;
}
.more-contrast .offer h3 {
color: black;
}
.offer-teaser-text, .job-offer-teaser-text {
position: relative;
top: 5px;
}
.offer-teaser-text::after, .job-offer-teaser-text::after, .new-news .with-arrow::after {
content: url(//www.alsterdorf-assistenz-ost.de/wp-content/themes/alsterdorf/img/thin-link-arrow.svg);
}
.offer:last-of-type hr {
display: none;
}
#city-district-filters, #district-filters, #further-offer-filters, #all-places-filters, #job-groups-filters, #services-filters, #enlarged-map {
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: var(--light-grey);
z-index: 12000;
display: flex;
align-items: center;
justify-content: center;
}
#city-district-filters, #district-filters, #further-offer-filters, #all-places-filters, #job-groups-filters, #services-filters, .more-contrast #enlarged-map {
background-color: white;
}
#city-district-filters form, #district-filters form, #further-offer-filters form, #all-places-filters form, #job-groups-filters form, #services-filters form {
padding: 25px 25px 0 25px;
z-index: 5;
background-color: var(--light-grey);
max-height: var(--full-height);
overflow-y: scroll;
overscroll-behavior: contain;
}
.more-contrast #city-district-filters form, .more-contrast #district-filters form, .more-contrast #further-offer-filters form, .more-contrast #all-places-filters form, .more-contrast #job-groups-filters form, .more-contrast #services-filters form {
background-color: white;
}
#city-district-filter-inputs + .line, #district-filter-inputs + .line, #further-offer-filter-inputs + .line, #all-places-filter-inputs + .line, #job-groups-filter-inputs + .line, #services-filter-inputs + .line {
padding-bottom: 25px;
position: sticky;
bottom: 0;
}
#city-district-filter-inputs + .line::before, #district-filter-inputs + .line::before, #further-offer-filter-inputs + .line::before, #all-places-filter-inputs + .line::before, #job-groups-filter-inputs + .line::before, #services-filter-inputs + .line::before {
content: '';
display: block;
position: absolute;
background-color: #ccccc8;
width: calc(100% + 50px);
height: calc(100% + 25px);
left: -25px;
z-index: 5;
top: -25px;
pointer-events: none;
}
#city-district-filter-inputs + .line button, #district-filter-inputs + .line button, #further-offer-filter-inputs + .line button, #all-places-filter-inputs + .line button, #job-groups-filter-inputs + .line button, #services-filter-inputs + .line button {
z-index: 10;
}
#city-district-filters form > fieldset > .h3, #district-filters form > fieldset > .h3, #further-offer-filters form > fieldset > .h3, #all-places-filters form > fieldset > .h3, #job-groups-filters form > fieldset > .h3, #services-filters form > fieldset > .h3 {
margin: 0;
}
#city-district-filter-inputs, #district-filter-inputs, #further-offer-filter-inputs, #all-places-filter-inputs, #job-groups-filter-inputs, #services-filter-inputs {
margin: 25px 0 45px;
column-gap: 100px;
}
#city-district-filters .input, #district-filters .input, #further-offer-filters .input, #all-places-filters .input, #job-groups-filters .input, #services-filters .input {
page-break-inside: avoid;
margin: 0;
padding: 15px 0;
}
#city-district-filters .input span, #district-filters .input span, #further-offer-filters .input span, #all-places-filters .input span, #job-groups-filters .input span, #services-filters .input span {
white-space: nowrap;
}
#city-district-filter-inputs + .line button:first-child, #district-filter-inputs + .line button:first-child, #further-offer-filter-inputs + .line button:first-child, #all-places-filter-inputs + .line button:first-child, #job-groups-filter-inputs + .line button:first-child, #services-filter-inputs + .line button:first-child {
background-color: var(--grey);
margin-right: 25px;
}
.city-district-filter-state > div:first-child .input span {
font-family: "Frutiger-Bold";
}
.more-contrast #city-district-filter-inputs + .line button:first-child, .more-contrast #district-filter-inputs + .line button:first-child, .more-contrast #further-offer-filter-inputs + .line button:first-child, .more-contrast #all-places-filter-inputs + .line button:first-child, .more-contrast #job-groups-filter-inputs + .line button:first-child, .more-contrast #services-filter-inputs + .line button:first-child {
background-color: black;
}
#offer-filter-labels-heading {
align-items: flex-start;
}
#offer-filter-labels-heading .h3 {
margin: 0 0 20px 0;
}
.city-district-filter-state {
position: relative;
}
.city-district-filter-state + .city-district-filter-state::before, .further-offer-filters-group:not(:last-child)::after {
content: '';
display: block;
background-color: white;
height: 5px;
width: calc(100% + 50px);
position: relative;
left: -25px;
margin: 15px 0;
}
#city-district-filters form .h3, #district-filters form .h3, #further-offer-filters form .h3, #all-places-filters form .h3, #job-groups-filters form .h3, #services-filters form .h3, #city-district-filters form label span, #district-filters form label span, #further-offer-filters form label span, #all-places-filters form label span, #job-groups-filters form label span, #services-filters form label span {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
}
#offer-page-lower-part, #offer-page-news, #donation-page-lower-part, #single-news-text {
margin-top: var(--smallest-std-gap);
}
#offer-page-news-wrapper {
position: relative;
}
#job-offer-links {
margin: 50px 0;
}
.job-offer-link {
margin: 25px 0;
display: flex;
}
.job-offer-link * {
margin: 0;
}
.job-offer-link p {
background-color: var(--magenta);
width: 45px;
height: 45px;
color: white;
flex-shrink: 0;
display: flex;
justify-content: center;
align-items: center;
margin: 0 25px 0 -40px;
}
.more-contrast .job-offer-link p {
background-color: black;
}
.headline-inside-simple-slider {
position: absolute;
inset-inline-start: var(--outer-dist);
bottom: var(--smallest-std-gap);
width: calc(var(--max-width) / 2);
}
.leaflet-control {
z-index: unset !important;
}
:is(.leaflet-control-zoom-in, .leaflet-control-zoom-out):focus-visible {
outline: 3px solid var(--magenta) !important;
outline-offset: 4px !important;
}
#city-district-box .img-3-2 {
width: calc(100% + 80px);
inset-inline-start: -40px;
cursor: pointer;
}
.offer-page #offer-page-header .col-1-3, .job-offer-page #offer-page-header .col-1-3 {
display: flex;
flex-direction: column;
}
#offer-page-map {
flex-grow: 1;
position: relative;
}
.offer-page #small-map-magnification-icon, .job-offer-page #small-map-magnification-icon {
bottom: 20px;
}
.offers-page #small-map-magnification-icon {
bottom: 55px;
}
.job-offer-page #offer-address {
margin-top: 0;
}
#offer-address-box {
margin: var(--column-gap) 0 0;
}
#offer-address-box:has(> a:nth-child(3)) {
display: flex;
flex-direction: column;
gap: 25px;
}
#offer-address-box:has(> a:nth-child(3)) #offer-address {
margin: 0;
}
#offer-address-box:has(> a:nth-child(3)) #hvv-link {
margin-top: -20px;
}
#hvv-link {
margin-bottom: 0;
}
#offer-slider, #offer-slider img:not(#offer-slider-play) {
position: absolute;
height: 100%;
width: 100%;
}
#offer-slider {
width: calc(100% + var(--offer-page-header-offset));
}
#offer-slider:dir(rtl) {
width: 100%;
}
#offer-page-header #offer-page-map, #offer-page-header #offer-address-box {
width: calc(100% - var(--offer-page-header-offset));
left: var(--offer-page-header-offset);
}
:is(#offer-page-header #offer-page-map, #offer-page-header #offer-address-box):dir(rtl) {
width: 100%;
left: 0;
}
.offers-page #offer-page-map, .offers-page #interactive-map {
height: 100%;
}
.offers-page #offer-page-header {
margin-bottom: var(--std-gap);
}
#all-places-filter-inputs {
margin-top: 0;
}
.all-places-filter-header {
background-color: white;
width: calc(100% + 50px);
position: relative;
left: -25px;
padding: 25px;
margin: 25px 0;
}
#all-places-filters form {
padding-top: 0;
}
#offers-contact-persons-smartphone {
display: contents;
}
#contact-persons-3-4-5, #contact-persons-3-4-5-mobile {
display: contents;
}
#contact-person-5-margin-top {
margin-top: calc(var(--smallest-std-gap) * -1.5);
}
#jobs-filter-buttons {
display: grid;
grid-template-columns: 2fr 3fr;
grid-gap: 20px;
}
#jobs-filter-buttons > :last-child {
background-color: var(--grey);
}
#offers-overview {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: var(--column-gap);
margin-top: var(--smaller-std-gap);
}
.offers-overview-teaser > img:first-child {
width: 100%;
aspect-ratio: 3 / 2;
object-position: center;
object-fit: cover;
display: block;
}
.offers-overview-teaser-title {
background: var(--gradient);
padding: calc(var(--smallest-std-gap) / 2);
display: flex;
align-items: center;
justify-content: space-between;
}
.offers-overview-teaser-title * {
margin: 0;
}
.offers-overview-teaser-title h2 {
color: white;
}
.offers-overview-teaser-title img {
width: 12px;
filter: invert(100%);
}
.offers-overview-teaser-title img:dir(rtl) {
scale: -1 1;
}
.box:has(> #offers-filter[data-type="Treffpunkte + Begegnungsstätten"]), .box:has(> #offers-filter[data-type="Projekte + Initiativen"]) {
display: none;
} @media not print {
.jobs-page #offer-filter-labels-heading {
margin: -25px 0;
}
}
.job-offer {
margin: 35px 0;
display: grid;
grid-template-columns: 350px 1fr;
position: relative;
width: 100%;
}
.job-offer-img {
position: relative;
}
.job-offer-img img {
position: absolute;
height: 100%;
width: 100%;
}
.job-offer-box {
background-color: var(--light-grey);
padding: 35px var(--smallest-std-gap) 25px var(--smallest-std-gap);
}
.job-offer-title-wrapper {
display: flex;
align-items: center;
justify-content: space-between;
gap: 50px;
margin: 25px 0;
}
.job-offer-title-wrapper > * {
margin: 0;
}
.sqr-button.bookmark-button {
position: relative;
flex-shrink: 0;
}
.sqr-button.bookmark-button.bookmarked {
background-color: var(--magenta);
rotate: -45deg;
}
button.bookmark-button {
width: fit-content;
display: block;
}
.jobs-page #offer-filter-labels-heading {
align-items: center;
margin-bottom: 50px;
}
.jobs-page #offer-filter-labels-heading h2 {
margin-bottom: 0;
white-space: nowrap;
margin-inline-end: 25px;
}
.job-offer-box hr {
margin: 25px 0;
}
.job-offer-box-facts {
display: grid;
grid-template-columns: 38fr 37fr 25fr;
grid-gap: 25px;
}
.job-offer-box-facts img {
transform: translateY(30%);
}
.job-offer-fact {
margin-bottom: 10px;
display: flex;
align-items: flex-start;
}
.job-offer-fact img {
width: 40px;
height: auto;
margin-inline-end: 15px;
}
.more-contrast .job-offer-fact img {
filter: brightness(0%);
}
.job-offer-fact p, #offer-preview-job-offer-link p {
margin: 0;
}
.job-offer-fact p {
padding-top: 5px;
}
.job-offer-fact-rexx p a {
text-decoration: underline;
}
.jobs-page .job-offer-fact-miscellaneous {
display: none;
}
#offer-preview-job-offer-link {
display: block;
padding: 10px 25px;
text-align: center;
}
.jobs-page #offer-preview:not(.rexx-job-popup)::after {
background-color: var(--magenta);
}
.more-contrast.jobs-page #offer-preview::after {
background-color: black;
}
.table + .print-btn, .job-offer-page .print-btn {
margin-bottom: 10px;
}
#more-info-about-the-project-btn {
margin: 40px 0 50px;
width: auto;
}
.job-offer-page .load-further-items-link {
margin-bottom: 0;
}
.jobs-page #interactive-map-wrapper .cols {
height: 100%;
}
.jobs-page #interactive-map-wrapper .cols, .jobs-page #interactive-map-wrapper .cols > div {
pointer-events: none;
}
#filters-job-page {
background-color: white;
padding: 35px 40px 40px;
box-shadow: 0 0 10px rgba(0,0,0,0.1);
width: 100%;
pointer-events: all;
margin: var(--smallest-std-gap) 0;
}
.jobs-page #interactive-map-wrapper {
height: auto;
}
.job-offer-page .headline-inside-simple-slider :is(h1, .h1) {
font-size: 1.8rem;
line-height: 2.1em;
text-wrap: balance;
}
.offer-page-header-small-map-no-address .col-1-3 {
display: none !important;
}
.offer-page-header-small-map-no-address .col-2-3 {
grid-column: auto / span 6;
}
.offer-page-header-small-map-no-address #offer-slider {
width: 100%;
}
#job-offer-pre-footer {
display: flex;
justify-content: space-between;
}
.job-offer-title {
color: black !important;
}
.rexx-job-video {
width: 100%;
border: none;
aspect-ratio: 16 / 9;
} .contact-person-wide, .contact-person {
background-color: var(--light-grey);
margin: var(--smallest-std-gap) 0;
}
.contact-person-wide .bg-img, .filling-img img, .offer img {
width: 100%;
height: 100%;
position: absolute;
}
.contact-person-text {
padding: 25px 40px 40px 0;
}
.contact-person-wide .contact-person-text-without-img, .contact-person .contact-person-text {
padding-left: 40px;
}
.contact-person-text .h3:not(.tel) {
color: var(--magenta);
margin-top: -20px;
}
.more-contrast .contact-person-text .h3:not(.tel) {
color: black;
}
.contact-person .heading-with-icon {
margin: 0;
padding: 15px 40px;
}
.contact-person .heading-with-icon span {
position: relative;
top: -2px;
}
.more-contrast .contact-person .img-3-2 {
width: calc(100% - 4px);
left: 2px;
}
#contact-selectors {
margin: var(--smallest-std-gap) 0;
}
#contact-selectors hr {
width: 50px;
margin: 15px 0;
}
#contact-selectors .h3 {
margin-bottom: 10px;
}
.contact-selector {
width: fit-content;
position: relative;
}
.contact-selector:focus-visible {
outline: none;
}
.contact-selector:focus-visible::after {
content: '';
display: block;
width: calc(100% - 25px);
height: 100%;
inset: 0;
border: solid 3px var(--magenta);
position: absolute;
z-index: 5;
translate: -15px -5px;
}
.contact-selector.current:focus-visible::after {
width: calc(100% + 15px);
translate: -25px -3px;
}
.contact-selector.current:first-child:focus-visible::after {
height: calc(100% + 5px);
translate: -25px -10px;
}
.contact-selector:first-child .h4 {
margin-top: 0;
}
.contact-selector:last-child hr {
display: none;
}
.contact-selector p {
display: inline-block;
background-color: white;
padding: 10px 40px 10px 15px;
-webkit-clip-path: polygon(0% 0%, calc(100% - 25px) 0%, 100% 50%, calc(100% - 25px) 100%, 0% 100%);
clip-path: polygon(0% 0%, calc(100% - 25px) 0%, 100% 50%, calc(100% - 25px) 100%, 0% 100%);
cursor: pointer;
position: relative;
left: -15px;
margin: 0;
border-radius: 100px 0 0 100px;
}
.contact-selector.current p {
background: var(--gradient);
color: white;
margin: 10px 0;
}
.more-contrast .contact-selector.current p {
background-color: black;
}
#contact-selector-smartphone {
display: none;
}
#contact-upper-content {
margin-top: var(--std-gap);
}
#contact-lower-content {
margin-top: var(--smallest-std-gap);
}
.contact-page .contact-person a:has(> button:not(.shortcode-video-button)) {
display: none;
}
.contact-page .contact-person-text > p:last-of-type {
margin-bottom: 0;
}
.contact-page.more-contrast .contact-person .img-3-2 {
top: 2px;
}
#contact-teaser {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: var(--column-gap);
}
.contact-teaser {
display: flex;
}
.contact-teaser > div:first-child {
display: flex;
justify-content: center;
align-items: center;
background: var(--gradient);
flex-basis: 40%;
flex-shrink: 0;
}
.more-contrast .contact-teaser > div:first-child {
background-color: black;
}
.contact-teaser > div:last-child {
background-color: var(--light-grey);
padding: 40px;
}
.more-contrast .contact-teaser > div:last-child {
background-color: white;
border: solid 2px black;
}
.contact-teaser img {
filter: grayscale(100%) brightness(10000%);
width: 70%;
height: auto;
}
#contact-directions h3:last-of-type {
margin: 60px 0 45px;
}
#contact-directions a:last-child p {
margin-bottom: 0;
}
#contact-urls {
position: absolute;
left: -10000px;
width: 100px;
height: 100px;
overflow: hidden;
}
.encrypted-mail-link {
cursor: pointer;
text-decoration: underline;
}
.contact-person-page .contact-person-text button, .contact-person-page .contact-person-text > p:first-child {
display: none;
}
.contact-person-page .contact-person-text p:first-child + p {
margin-top: 0;
}
.contact-person-page .contact-person-text p:has(+ a) {
margin-bottom: 0;
}
.contact-person-page form {
display: grid;
grid-template-columns: 1fr min-content 1fr;
gap: var(--column-gap);
}
.contact-person-page form > div:nth-child(2) {
border-left: solid 2px black;
}
.contact-person-page h1:not(:has(+ h2)) ~ .cols {
margin-top: var(--smallest-std-gap);
} #statements {
margin-top: var(--smallest-std-gap);
}
#statements .cols {
grid-gap: 25px;
margin: 25px 0;
}
.statement {
display: block;
cursor: pointer;
}
#statement-details {
background-color: var(--light-grey);
margin: var(--smallest-std-gap) 0;
overflow: hidden;
width: calc(100% + var(--outer-dist) + var(--column-gap));
left: calc(-1 * var(--outer-dist));
max-height: 1500px;
position: relative;
}
.more-contrast #statement-details {
background-color: white;
border-top: solid 2px black;
border-bottom: solid 2px black;
}
#statement-details > div {
padding: var(--smallest-std-gap) var(--column-gap) var(--smallest-std-gap) var(--outer-dist);
}
#statement-details > div > p {
margin-bottom: 0;
}
#statement-details .line h3 {
margin: 0;
}
#statement-details .line p {
margin: 10px 0 0;
}
#statement-details.collapsed-statement-details {
margin: 0;
max-height: 0;
}
#statement-details.collapsed-statement-details + .cols {
margin-top: 0;
}
.statement-arrow {
display: block;
width: 50px;
height: 25px;
-webkit-clip-path: polygon(50% 0%, 100% 100%, 0% 100%);
clip-path: polygon(50% 0%, 100% 100%, 0% 100%);
position: absolute;
left: calc(50% - 25px);
bottom: -51px;
background-color: var(--light-grey);
pointer-events: none;
transform: scale(0);
transform-origin: 50% 100%;
}
.more-contrast .statement-arrow {
background-color: black;
}
.current .statement-arrow {
transform: scale(1);
}
#donation-projects-col {
border-left: solid 2px var(--magenta);
padding-left: var(--column-gap);
}
.more-contrast #donation-projects-col {
border-left-color: black;
}
#donation-projects-entry-text > *:not(h2) {
position: relative;
top: 5px;
}
#donation-projects {
margin-top: var(--smallest-std-gap);
}
.donation-project h3 {
color: var(--magenta);
}
.more-contrast .donation-project h3 {
color: black;
}
.donation-project:last-child hr {
display: none;
}
#donation-project-btn-to-offer {
width: auto;
margin: var(--smallest-std-gap) 0 15px;
}
#further-donation-projects .line h3 {
margin: 0;
}
.donation-page #news {
margin: var(--smallest-std-gap) 0 0;
}
#donation-tool {
border: solid 2px var(--magenta);
padding: 25px 30px 30px;
margin: var(--smallest-std-gap) 0;
}
.more-contrast #donation-tool {
border-color: black;
}
#donation-account .teaser:first-child {
margin-bottom: 0;
}
#donation-account .teaser:last-child {
margin-top: 0;
}
.donation-bar {
background-color: var(--light-grey);
height: 15px;
margin: -15px 0 35px;
}
.more-contrast .donation-bar {
background-color: white;
border: solid 2px black;
}
.donation-bar div {
background-color: var(--magenta);
height: 100%;
}
.more-contrast .donation-bar div {
background-color: black;
}
.accordeon {
margin: var(--smaller-std-gap) 0;
display: flex;
flex-direction: column;
gap: calc(var(--smallest-std-gap) / 2);
}
.accordeon summary {
list-style: none;
background: var(--light-grey);
border-radius: 1em;
padding: 0.35em calc(var(--smallest-std-gap) / 2);
user-select: none;
cursor: pointer;
display: flex;
align-items: center;
justify-content: space-between;
transition: border-radius 0.5s ease-in-out;
}
.accordeon summary::-webkit-details-marker {
display: none;
}
.accordeon summary img {
width: 0.4em;
rotate: -90deg;
margin-inline-start: 1em;
}
.accordeon summary img.easyLanguagePageIcon {
rotate: 0deg;
margin-inline-start: 0;
width: 0.8em;
}
.accordeon summary img.easyLanguagePageIcon[src*="about-us-2.svg"] {
scale: 1.5;
transform-origin: 20% 50%;
}
.accordeon details[open] summary {
background: var(--gradient);
color: white;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.accordeon summary:hover {
background: var(--gradient);
color: white;
}
.accordeon summary:hover img {
filter: invert(100%);
}
.accordeon details[open] summary img {
filter: invert(100%);
}
.accordeon details[open] summary img:not(.easyLanguagePageIcon) {
rotate: 90deg;
}
.accordeon-content {
background-color: var(--light-grey);
overflow: hidden;
opacity: 0;
}
.accordeon-content.show {
opacity: 1;
}
.accordeon-content > div {
padding: calc(var(--smallest-std-gap) / 2);
}
.easyLanguagePageAccordeonHeader {
display: flex;
gap: 0.8em;
}
.easyLanguagePageAccordeon .accordeon-content > div {
padding: var(--smallest-std-gap);
}
.easyLanguagePageAccordeon .accordeon-content :is(p, .p, ul, ol, button) {
font-size: 1.8rem;
}
.easyLanguagePageAccordeon .accordeon-content .shortcode-link-btn {
margin: var(--smallest-std-gap) 0;
}
.easyLanguagePageAccordeon {
gap: var(--smallest-std-gap);
}
.easyLanguagePageAccordeon .html-content [onclick] {
cursor: pointer;
} #donation-form-btns {
margin-top: 40px;
}
#donation-form-btns > * {
margin: 0;
width: calc(50% - 10px);
}
#donation-form-step-1.visible ~ #donation-form-btns > *:nth-child(1), #donation-form-step-1.visible ~ #donation-form-btns > *:nth-child(3) {
display: none;
}
#donation-form-step-2.visible ~ #donation-form-btns > *:nth-child(3) {
display: none;
}
#donation-form-step-3.visible ~ #donation-form-btns > *:nth-child(2) {
display: none;
}
#donation-form-step-1.visible ~ #donation-form-btns {
justify-content: flex-end;
}
#payment-method-logos {
display: none;
margin-bottom: 20px;
}
#payment-method-logos img {
width: auto;
height: 40px;
display: none;
}
#payment-method-logos img:last-child {
height: 45px;
}
#payment-method-logos[data-method], #payment-method-logos[data-method="SEPA"] img:first-child, #payment-method-logos[data-method="PP"] img:last-child {
display: block;
}
#donation-form-link-to-own-purpose {
margin-bottom: 0;
}
#donation-projects-new {
margin-top: var(--std-gap);
}
#donation-projects-new > div:has(> .new-news):not(:last-child)::after, #further-donation-projects #news > div:has(> .new-news):not(:last-child)::after {
content: '';
display: block;
border-bottom: solid 2px black;
margin: var(--smallest-std-gap) 0;
width: 100%;
}
#twingle-donation-tool {
margin: var(--smaller-std-gap) 0;
}
#transparency-logos {
display: grid;
grid-template-columns: 1fr 1fr;
gap: calc(var(--smallest-std-gap) / 2);
margin-top: calc(var(--smallest-std-gap) / 3 * 2);
}
#transparency-logos img {
width: 100%;
height: auto;
filter: sepia(100%) grayscale(75%);
}
#transparency-logos img:hover {
filter: none
} .input {
margin: 25px 0;
position: relative;
}
input, select, textarea, button {
margin: 0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: solid 2px black;
width: calc(100% + 10px);
height: 50px;
padding-inline-start: 20px;
border-radius: 0;
background-color: transparent;
}
input, select {
border-radius: 100px;
}
input, select, button {
translate: -5px 0;
}
:is(input, select, button):dir(rtl) {
translate: 5px 0;
}
.more-contrast input, .more-contrast select, .more-contrast textarea {
border-color: black;
}
select {
padding-inline-start: 15px;
}
select + img {
position: absolute;
top: 0;
right: 0;
pointer-events: none !important;
height: 100% !important;
width: auto !important;
background-color: white;
-webkit-clip-path: ellipse(calc(50% - 2px) calc(50% - 2px) at 50% 50%);
clip-path: ellipse(calc(50% - 2px) calc(50% - 2px) at 50% 50%);
}
select + img:dir(rtl) {
right: auto;
left: -5px;
}
select + img + div {
width: 50px;
height: calc(100% - 4px);
position: absolute;
inset-inline-end: 48px;
top: 2px;
background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
}
.teaser select + img, .box select + img {
background-color: var(--light-grey);
}
.teaser select + img + div, .box select + img + div {
background: linear-gradient(to right, rgba(233,233,228,0) 0%,rgba(233,233,228,1) 100%);
}
.more-contrast select + img {
filter: brightness(0%);
background-color: transparent;
}
.more-contrast select + img + div {
display: none;
}
::placeholder {
opacity: 1;
color: black;
}
:invalid {
box-shadow: none;
}
textarea {
resize: vertical;
height: 200px;
padding-top: 10px;
width: 100%;
}
[type="submit"], button {
background: var(--gradient);
color: white;
border: none;
cursor: pointer;
font-family: "Frutiger-Bold";
padding: 0 20px;
border-radius: 100px;
}
.more-contrast [type="submit"], .more-contrast button {
background-color: black;
}
:is([type="submit"], button):hover {
background: var(--grey);
color: white;
}
.checkbox-input, .radio-input {
margin: 30px 0;
}
.checkbox-input label span, .radio-input label span {
padding-inline-start: 50px;
display: block;
}
[type="checkbox"], [type="radio"] {
height: 30px;
width: 30px;
cursor: pointer;
position: absolute;
}
[type="checkbox"] {
border-radius: 0;
}
[type="checkbox"]:checked {
background-image: url(//www.alsterdorf-assistenz-ost.de/wp-content/themes/alsterdorf/img/checkbox-checked.svg);
}
[type="radio"] {
border-radius: 50%;
}
[type="radio"]:checked {
background-image: url(//www.alsterdorf-assistenz-ost.de/wp-content/themes/alsterdorf/img/radio-selected.svg);
}
.more-contrast [type="checkbox"]:checked, .more-contrast [type="radio"]:checked {
filter: brightness(0%);
}
.radio-input label {
margin: 10px 0;
display: block;
}
.radio-input.line {
justify-content: flex-start;
}
.radio-input.line label {
margin: 0;
}
.radio-input.line label:not(:first-child) {
margin-left: 25px;
}
.label-above-input {
margin-bottom: -10px;
display: block;
}
.btn-with-arrow {
position: relative;
}
.btn-with-arrow::after {
content: url(//www.alsterdorf-assistenz-ost.de/wp-content/themes/alsterdorf/img/arrow.svg);
position: absolute;
inset-inline-end: 5px;
top: 5px;
pointer-events: none;
}
.btn-with-arrow:dir(rtl)::after {
scale: -1 1;
}
.btn-with-arrow, .btn-with-arrow input {
text-align: start;
}
:-webkit-autofill {
background-color: transparent !important;
box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0), inset 0 0 0 100px white;
}
.box :-webkit-autofill {
box-shadow: inset 0 0 0 2px var(--light-grey), inset 0 0 0 100px var(--light-grey);
}
fieldset {
border: none;
padding: 0;
margin: 0;
}
.form-step {
display: none;
}
.form-step.visible {
display: block;
}
.optional-fields {
display: contents;
}
.optional-fields[disabled] {
display: none;
}
.optional-fields > p:first-child {
margin-top: 0;
}
.secundary-btn {
background-color: var(--grey);
}
input[type='file'], .files-input:not(.files-are-selected) .selected-files, .files-are-selected .files-input-drop-area {
display: none;
}
.files-input-drop-area {
border: dashed 2px black;
height: 90px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
}
.files-input-drop-area:hover, .highlight-drop-area {
background-color: rgba(0,0,0,0.1);
}
.more-contrast .files-input-drop-area {
border-color: black;
}
.files-input-drop-area * {
pointer-events: none;
}
.selected-files {
padding-top: 25px;
background-color: rgba(0,0,0,0.1);
}
.selected-files li::before {
display: none;
}
.selected-files p {
padding-left: 25px;
margin-top: 0;
}
.input-with-small-example {
position: relative;
}
.small-example {
opacity: 0.5;
font-size: 12px;
line-height: 1.2em;
width: min-content;
white-space: nowrap;
margin: 0;
position: absolute;
inset-inline-end: 20px;
top: 50%;
transform: translateY(-50%);
}
.hide-small-example .small-example {
opacity: 0;
pointer-events: none;
}
a:has(> button:only-child) {
display: block;
width: fit-content;
border-radius: 50px;
}
.button-inline-icon {
display: inline-block;
width: 1em;
margin-inline-end: 0.5em;
translate: 0 0.1em;
scale: 1.1;
}
#new-nav-sidebar-top button {
white-space: nowrap;
} #lightbox {
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: rgba(0,0,0,0.95);
z-index: 550;
}
#lightboxPrev, #lightboxNext {
position: absolute;
top: calc(50% - 35px);
cursor: pointer;
padding: 15px;
}
#lightboxPrev {
transform: rotate(-180deg);
left: 15px;
}
#lightboxNext {
right: 15px;
}
#lightboxImg {
position: absolute;
width: calc(100% - 190px);
left: 95px;
height: calc(100% - 100px);
top: 35px;
display: flex;
flex-direction: column;
justify-content: center;
}
#lightboxImg > img, #lightboxImg > iframe, #lightboxImg > video {
object-position: center;
object-fit: contain;
flex-grow: 1;
display: block;
max-height: 100%;
display: none;
}
.lightbox-video-selfhosted #lightboxImg > video {
display: block;
}
.lightbox-video-external #lightboxImg > iframe {
display: block;
}
.lightbox-still-img #lightboxImg > img {
display: block;
}
#lightboxImg > iframe {
border: none;
}
#lightboxImg p {
color: white;
margin: 35px 0 0;
}
.lightbox-only-one-img #lightboxPrev, .lightbox-only-one-img #lightboxNext {
display: none;
} #privacy-popup {
position: fixed;
background-color: rgba(0,0,0,0.75);
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
z-index: 11000;
top: 0;
left: 0;
}
#privacy-popup > div {
background-color: white;
padding: 35px 40px 40px;
width: 900px;
}
#privacy-popup-trigger {
position: fixed;
bottom: 0;
right: var(--outer-dist);
margin: 0;
z-index: 500;
font-family: "Frutiger-Bold";
cursor: pointer;
}
._brlbs-btn-cookie-preference {
border-radius: 0 !important;
text-decoration: none !important;
}
#BorlabsCookieBox ._brlbs-btn-accept-all {
background: #dc0451 !important;
}
#BorlabsCookieBox #CookiePrefSave {
background: #928b81 !important;
} #search-results-col {
padding-left: var(--column-gap);
}
#search-results {
margin-top: 60px;
}
.search-result {
background-color: var(--light-grey);
padding: 25px;
display: block;
margin-bottom: 25px;
}
.more-contrast .search-result {
background-color: white;
border: solid 2px black;
}
.search-result-header {
display: flex;
justify-content: space-between;
align-items: flex-start;
}
.search-result-header > div {
max-width: calc(100% - 200px);
}
.search-result-header button {
flex-shrink: 0;
flex-basis: 130px;
}
.search-result-header .small-label {
margin-top: 0;
border-radius: 100px;
}
.search-result-header h3 {
margin: -5px 0 0;
}
.search-result hr {
margin: 25px 0;
}
.search-highlight {
font-family: "Frutiger-Bold";
color: var(--magenta);
}
.more-contrast .search-highlight {
color: white;
background-color: black;
padding: 0 5px;
}
.highlight-search-term {
background-color: #c6e100 !important;
} #slider-job-group-pre-headline {
padding: 25px 0;
}
#slider-job-group-pre-headline p {
color: white;
background-color: var(--magenta);
padding: 0.5em 0.75em;
width: fit-content;
-webkit-box-decoration-break: clone;
box-decoration-break: clone;
display: inline;
margin: 0;
line-height: 2em;
}
.more-contrast #slider-job-group-pre-headline p {
background-color: black;
}
#job-group-overview-headline {
margin: var(--smaller-std-gap) 0;
}
#job-group-overview-headline > * {
margin: 0;
}
#job-group-overview-headline button {
width: fit-content;
}
#interactive-map-on-job-group-page {
position: fixed;
width: 100%;
height: 100%;
z-index: 15000;
top: 0;
left: 0;
}
#interactive-map-on-job-group-page #interactive-map {
position: absolute;
width: 100%;
height: 100%;
}
#interactive-map-on-job-group-page .close {
z-index: 20000;
background-color: var(--magenta);
padding: 10px;
}
.more-contrast #interactive-map-on-job-group-page .close {
background-color: black;
}
body[data-template="jobGroup"] #offer-preview {
z-index: 17500;
}
.hide-job-offer {
display: none !important;
}
body[data-template="jobGroup"] .load-further-items-link {
margin-top: var(--smallest-std-gap);
}
body[data-template="jobGroup"] .contact-person-wide {
width: fit-content;
margin-bottom: var(--std-gap);
}
body[data-template="jobGroup"] .reader-content {
position: relative;
}
.faqs {
margin: -35px 0;
display: flex;
flex-direction: column;
gap: 35px;
}
.faq-header {
background-color: var(--light-grey);
padding: 20px 25px;
display: flex;
align-items: center;
justify-content: space-between;
}
.faq-header {
cursor: pointer;
}
.faq-header > * {
margin: 0;
}
.faq-header h3 img {
width: 0.75em;
height: auto;
margin-right: 0.5em;
}
.faq-header > img {
width: 25px;
height: auto;
margin-left: 25px;
transform: none;
}
.faq-body {
overflow: hidden;
height: 0;
opacity: 0;
}
.faq.open .faq-body {
height: auto;
opacity: 1;
margin-top: 35px;
}
.faq.open .faq-header > img {
transform: rotate(180deg);
} .jump-links {
position: relative;
z-index: 75;
height: 110px;
}
.jump-links > .max-width > p {
margin: var(--smaller-std-gap) 0 0;
}
.all-jump-links {
background-color: white;
padding: 20px 0;
position: absolute;
width: 100%;
}
.all-jump-links::after {
content: '';
display: block;
width: 100%;
border-bottom: solid 2px black;
transition: opacity 0.25s ease;
opacity: 0;
bottom: 0;
position: absolute;
}
.all-jump-links.with-line::after {
opacity: 1;
}
.all-jump-links .max-width {
display: flex;
flex-wrap: wrap;
column-gap: 20px;
row-gap: 10px;
}
.all-jump-links .max-width button {
background: var(--grey);
height: auto;
padding: 0.25em 0.5em;
} #recruiting-landing-page-first-question {
margin-top: 100px;
margin-bottom: 150px;
}
#recruiting-landing-page-first-question-img {
position: absolute;
height: 100%;
width: 100%;
object-position: center;
object-fit: cover;
display: block;
}
#recruiting-landing-page-first-question .cols {
grid-gap: calc(var(--column-gap) * 2);
}
.recruiting-landing-page :is(h2, #kontakt, #recruiting-landing-page-first-question):target {
scroll-margin-top: 200px;
}
.recruiting-landing-page-about {
display: flex;
flex-direction: column;
gap: var(--smaller-std-gap);
}
.recruiting-landing-page-about > div {
display: grid;
grid-template-columns: repeat(5, 1fr);
gap: var(--column-gap);
}
.recruiting-landing-page-about > div > div {
grid-column: span 4;
display: flex;
gap: var(--column-gap);
}
.recruiting-landing-page-about > div:nth-child(even) > div {
grid-column: 2 / span 4;
flex-direction: row-reverse;
}
.recruiting-landing-page-about > div > div > * {
width: 100%;
}
.recruiting-landing-page-about > div > div > img {
object-position: center;
object-fit: cover;
}
.recruiting-landing-page-video {
width: 100%;
aspect-ratio: 2 / 1;
position: relative;
margin: var(--std-gap) 0;
}
.recruiting-landing-page-video.activated {
aspect-ratio: 16 / 9;
}
.recruiting-landing-page-video video {
position: absolute;
width: 100%;
height: 100%;
}
.recruiting-landing-page-video-button {
position: absolute;
bottom: var(--smallest-std-gap);
left: var(--smallest-std-gap);
}
.recruiting-landing-page-video-button button {
padding-right: 20px;
padding-left: 3em;
right: auto;
left: calc(100% - 2.25em);
}
.recruiting-landing-page-test-teaser {
background: var(--gradient);
padding: var(--smaller-std-gap);
margin: var(--std-gap) 0;
}
.recruiting-landing-page-test-teaser h2 {
color: white;
text-wrap: balance;
}
.recruiting-landing-page-test-teaser button {
background: white;
color: black;
width: fit-content;
}
.recruiting-landing-page-test-teaser-img {
display: block;
width: 100%;
aspect-ratio: 6 / 5;
object-fit: cover;
object-position: center;
position: absolute;
}
.recruiting-landing-page-fields-of-work {
column-count: 2;
column-gap: var(--column-gap);
margin: var(--smaller-std-gap) 0 calc(var(--smaller-std-gap) / 2);
}
.field-of-work {
background-color: var(--light-grey);
display: grid;
grid-template-columns: 2fr 3fr;
margin-bottom: var(--column-gap);
}
.field-of-work:last-child {
margin-bottom: 0;
}
.field-of-work > div:first-child {
position: relative;
}
.field-of-work > div:first-child > img {
position: absolute;
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.field-of-work > div:last-child {
padding: calc(var(--smallest-std-gap) / 3 * 2);
}
.field-of-work h3 {
color: var(--magenta);
}
.recruiting-landing-page-benefits {
column-count: 2;
column-gap: var(--column-gap);
margin: var(--smaller-std-gap) 0;
}
.recruiting-landing-page-benefits > div, .jobtest-headline {
display: flex;
gap: calc(var(--column-gap) / 3 * 2);
margin-bottom: calc(var(--smallest-std-gap) / 2);
align-items: center;
}
.recruiting-landing-page-benefits > div img, .jobtest-headline img {
width: var(--std-gap);
aspect-ratio: 1 / 1;
border-radius: 50%;
background: var(--gradient);
}
.recruiting-landing-page-benefits > div h3, .jobtest-headline h2 {
margin: 0;
}
.recruiting-landing-page #haeufige-fragen {
margin-bottom: var(--smaller-std-gap);
}
.recruiting-landing-page .accordeon summary {
font-family: "Frutiger-Bold";
}
html:has(.jobtest-page) {
background-color: white;
}
.jobtest-page :is(#nav, footer, #widgets) {
display: none;
}
.jobtest {
padding: var(--smallest-std-gap) 0;
margin: 0 auto;
width: 500px;
max-width: 90%;
}
.recruiting-landing-page .jobtest {
padding: 0;
margin: 0;
max-width: none;
width: auto;
}
.jobtest-progress {
width: 100%;
height: calc(var(--smallest-std-gap) / 2);
background-color: var(--light-grey);
border-radius: calc(var(--smallest-std-gap) / 4);
overflow: hidden;
margin-bottom: calc(var(--smallest-std-gap) / 2);
}
.recruiting-landing-page :is(.jobtest-progress, .jobtest-img) {
display: none;
}
.jobtest-progress div {
background: var(--gradient);
height: 100%;
}
.jobtest-img {
margin: 0;
}
.jobtest-img img {
width: 100%;
aspect-ratio: 3 / 2;
object-position: center;
object-fit: cover;
}
.jobtest-headline {
gap: calc(var(--column-gap) / 2);
margin: calc(var(--smallest-std-gap) / 3 * 2) 0;
align-items: start;
}
.jobtest-headline img {
width: var(--smaller-std-gap);
}
.jobtest-headline h2 {
text-wrap: balance;
}
.jobtest-answers {
border-radius: calc(var(--smallest-std-gap) / 2);
overflow: hidden;
display: grid;
grid-template-columns: 1fr 1fr;
gap: calc(var(--smallest-std-gap) / 3);
}
.jobtest-answers > div {
background-color: var(--light-grey);
position: relative;
padding: calc(var(--smallest-std-gap) / 2);
display: flex;
place-items: center;
}
.jobtest-answers > div:has(input:checked) {
background: var(--gradient);
}
.jobtest-answers input {
position: absolute;
width: 100%;
height: 100%;
padding: 0;
translate: 0;
inset: 0;
opacity: 0;
}
.jobtest-answers p {
font-family: "Frutiger-Bold";
text-align: center;
margin: 0;
translate: 0 -0.1em;
pointer-events: none;
width: 100%;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.jobtest-answers p[aria-hidden] {
visibility: hidden;
}
.jobtest-answers p:not([aria-hidden]) {
position: absolute;
left: 0;
padding: 0 calc(var(--smallest-std-gap) / 2);
}
.jobtest-answers > div:has(input:checked) p {
color: white;
}
.jobtest-answers ~ hr {
margin: calc(var(--smallest-std-gap) / 3 * 2) 0;
}
.jobtest-nav-buttons {
display: flex;
justify-content: space-between;
}
.jobtest-nav-buttons button {
cursor: pointer;
}
.jobtest-nav-buttons:has(> a:nth-child(2)) > a:first-child button {
background: var(--light-grey);
color: black;
}
.jobtest-nav-buttons > a:first-child button:is(:hover, :focus) {
background: var(--grey);
color: white;
}
.jobtest-nav-buttons:has(a:only-child) {
justify-content: end;
} footer {
border-top: solid 2px black;
margin-top: var(--std-gap);
}
.more-contrast footer {
border-color: black;
}
footer .max-width {
padding: 75px 0;
}
a:has(> #footer-logo) {
display: block;
}
#footer-logo {
width: 300px;
height: auto;
max-width: 100%;
}
.more-contrast #footer-logo {
filter: brightness(0%);
}
footer .alsterdorf-label {
position: absolute;
inset-inline-start: calc(-1 * var(--outer-dist));
top: 0;
height: 100%;
width: auto;
}
footer .col-1-3 p {
margin: 50px 0 0;
}
footer .col-2-3 {
display: flex;
justify-content: space-between;
}
footer .col-2-3 div {
display: flex;
flex-direction: column;
justify-content: flex-end;
}
footer .col-2-3 p {
margin: 0;
}
.chrome .col-2-3 > div > br, .edge .col-2-3 > div > br, .safari .col-2-3 > div > br {
display: none;
}  @media print {
html {
--max-width: 100%;
--std-gap: 25px;
--smaller-std-gap: 25px;
--smallest-std-gap: 25px;
}
.do-not-print, #news-page-category, .icon, button, h1:not(.keep-breaks-if-printed) br, .h1:not(.keep-breaks-if-printed) br, h2:not(.keep-breaks-if-printed) br, .h2:not(.keep-breaks-if-printed) br, h3:not(.keep-breaks-if-printed) br, .h3:not(.keep-breaks-if-printed) br, h4:not(.keep-breaks-if-printed) br, .h4:not(.keep-breaks-if-printed) br, .html-content img, .news-preview-play {
display: none !important;
}
.reduced-max-width {
max-width: 100%;
}
.two-text-cols, .three-text-cols {
column-count: auto;
}
h1, h2, h3, h4, .h1, .h2, .h3, .h4, p, ul, ol, table {
margin: 15px 0;
}
h1, .h1 {
line-height: 1.1em;
padding: 0;
}
h1, .h1, h2, .h2 {
font-size: 2rem;
margin-bottom: var(--std-gap);
}
h3, .h3, .tel {
font-size: 1.5rem !important;
}
h4, .h4, button, input, select {
font-size: 1.2rem;
}
p, ul, ol, textarea, label, figcaption, table {
font-size: 1rem;
}
.entry-text, #offer-address, #offer-address-box .h3 {
font-size: 1rem !important;
line-height: 1.4em !important;
}
.heading-with-reduced-width, .first-child-reduced-width > :first-child, .adjust-text-at-right, .html-content p {
width: 100%;
}
#main-headline-below-slider {
margin-top: 0;
}
.cols {
display: block;
}
.offer > .cols {
display: grid;
}
#offer-page-header {
display: grid;
height: 300px;
}
#header-img {
height: 300px;
}
#slider {
height: 300px;
}
#offer-page-map {
display: none;
}
.headline-inside-simple-slider, #slider-main-headline {
inset-inline-start: 25px;
width: 70%;
}
#offer-page-header h1, #slider-main-headline h1 {
background-color: var(--magenta) !important;
padding: 4px 10px !important;
font-size: 1.4rem;
line-height: 1.7em;
}
.magenta-bg p {
font-family: "Frutiger-Regular";
}
* {
color-adjust: exact;
-webkit-print-color-adjust: exact;
}
.optical-offset-top, .first-child-optical-offset-top > :first-child {
top: 0;
}
.teaser .heading-with-icon, .box .heading-with-icon {
margin-bottom: var(--std-gap);
}
.contact-person-text .h3:not(.tel), .tel {
margin-top: -10px;
}
.contact-person-wide .heading-with-icon span, .contact-person .heading-with-icon span, .job-offer-fact p {
font-size: 1rem;
}
.news-page .html-content, .std-page .html-content {
margin-top: var(--std-gap);
}
.tel + .tel-label {
margin-top: -10px;
}
.with-arrow::after, .with-arrow-before::before {
content: none;
}
[name="newsletter"] {
margin-top: var(--std-gap);
}
.expandable-content-2-content {
height: auto !important;
}
.jobs-page #offer-filter-labels-heading {
margin: -10px 0;
}
#more-info-about-the-project-text {
margin-top: 25px;
}
.sitemap-column-heading, #sitemap .p, .sitemap-offer-type {
font-size: 0.8rem !important;
}
#sitemap .p {
margin: 10px 0 !important;
line-height: 1.1em;
}
#contact-directions h3:last-of-type {
margin: 30px 0;
}
#donation-projects-col {
border-left: none;
padding-left: 0;
}
.contact-person-wide, .contact-person, .table, .news, .home #interactive-map-wrapper + div > .col-2-3 {
page-break-inside: avoid;
}
html {
background-color: white;
}
#offer-address-box {
margin: 0;
height: 100%;
}
.contact-person-wide, .contact-person {
width: 40%;
}
.contact-person-text > .h3:first-child {
font-size: 1rem !important;
}
.contact-person .heading-with-icon, .contact-person-text, .contact-person-wide .contact-person-text-without-img, .contact-person .contact-person-text {
padding-left: 25px;
padding-right: 25px;
}
.box {
padding: 25px;
}
.contact-person-text {
padding-bottom: 5px;
}
#logo {
width: 300px;
}
#nav {
margin: 25px 0;
}
.news-text h3 {
font-size: 1.1rem !important;
line-height: 1.2em !important;
}
.news-text {
padding: 15px;
}
.offers-page #offer-page-header .col-1-3 {
display: none;
}
.offers-page #offer-page-header .col-2-3 {
grid-column: auto / span 6;
}
.offers-page #offer-slider {
width: 100%;
}
.offer .weak-content-block > :first-child {
margin-top: 0;
}
.offer .weak-content-block > :last-child {
margin-bottom: 0;
}
.job-offer {
margin: 15px 0;
}
.job-offer-fact img {
width: 25px;
height: 25px;
}
.job-offer-box hr {
margin: 10px 0;
}
.job-offer-box {
padding: 15px;
}
.job-offer-box h3 {
font-size: 1.2rem !important;
}
.job-offer-box-facts .job-offer-fact {
margin-bottom: 0;
}
[name="stellenangebote"] + #offer-filter-labels-heading {
margin-top: 35px;
}
.contact-person-wide > .col-1-2:first-child::after {
content: '';
display: block;
padding-bottom: 100%;
}
#statements .cols {
display: grid;
}
.label-above-info {
margin-bottom: -15px;
}
#donation-account {
page-break-inside: avoid;
}
} @media screen and (max-width: 1600px) {
html {
--max-width: calc(100vw - 200px);
}
.small-example {
font-size: 10px;
}
.hide-on-notebook {
display: none;
}
.job-offer-box {
padding: 25px 35px 20px;
}
.recruiting-landing-page-test-teaser-img {
aspect-ratio: 1 / 1;
}
} @media screen and (min-width: 1400px) {
.is-ipad {
--max-width: calc(100vw - 130px);
}
.is-ipad #nav > div > div:last-child {
margin-inline-start: 120px;
}
.is-ipad .icon {
width: 45px;
height: 45px;
}
.is-ipad .slider-teaser > div {
padding-top: 20px;
}
.is-ipad p, .is-ipad .p, .is-ipad ul, .is-ipad ol, .is-ipad textarea, .is-ipad label, .is-ipad figcaption, .is-ipad table {
font-size: 1.1rem;
}
.is-ipad h4, .is-ipad .h4, .is-ipad button, .is-ipad input, .is-ipad select {
font-size: 1.3rem;
}
.is-ipad h3, .is-ipad .h3, .is-ipad.job-offer-page .headline-inside-simple-slider :is(h1, .h1) {
font-size: 1.5rem;
}
.is-ipad h1, .is-ipad .h1, .is-ipad h2, .is-ipad .h2 {
font-size: 2.6rem;
}
.is-ipad .heading-with-icon .icon {
margin-left: 25px;
}
.is-ipad #interactive-map-wrapper .leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
pointer-events: none !important;
}
} @media screen and (max-width: 1400px) {
html {
--max-width: calc(100vw - 130px);
--column-gap: 40px;
--std-gap: 90px;
--smaller-std-gap: 60px;
--smallest-std-gap: 40px;
}
#main-nav {
margin-top: 60px;
}
h1, .h1, h2, .h2 {
font-size: 2.4rem;
}
h1, .h1 {
line-height: 1.9em;
}
h3, .h3, .job-offer-page .headline-inside-simple-slider :is(h1, .h1) {
font-size: 1.4rem;
}
h4, .h4, button, input, select, p, .p, ul, ol, textarea, label, figcaption, table, .subnav a  {
font-size: 1.1rem;
}
.teaser, .box, #filters-job-page {
padding: 25px 30px 30px;
}
.teaser-with-img {
padding-top: 0;
}
footer .max-width {
padding: 50px 0;
}
#slider-nav, #slider-action-label {
bottom: 40px;
}
.adjust-text-at-right, .html-content p {
width: calc(100% + 5px);
}
.contrast-switch p {
top: -3px;
}
#back {
margin: 25px 0;
}
.news-page .html-content, .std-page .html-content {
margin-top: 50px;
}
.reader-button, .sqr-button, .icon, .social-media-icons img {
width: 40px !important;
height: 40px !important;
}
#tts-control img {
width: 40px;
}
.contact-person .heading-with-icon {
padding: 15px 30px;
}
.contact-person-text {
padding: 25px 30px 30px 0;
}
.contact-person-wide .contact-person-text-without-img, .contact-person .contact-person-text {
padding-left: 30px;
}
#city-district-filters-indicator, #district-filters-indicator, #further-offer-filters-indicator, #all-places-filters-indicator {
font-size: 0.8rem;
margin: 15px 0 20px;
}
.input {
margin: 20px 0;
}
.checkbox-input {
margin: 25px 0;
}
#offers-filter h3 {
margin-bottom: 10px;
}
.teaser-with-img .img-3-2 {
width: calc(100% + 60px);
inset-inline-start: -30px;
}
.more-contrast .teaser-with-img .img-3-2 {
width: calc(100% + 56px);
inset-inline-start: -28px;
}
#offer-slider-play, .job-offer-link p, .gallery-nav-prev, .gallery-nav-next, .share-icons img {
width: 40px;
height: 40px;
}
#slider-action-label img, .recruiting-landing-page-video-button img {
width: 100px;
}
#slider-nav img {
height: 40px;
}
#small-map-magnification-icon {
width: 40px;
bottom: -20px;
}
.table {
margin-top: 70px;
}
.job-offer-link p {
margin: 0 20px 0 -30px;
}
.oust-text-right-top-wide::before {
width: 130px;
}
.not-on-notebook {
display: none;
}
input, select, button {
height: 45px;
}
select + img + div {
inset-inline-end: 43px;
width: 45px;
}
.btn-with-arrow::after {
top: 2px;
}
.print-btn::before, .shortcode-video-button::before, button.bookmark-button::before {
width: 45px;
height: 45px;
left: -55px;
}
.print-btn, .shortcode-video-button, button.bookmark-button {
margin-left: 55px;
}
.anchor {
top: -100px;
}
.contact-selector p {
padding-bottom: 12px;
}
.reduced-max-width {
max-width: 900px;
}
#tts-control {
left: var(--outer-dist);
padding: 20px;
}
#city-district-box .img-3-2 {
width: calc(100% + 60px);
inset-inline-start: -30px;
}
.offer-header-video-play, .news-preview-play {
width: 40px !important;
height: 40px !important;
}
#offer-slider-play, #offer-slider-button {
bottom: 40px;
}
#offers-filter button:last-child {
margin-top: 5px;
}
.offers-page #small-map-magnification-icon {
bottom: 40px;
}
#privacy-popup > div {
padding: 25px 30px 30px 30px;
}
#offer-slider-button {
right: 100px;
max-height: 40px;
}
.job-offer-fact p {
padding-top: 10px;
}
.job-offer-page .headline-inside-simple-slider :is(h1, .h1) {
line-height: 2.4em;
}
#filters-job-page #jobs-filter-buttons button:last-child {
margin-top: 0;
}
.job-offer-box hr {
margin: 15px 0;
}
#widgets {
top: 300px;
}
.recruiting-landing-page :is(h2, #kontakt, #recruiting-landing-page-first-question):target {
scroll-margin-top: 180px;
}
.recruiting-landing-page-test-teaser-img {
aspect-ratio: 5 / 4;
}
#recruiting-landing-page-first-question {
margin-top: 50px;
margin-bottom: 75px;
}
.easyLanguagePageAccordeon .accordeon-content :is(p, .p, ul, ol, button) {
font-size: 1.6rem;
}
.job-offer {
grid-template-columns: 300px 1fr;
}
} @media screen and (max-width: 1400px) and (min-aspect-ratio: 32/17) {
#nav {
margin: 35px 0;
}
#main-nav {
margin-top: 40px;
}
.contrast-switch, .font-size {
height: 25px;
}
.contrast-switch > div > div {
width: 10px;
height: 10px;
}
.contrast-switch p {
top: -8px;
}
.font-size img:first-child {
margin-right: 25px;
}
} @media screen and (max-width: 1100px) {
html {
--max-width: calc(100vw - 70px);
--column-gap: 30px;
--std-gap: 80px;
}
html, body {
scrollbar-width: none;
}
html::-webkit-scrollbar, body::-webkit-scrollbar {
display: none;
}
h1, .h1, h2, .h2 {
font-size: 1.8rem;
}
h1, .h1 {
line-height: 2.1em;
}
h3, .h3, .job-offer-page .headline-inside-simple-slider :is(h1, .h1) {
font-size: 1.2rem;
}
h4, .h4, button, input, select, p, .p, ul, ol, textarea, label, figcaption, table, .subnav a {
font-size: 1rem;
}
.reader-button, .sqr-button, .icon, .news-preview-play, .social-media-icons img {
width: 35px !important;
height: 35px !important;
}
.job-offer-link p, .gallery-nav-prev, .gallery-nav-next {
width: 35px;
height: 35px;
}
#slider-action-label img, .recruiting-landing-page-video-button img {
width: 75px;
}
#slider-nav img {
height: 35px;
}
#tts-control img {
width: 35px;
}
#small-map-magnification-icon {
width: 35px;
bottom: -17px;
}
#slider-nav, #slider-action-label {
bottom: 45px;
}
.alsterdorf-label {
transform: scaleX(0.5);
}
#nav .alsterdorf-label {
translate: 25% 0;
}
#nav :has(> .alsterdorf-label) {
transform-origin: 100% 0;
}
footer .alsterdorf-label {
transform-origin: 0 0;
}
.adjust-text-at-right, .html-content p {
width: 100%;
}
.slider-teaser > img {
width: 25%;
}
.slider-teaser > div {
width: 75%;
}
.slider-teaser .donation-bar {
display: none;
}
#nav > div > div:last-child {
margin-inline-start: 80px;
}
.contrast-switch, .font-size {
margin-top: 30px;
}
#meta-nav p {
margin-left: 30px;
}
#main-nav {
margin-top: 65px;
}
.checkbox-input span {
hyphens: auto;
}
.apply-now-label {
height: 40px;
}
.reduced-max-width {
max-width: var(--max-width);
}
#main-headline-below-slider {
margin: 30px 0 50px;
}
.slider-teaser > div {
padding: 25px 30px 30px;
}
.heading-with-icon .icon {
margin-left: 25px;
}
#slider-teaser {
height: 165px;
}
.oust-text-right-top-wide::before {
width: 120px;
}
#footer-logo {
width: 250px;
}
.donation-page .donation-statistics p {
margin-top: 0;
}
#sitemap .p {
margin: 15px 0;
}
#interactive-map-wrapper .leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
pointer-events: none !important;
}
#offers-filter button:last-child {
margin-top: 5px;
}
.offer-header-video-play, #offer-slider-play, .job-offer-link p, .gallery-nav-prev, .gallery-nav-next, .share-icons img {
width: 35px !important;
height:35px !important;
}
#offer-slider-play {
bottom: 45px;
}
.offers-page #small-map-magnification-icon {
bottom: 45px;
}
#privacy-popup > div {
width: var(--max-width);
}
#offer-slider-button {
right: 90px;
max-height: 35px;
bottom: 45px;
}
.slider-teaser-less-space .slider-teaser > img {
display: none;
}
.slider-teaser-less-space .slider-teaser > div {
width: 100%;
}
.shortcode-video-button {
margin-top: 10px;
margin-bottom: 10px;
}
.job-offer-box {
padding: 20px 30px 10px;
}
#slider-job-group-pre-headline {
padding: 15px 0;
}
.faqs {
gap: 25px;
}
.faq-header > img {
width: 20px;
}
.widget-wrapper {
width: var(--smallest-std-gap);
}
.widget-wrapper:hover p {
translate: 10% -50%;
}
.offers-overview-teaser-title img {
width: 9px;
}
.easyLanguagePageAccordeon .accordeon-content :is(p, .p, ul, ol, button) {
font-size: 1.4rem;
}
} @media screen and (max-width: 900px) {
html {
--max-width: calc(100vw - 50px);
--std-gap: 50px;
--smaller-std-gap: 30px;
--smallest-std-gap: 30px;
}
.cols {
display: block;
}
.two-text-cols, .three-text-cols {
column-count: 1;
}
.filling-table-row {
display: none;
}
.smartphone-none {
display: none;
}
#meta-nav, #main-nav, #nav > div > div:last-child, .slider-teaser > img, .reader-button-right-outside, footer .alsterdorf-label, #tts-control p {
display: none;
}
.slider-teaser > div {
position: relative;
width: 100%;
}
.slider-teaser .donation-bar {
display: block;
}
h1, .h1, h2, .h2 {
font-size: 1.2rem;
}
h1, .h1 {
line-height: 2em;
padding:7px 12px;
}
h1 br, .h1 br {
display: none;
}
#slider-nav, #slider-action-label {
bottom: 33px;
}
#slider-action-label button, .recruiting-landing-page-video-button button {
margin-top: 10px;
}
#slider-teaser, #slider-teaser > div {
height: auto;
}
#slider-teaser > div > div {
margin-bottom: 15px;
}
#slider-teaser > div > div:last-child {
margin-bottom: 0;
}
#logo, #footer-logo {
width: 70%;
}
#nav {
margin: 20px 0;
}
.alsterdorf-label {
transform: none;
}
.heading-with-reduced-width, .first-child-reduced-width > :first-child {
width: calc(100% - 100px)
}
.content-block-icons > * {
margin-left: 15px;
}
#interactive-map-wrapper .small-label {
position: absolute;
right: 0;
}
#slider, #header-img, .contact-page #small-map, #offer-slider {
height: 40vh;
}
#offer-preview {
width: 250px;
}
.home #interactive-map-wrapper + div .reader-button {
top: -10px;
}
.teaser .heading-with-icon, .box .heading-with-icon {
margin-bottom: 25px;
}
footer .max-width {
padding: 35px 0;
}
footer .col-1-3 p {
margin-top: 20px;
}
footer .col-2-3 {
display: block;
}
footer .col-2-3 div {
margin-top: 20px;
}
.btn-with-arrow::after {
right: 0;
}
#mobile-nav-trigger {
display: block;
width: 25px;
height: auto;
position: absolute;
right: 10px;
top: 12px;
cursor: pointer;
}
#mobile-nav .apply-now-label {
display: none;
}
#mobile-nav * {
text-align: center;
}
#mobile-nav p:not(.h4) {
margin: 15px 0 0;
position: relative;
}
#mobile-nav > div {
width: 100%;
}
#mobile-nav .h4 {
font-size: 1.4rem;
margin: 10px 0;
position: relative;
width: 100%;
}
#mobile-nav .nav-highlight {
bottom: -3px;
}
#mobile-nav .contrast-switch, #mobile-nav .font-size, #mobile-nav > div > div {
margin-top: 5px;
}
#mobile-nav > div > div:last-of-type {
margin-top: 10px;
}
#offer-preview h3 {
padding: 10px;
}
#msg p, #yes-no-msg > div {
max-width: var(--max-width);
}
.news-page .html-content, .std-page .html-content {
margin-top: 25px;
}
.gallery {
height: 150px;
}
.gallery::before, .gallery::after {
width: 55px;
}
.gallery-nav-prev {
left: 10px;
}
.gallery-nav-next {
right: 10px;
}
.contact-person-wide .col-1-2:first-child::after, .offer .col-1-2:first-child::after {
content: '';
display: block;
padding-bottom: 66%;
}
.contact-person-wide .col-1-2:first-child::after {
padding-bottom: 100%;
}
.contact-person-text {
padding-left: 30px;
}
.gallery-inner-img-wrapper {
padding: 0 60px;
}
.close {
top: 5px;
right: 5px;
}
#lightboxPrev {
left: 0;
}
#lightboxNext {
right: 0;
}
#lightboxPrev, #lightboxNext {
top: calc(var(--full-height) - 75px);
padding: 10px;
}
#lightboxImg {
width: calc(100% - 40px);
left: 20px;
height: calc(100% - 200px);
top: 75px;
}
#lightboxImg p {
margin-top: 25px;
}
#main-headline-below-slider {
margin: 30px 0 30px;
}
.filling-img img {
position: static;
height: auto;
}
.to-left-edge {
width: 100%;
left: 0;
}
#offers-filter-smartphone {
z-index: 11000;
}
#offers-filter {
position: relative;
margin: 0;
padding: 0 var(--outer-dist) 100px;
}
#offers-filter-smartphone .close {
filter: invert(1);
}
#offers-filter-smartphone-scroll-area {
position: absolute;
top: 60px;
width: 100%;
height: calc(var(--full-height) - 60px);
overflow-y: scroll;
}
#open-map-filter-smartphone {
display: flex;
margin: calc(-1 * var(--std-gap)) 0 30px;
align-items: center;
justify-content: center;
border-radius: 0;
}
#open-map-filter-smartphone img {
width: 30px;
height: auto;
margin-left: 5px;
}
.offers-page #main-headline-below-slider h1 {
top: 0;
}
#tts-control {
padding: 10px;
}
#newsletter-form {
margin-top: 30px;
}
#offer-page-header {
display: flex;
flex-direction: column;
grid-gap: 0;
}
#offer-page-header > .col-1-3 {
margin-top: 15px;
}
#small-map-magnification-icon {
left: auto;
right: var(--outer-dist);
}
.offer-page #back {
margin: 20px 0;
}
.oust-text-right-top::before, .oust-text-right-top-wide::before {
width: 100px;
height: 50px;
}
.table {
margin-top: 50px;
}
.table table {
border-right: none;
width: 100%;
}
.table-body, #contact-teaser {
display: block;
}
.table table:first-child, .table td:last-child {
border-inline-end: none;
}
#offer-page-news-wrapper .reader-button {
top: -7px;
}
.gap {
height: 0;
}
.expandable-content-2-btn hr, .expandable-content-2-btn::before {
width: 100%;
left: 0;
}
.expandable-content-2-btn::before {
height: 100px;
}
.jobs-page #offer-filter-labels-heading {
margin: -15px 0 -30px;
}
.job-offer-fact img {
width: 30px;
}
#enlarged-map > h4 {
left: var(--outer-dist);
top: 20px;
width: calc(100% - 100px);
}
#enlarged-map > div {
width: 100%;
top: auto;
bottom: 0;
position: absolute;
left: 0;
height: calc(100% - 120px);
}
#more-info-about-the-project-btn {
margin: 25px 0 35px;
}
#body-distribution-page button {
margin: 10px 0;
}
ul li::before {
transform: scale(0.7) translateY(2px);
}
#statements .img-3-2 {
margin-bottom: var(--smaller-std-gap);
}
.statement-arrow {
bottom: -35px;
}
#donation-projects-col {
padding-left: 0;
border-left: none;
}
.donation-page .donation-statistics {
margin-top: 20px;
}
.donation-page #donation-project-btn-to-offer {
margin: 5px 0;
}
.anchor {
top: -125px;
}
#contact-upper-content {
margin-top: 40px;
}
#contact-selectors {
display: none;
}
#contact-selector-smartphone {
display: block;
margin-bottom: 40px;
}
.contact-teaser {
flex-direction: column;
margin-bottom: var(--smaller-std-gap);
}
.contact-teaser img {
width: 30%;
margin: 15px 0;
}
.contact-teaser > div:last-child {
padding: 25px 30px 30px;
}
.contact-teaser img[src$="telephone.svg"] {
margin: 0;
width: 40%;
}
#contact-directions h3:last-of-type {
margin: 40px 0 30px;
}
.contrast-switch p {
top: -1px;
}
#mobile-nav p:not(.h4) .nav-highlight {
display: none;
}
#statement-details {
width: calc(100% + 2 * var(--outer-dist));
left: calc(-1 * var(--outer-dist));
}
#statement-details > div {
padding: var(--smallest-std-gap) var(--outer-dist);
}
#sitemap {
display: block;
}
#sitemap > div {
margin: 30px 0 0;
border-bottom: solid 2px var(--magenta);
}
.more-contrast #sitemap > div {
border-color: black;
}
#sitemap > div:last-child {
border-bottom: none;
}
.sitemap-column-heading {
margin-bottom: 30px;
}
#sitemap ul {
margin-bottom: 30px;
}
#sitemap .p {
margin: 10px 0;
}
#job-offer-links {
margin: 35px 0;
}
[href^="tel:"] {
pointer-events: all;
}
#offer-filter-labels-heading {
flex-direction: column;
}
#offer-filter-labels p {
margin: 0 10px 10px 0;
padding-left: 30px;
}
#offer-filter-labels {
justify-content: flex-start;
}
#offer-filter-labels p::before {
width: 15px;
height: 15px;
top: 4px;
left: 8px;
}
#interactive-map-wrapper .leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
pointer-events: all !important;
}
#city-district-filter-inputs + .line, #district-filter-inputs + .line, #further-offer-filter-inputs + .line, #job-groups-filter-inputs + .line, #services-filter-inputs + .line {
padding-bottom: 75px;
}
.table tr:last-child td:first-child::after {
display: none;
}
#offer-header-imgs > div:first-child {
width: 100% !important;
}
#offer-header-imgs > div:not(:first-child), #offer-header-imgs > div:not(:last-child)::after {
display: none;
}
.table table:first-child::after {
display: none;
}
.artificial-scrollbar {
display: none;
}
#offer-slider, #offer-page-header #offer-page-map, #offer-page-header #offer-address-box {
width: 100%;
left: 0;
}
#offer-address-box {
padding-left: var(--outer-dist);
padding-right: var(--outer-dist);
}
#offer-slider {
position: relative;
}
#offer-page-map::after {
content: '';
display: block;
padding-bottom: 45%;
}
#offer-address-box {
margin-top: 15px;
}
#offer-page-header {
height: auto;
}
#offer-page-map #small-map {
position: absolute;
height: 100%;
width: 100%;
}
#offer-slider-play {
width: 35px;
height: 35px;
right: var(--outer-dist);
bottom: 33px;
}
.headline-inside-simple-slider {
width: 75%;
}
#interactive-map .leaflet-marker-icon {
width: 10px !important;
height: 10px !important;
margin-left: -5px !important;
margin-top: -5px !important;
}
.offers-page #small-map-magnification-icon {
bottom: 30px;
}
#filters-job-page {
position: relative;
bottom: auto;
top: var(--smallest-std-gap);
}
#filters-job-page #offers-filter {
padding: 0;
}
.jobs-page #interactive-map-wrapper {
height: 110vh;
}
#slider-action-label button {
display: none;
}
#privacy-popup-trigger {
display: none;
}
#privacy-popup button {
margin-top: 10px;
}
#privacy-popup .col-1-2:first-child button {
margin-top: -10px;
}
.only-smartphone {
display: block !important;
}
#statements .col-1-3 {
margin-bottom: 25px;
}
.btn-group {
flex-direction: column;
}
#search-results-col {
padding-left: 0;
}
#search-results-col, #search-results {
margin-top: 25px;
}
.search-result-header {
flex-direction: column;
}
.search-result-header > div {
max-width: 100%;
}
.search-result-header button {
flex-basis: auto;
margin-top: 25px;
}
#offer-slider-button {
display: none;
}
#news-filter {
margin-bottom: 40px;
padding-inline-start: 0;
position: static;
}
.new-news-cols {
display: block;
}
.new-news-cols .img-3-2 {
margin-bottom: calc(var(--smallest-std-gap) / 3 * 2);
}
div:has(> .new-news):not(:last-child)::after {
margin: calc(var(--std-gap) / 4 * 3) 0;
}
.job-offer-fact p {
padding-top: 5px;
}
.embedded-video-play {
width: 35px !important;
height: 35px !important;
padding: 5px;
left: 20px;
bottom: 20px;
}
#slider h1 {
white-space: normal;
}
.job-offer-page .headline-inside-simple-slider :is(h1, .h1) {
font-size: 0.85rem;
}
#loading-spinner img {
width: 100px;
height: 100px;
}
.job-offer {
display: block;
margin: 25px 0;
}
.job-offer-img::after {
content: '';
display: block;
padding-bottom: 50%;
}
.job-offer-box {
padding: 20px 20px 10px;
}
.job-offer-box-facts {
display: block;
}
.job-offer-box-facts img {
transform: translateY(35%);
}
#offers {
margin-top: 40px;
}
#slider-job-group-pre-headline {
padding: 5px 0;
}
#slider-job-group-pre-headline p {
padding: 0.25em 0.5em;
font-size: 0.8rem;
}
#job-group-overview-headline {
flex-direction: column;
align-items: start;
gap: 25px;
}
.faqs {
margin: -15px 0;
}
.faq-header {
padding: 15px 20px;
}
.faq-header h3 {
font-size: 1rem;
padding-left: 20px;
}
.faq-header h3 > img {
margin-left: -25px;
margin-right: 0.65em;
}
.faq-header > img {
width: 17px;
}
#widgets {
top: 125px;
}
.contact-person-page form {
display: block;
}
.contact-person-page form > div:nth-child(1) {
margin-bottom: 20px;
}
.contact-person-page form > div:nth-child(2) {
display: none;
}
#slider-action-label img, .recruiting-landing-page-video-button img {
width: 50px;
}
#offers-overview {
grid-template-columns: 1fr;
}
#donation-projects-new {
margin-top: var(--smaller-std-gap);
margin-bottom: var(--std-gap);
}
#donation-projects-new::after {
content: '';
display: block;
border-bottom: solid 2px black;
margin-top: var(--std-gap);
}
.subnav {
filter: none;
align-items: center;
}
.subnav::before {
left: 50%;
translate: -50% -95%;
}
.subnav a {
white-space: normal;
}
.nav-highlight {
display: none;
}
#mobile-nav a {
display: block;
}
.recruiting-landing-page-about > div, .recruiting-landing-page-about > div > div {
display: flex;
flex-direction: column !important;
}
.jump-links {
height: auto;
}
.all-jump-links {
position: static;
}
.recruiting-landing-page-video-button {
bottom: calc(var(--smallest-std-gap) / 2);
left: calc(var(--smallest-std-gap) / 2);
}
.recruiting-landing-page-video-button button {
height: auto;
padding: 0.25em 0.5em 0.25em 2.75em;
margin-top: 2px;
}
.recruiting-landing-page-fields-of-work {
column-count: 1;
column-gap: 0;
overflow: hidden;
}
.fields-of-work-mobile-wrapper {
display: flex;
align-items: start;
position: relative;
left: calc(-100% * var(--index, 0));
}
.fields-of-work-mobile-wrapper:has(> *:nth-child(1):last-child) {width: 100%;}
.fields-of-work-mobile-wrapper:has(> *:nth-child(2):last-child) {width: 200%;}
.fields-of-work-mobile-wrapper:has(> *:nth-child(3):last-child) {width: 300%;}
.fields-of-work-mobile-wrapper:has(> *:nth-child(4):last-child) {width: 400%;}
.fields-of-work-mobile-wrapper:has(> *:nth-child(5):last-child) {width: 500%;}
.fields-of-work-mobile-wrapper:has(> *:nth-child(6):last-child) {width: 600%;}
.fields-of-work-mobile-wrapper:has(> *:nth-child(7):last-child) {width: 700%;}
.fields-of-work-mobile-wrapper:has(> *:nth-child(8):last-child) {width: 800%;}
.field-of-work {
display: block;
margin: 0;
}
.field-of-work > div:first-child {
aspect-ratio: 3 / 2;
}
.fields-of-work-nav {
display: flex;
align-items: center;
justify-content: space-between;
}
.fields-of-work-nav-arrow {
width: var(--std-gap);
aspect-ratio: 1 / 1;
border-radius: 50%;
background-color: var(--magenta);
position: relative;
cursor: pointer;
}
.fields-of-work-nav-arrow img {
position: absolute;
filter: invert(100%);
width: 50%;
height: 50%;
inset: 25%;
user-select: none;
}
.fields-of-work-nav-arrow:first-child img {
scale: -1 1;
translate: -10% 0;
}
.fields-of-work-nav-points {
display: flex;
gap: 15px;
}
.fields-of-work-nav-points div {
width: 20px;
aspect-ratio: 1 / 1;
border-radius: 50%;
background-color: var(--grey);
cursor: pointer;
}
.fields-of-work-nav-points .selected {
background-color: var(--magenta);
}
.recruiting-landing-page-benefits {
column-count: 1;
}
.recruiting-landing-page-benefits > div, .jobtest-headline {
align-items: start;
margin-bottom: var(--smallest-std-gap);
}
.recruiting-landing-page-benefits > div img, .jobtest-headline img {
translate: 0 5px;
}
.jobtest-headline img {
width: calc(var(--std-gap) / 4 * 3);
}
.extra-padding-right {
padding-right: 0;	
}
.recruiting-landing-page-test-teaser h2 {
margin-bottom: var(--smaller-std-gap);
}
.recruiting-landing-page h2 {
font-size: 1.6rem;
}
.recruiting-landing-page :is(h2, #kontakt, #recruiting-landing-page-first-question):target {
scroll-margin-top: 100px;
}
.recruiting-landing-page-test-teaser-img {
position: static;
margin-top: var(--smaller-std-gap);
}
.jobtest {
padding-bottom: 75px;
}
#recruiting-landing-page-first-question {
margin-top: 25px;
margin-bottom: 25px;
}
#recruiting-landing-page-first-question-img {
position: static;
height: auto;
aspect-ratio: 3 / 2;
margin-top: 35px;
}
.recruiting-landing-page-fields-of-work {
container-type: inline-size;
}
.field-of-work {
width: 100cqi;
}
#sticky-nav {
display: none;
}
#mobile-nav ul {
padding-left: 0;
width: 100%;
}
#mobile-nav li::before {
display: none;
}
#mobile-nav a {
display: block;
width: 100%;
}
.contact-person:not(:has(.img-1-1)):has(.heading-with-icon) .contact-person-text {
padding-top: 0;
}
.easyLanguagePageAccordeon .accordeon-content :is(p, .p, ul, ol, button) {
font-size: 1.2rem;
}
.easyLanguagePageAccordeon .accordeon-content > div {
padding: calc(var(--smallest-std-gap) / 3 * 2);
}
.easyLanguagePageAccordeon .accordeon-content p br {
display: none;
}
.easyLanguagePageAccordeon summary {
padding: 0.6em calc(var(--smallest-std-gap) / 3 * 2);
font-size: 1.4rem;
}
body:has(.easyLanguagePageAccordeon) h1 {
font-size: 1.8rem;
}
.easyLanguagePageAccordeon .html-content li {
text-wrap: balance;
}
.easy-speech-msg-visible #msg p {
padding: 15px;
}
.easy-speech-msg-visible #msg p::before {
margin-right: 0.5em;
}
.jobs-page #offer-filter-labels-heading {
gap: 25px;
align-items: start;
margin-bottom: 25px;
}
.jobs-page #offer-filter-labels-heading #offer-filter-labels {
gap: 10px;
}
.jobs-page #offer-filter-labels-heading .line {
width: 100%;
}
.jobs-page #offer-filter-labels-heading button {
width: fit-content;
}
.jobs-page #offer-filter-labels-heading .small-label {
margin: 0;
}
#bookmarks-dialog {
padding: 25px;
}
.job-offer-title-wrapper {
gap: 25px;
}
} @media screen and (max-width: 900px) and (max-height: 600px) {
#mobile-nav .h4 {
margin: 7px 0;
}
#mobile-nav p:not(.h4) {
margin: 10px 0 0;
}
#mobile-nav > div > div:last-of-type {
margin-top: 5px;
}
} @media screen and (max-height: 550px), screen and (max-width: 300px) {
html {
--max-width: calc(100vw - 30px);
--std-gap: 45px;
}
h1, .h1, h2, .h2 {
font-size: 1.2rem;
}
h1, .h1 {
padding: 5px 10px;
line-height: 1.9em;
}
h4, .h4, button, input, select, p, .p, ul, ol, textarea, label, figcaption, table, .subnav a {
font-size: 0.9rem;
}
#slider, #header-img, .contact-page #small-map, #offer-slider {
height: 50vh;
}
.slider-teaser > div, .teaser, .box, .contact-person-text, #filters-job-page {
padding: 20px;
}
.slider-teaser > div {
padding-top: 15px;
}
.news-text {
padding: 20px;
}
.contact-person .heading-with-icon {
padding: 15px 20px;
}
.contact-person-wide .contact-person-text-without-img, .contact-person .contact-person-text {
padding-left: 20px;
}
.teaser-with-img .img-3-2 {
width: calc(100% + 40px);
left: -20px;
}
.more-contrast .teaser-with-img .img-3-2 {
width: calc(100% + 36px);
left: -18px;
}
.teaser-with-img {
padding-top: 0;
}
#offer-page-header > .col-1-3 {
display: none;
}
.table {
margin-top: 60px;
}
.job-offer-link p {
margin: 0 15px 0 -20px;
}
}