/* Nur für Screenreader und Export sichtbar */
.custom-visually-hidden{
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}

body#coveto_public{
background: #fff;
}
.custom-poster{
max-width: 1200px;
margin: 0 auto;
padding: 24px 32px 0;
color: #111;
}
#coveto_public .custom-poster h1,
#coveto_public .custom-poster h2,
#coveto_public .custom-poster p,
#coveto_public .custom-poster li{
color: #111;
}

/* Kopfzeile */
.custom-top{
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
padding-bottom: 16px;
border-bottom: 3px solid #111;
}
.custom-logo{
height: auto;
max-height: 36px;
width: auto;
max-width: 200px;
}
.custom-meta{
font-size: 13px;
font-weight: 700;
letter-spacing: 0.1em;
text-transform: uppercase;
}

/* Riesiger Stellenname */
.custom-headline{
padding: 40px 0 32px;
}
#coveto_public .custom-headline p.custom-kicker{
font-size: 14px;
font-weight: 700;
letter-spacing: 0.16em;
text-transform: uppercase;
padding: 0;
margin: 0 0 16px;
animation: custom-rise 0.6s ease-out both;
}
#coveto_public .custom-headline h1.custom-title{
font-size: clamp(44px, 9.5vw, 128px);
line-height: 0.95;
letter-spacing: -0.035em;
font-weight: 900;
text-transform: uppercase;
margin: 0;
padding: 0;
hyphens: none;
text-wrap: balance;
animation: custom-rise 0.8s 0.1s ease-out both;
}

/* Farbband mit Slogan */
.custom-band{
margin: 0 -32px;
padding: 28px 32px;
background: rgb(var(--dunklefarbe));
color: rgb(var(--dunklefarbe-contrast));
animation: custom-rise 0.7s 0.25s ease-out both;
}
.custom-band .coveto_slogan{
font-size: clamp(20px, 2.6vw, 32px);
line-height: 1.25;
font-weight: 700;
max-width: 34ch;
}

/* Fakten wie auf einem Aushang */
.custom-facts{
display: grid;
grid-template-columns: repeat(5, minmax(0, 1fr));
border-bottom: 3px solid #111;
animation: custom-rise 0.7s 0.35s ease-out both;
}
.custom-facts > div{
padding: 18px 16px 18px 0;
border-right: 1px solid rgba(0,0,0,0.15);
margin-right: 16px;
}
.custom-facts > div:last-child{
border-right: 0;
margin-right: 0;
}
.custom-facts > div:has(.custom-facts__value:empty){
display: none;
}
.custom-facts__label{
display: block;
font-size: 11px;
font-weight: 700;
letter-spacing: 0.14em;
text-transform: uppercase;
color: #666;
margin-bottom: 6px;
}
.custom-facts__value{
display: block;
font-size: 17px;
font-weight: 700;
}

/* Inhalt: Vorspann breit, danach zwei Spalten */
.custom-main{
padding: 40px 0 8px;
}
#coveto_public .custom-main__lead p{
font-size: clamp(18px, 2vw, 24px);
line-height: 1.45;
font-weight: 500;
max-width: 40em;
}
.custom-main__cols{
columns: 2;
column-gap: 56px;
margin-top: 24px;
}
.custom-main__cols .covetoStone{
break-inside: avoid;
margin-bottom: 28px;
}
#coveto_public .custom-main h1{
font-size: 20px;
line-height: 1.2;
font-weight: 900;
text-transform: uppercase;
letter-spacing: 0.02em;
padding: 0 0 10px;
border-top: 3px solid #111;
padding-top: 12px;
}
#coveto_public .custom-main p,
#coveto_public .custom-main li{
font-size: 15px;
line-height: 1.6;
}
.custom-main li{
margin: 4px 0;
}
.custom-main li::before{
color: rgb(var(--dunklefarbe));
}
#coveto_public .custom-main__cta h1{
font-size: clamp(26px, 4vw, 48px);
line-height: 1.05;
letter-spacing: -0.02em;
border-top: 3px solid #111;
padding-top: 24px;
margin-top: 16px;
}

/* Großer Bewerben-Block */
.custom-apply{
margin: 40px -32px 0;
padding: 48px 32px 40px;
background: rgb(var(--dunklefarbe));
color: rgb(var(--dunklefarbe-contrast));
}
.custom-apply__inner{
max-width: 1136px;
margin: 0 auto;
display: grid;
grid-template-columns: minmax(0, 1fr) 320px;
gap: 40px;
align-items: center;
}
.custom-apply__contact{
display: grid;
grid-template-columns: 120px 1fr;
gap: 24px;
align-items: center;
}
#coveto_public .custom-apply h2,
#coveto_public .custom-apply p,
#coveto_public .custom-apply a{
color: rgb(var(--dunklefarbe-contrast));
}
#coveto_public .custom-apply .coveto_kontakt{
margin-top: 0;
}
#coveto_public .custom-apply .coveto_kontakt h2{
font-size: 12px;
font-weight: 700;
letter-spacing: 0.14em;
text-transform: uppercase;
opacity: 0.8;
padding-top: 12px;
}
#coveto_public .custom-apply .coveto_kontakt h2:first-child{
padding-top: 0;
}
.custom-avatar .coveto_ansprechpartner_foto--circle{
margin: 0;
}
.custom-avatar .coveto_ansprechpartner_foto--circle img{
width: 120px !important;
height: 120px !important;
box-shadow: 0 0 0 4px rgba(var(--dunklefarbe-contrast), 0.3);
}
.custom-cta{
display: flex;
flex-direction: column;
gap: 12px;
}
.custom-cta .ctabtnp,
.custom-cta .ctabtns,
.custom-cta .ctabtnwa{
width: 100%;
box-sizing: border-box;
text-align: center;
border-radius: 0;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.04em;
transition: transform 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
}
.custom-cta .ctabtnp,
.custom-cta .ctabtnp i{
background: rgb(var(--dunklefarbe-contrast));
color: rgb(var(--dunklefarbe)) !important;
border-color: transparent;
}
.custom-cta .ctabtns{
background: transparent;
border: 2px solid rgb(var(--dunklefarbe-contrast));
color: rgb(var(--dunklefarbe-contrast));
}
.custom-cta .ctabtnp:hover,
.custom-cta .ctabtns:hover,
.custom-cta .ctabtnwa:hover{
transform: translateY(-1px);
}
.custom-cta .ctabtnHinweis{
margin: 0;
max-width: none;
color: rgba(var(--dunklefarbe-contrast), 0.75);
}
.custom-share{
max-width: 1136px;
margin: 32px auto 0;
}
.custom-share .coveto_socialmedia_buttons{
margin-top: 0;
}

/* Abschnitte blenden beim Scrollen sanft ein (nur Browser mit Scroll-Animationen) */
@media screen {
@supports (animation-timeline: view()) {
.custom-main .covetoStone{
animation: custom-reveal linear both;
animation-timeline: view();
animation-range: entry 0 entry 140px;
}
}
}

@keyframes custom-rise {
from { opacity: 0; transform: translateY(14px); }
to { opacity: 1; transform: none; }
}
@keyframes custom-reveal {
from { opacity: 0; transform: translateY(12px); }
to { opacity: 1; transform: none; }
}

/* Mobil */
@media screen and (max-width: 950px) {
.custom-poster{
padding: 16px 16px 0;
}
.custom-band,
.custom-apply{
margin-left: -16px;
margin-right: -16px;
padding-left: 16px;
padding-right: 16px;
}
.custom-facts{
grid-template-columns: 1fr 1fr;
}
.custom-facts > div{
border-right: 0;
margin-right: 0;
padding: 12px 0;
border-bottom: 1px solid rgba(0,0,0,0.12);
}
.custom-main__cols{
columns: 1;
}
.custom-apply__inner{
grid-template-columns: 1fr;
gap: 28px;
}
.custom-apply__contact{
grid-template-columns: 96px 1fr;
}
.custom-avatar .coveto_ansprechpartner_foto--circle img{
width: 96px !important;
height: 96px !important;
}
}

/* Barrierefreiheit: keine Bewegung, wenn der Benutzer das wünscht */
@media (prefers-reduced-motion: reduce) {
#coveto_public .custom-headline p.custom-kicker,
#coveto_public .custom-headline h1.custom-title,
.custom-band,
.custom-facts,
.custom-main .covetoStone{
animation: none;
}
.custom-cta .ctabtnp,
.custom-cta .ctabtns,
.custom-cta .ctabtnwa{
transition: none;
}
}

Posao za medicinsku sestru/tehničara (m/ž/neopredeljen) za jednu kliniku u Bonu, Sjeverna Rajna-Vestfalija in Bonn