.text-block { 
box-sizing: border-box;
position: relative;
overflow: hidden;
margin: 0 auto;
margin-left: calc(-50vw + 50%);
margin-right: calc(-50vw + 50%);
max-width: 100vw;
width: 100vw;
height: 100%;
}
.text-block > div {
padding-top: 100px;
padding-bottom: 100px;
}
.text-block.mb0 > div {
padding-bottom: 0; 
}
.text-block.mt0 > div {
padding-top: 0; 
}
.text-block > div > p {
font-size: calc(24 / 16 * 1rem);
line-height: 1.4;
}
.text-block p.overline {
margin: 0 0 10px;
font-size: calc(24 / 16 * 1rem);
line-height: 1.2;
font-family: 'RobotoRegular', sans-serif;
}
.text-block h3 {
font-size: calc(45 / 16 * 1rem);
line-height: 1.2; 
font-family: 'RobotoRegular', sans-serif;
}
.text-block h4 {
margin-bottom: 35px;
}
.text-block a.btn-primary { 
font-family: 'RobotoRegular', sans-serif; 
background: #463D27;
color: #ffffff;  
display: flex;
justify-content: flex-start;
align-items: center;
min-width: fit-content;
min-height: 56px; 
border: none;
border-radius: 0;
cursor: pointer;
text-decoration: none; 
margin-top: 20px;
position: relative;
font-size: calc(18 / 16 * 1rem);  
width: fit-content;
padding: 2px 30px;
gap: 15px;
}
.text-block ul {
margin: 25px 0 25px;
padding: 0;
display: flex;
flex-direction: column;
gap: 10px;
}
.text-block ul li {
font-size: calc(18 / 16 * 1rem);
line-height: 1.5;
display: grid;
grid-template-columns: 20px 1fr;
padding-left: 0;
list-style: none;
margin: 0;
align-items: flex-start;
gap: 15px;
}
.text-block ul li::before {
content: url(//endokrinologie.bayern/zes/wp-content/themes/zes_theme/images/check-list.svg);
width: 15px;
height: auto;
background: none;
transform: scale(1) translateY(0px);
top: 0;
position: relative;
margin-right: 10px;
}
.text-block .content.two {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 40px;
} 
.text-block > div .formulare {
margin-top: 50px;
}
.text-block > div .formulare p > strong {
font-weight: 400;
font-family: 'RobotoRegular', sans-serif;
font-size: calc(42 / 16 * 1rem); 
color: #463D27;
}
.text-block > div .formulare .links {
display: flex;
flex-direction: column;
gap: 10px;
}
.text-block > div .formulare .links a {
font-size: calc(21 / 16 * 1rem);
color: #463D27;
text-decoration: none;
display: flex; 
gap: 8px;
}
.text-block > div .formulare .links a::before {
content: url(//endokrinologie.bayern/zes/wp-content/themes/zes_theme/images/icon-download.svg);
width: 15px;
height: 15px; 
}
@media only screen and (max-width: 1380px) { 
}
@media only screen and (max-width: 870px) { 
.text-block.mb0 > div {
padding-top: 50px;
}
.text-block > div > p {
font-size: calc(21 / 16 * 1rem);
line-height: 1.8;
}
.text-block h3 {
font-size: calc(31 / 16 * 1rem);
margin-bottom: 15px;
}
.text-block > div {
padding-top: 50px;
padding-bottom: 50px;
}
.text-block .content.two { 
grid-template-columns: repeat(1, 1fr); 
gap: 30px;
}  
}
.block-editor-block-list__block .text-block {
max-width: 100%;
width: 100%; 
padding-bottom: 0;
margin-left: 0;
margin-right: 0;
padding: 2rem;
box-sizing: border-box;
}
.block-editor-block-list__block .text-block ul li { 
padding-left: 0; 
}
.block-editor-block-list__block .text-block ul li::before {
margin-right: 15px;
}
.block-editor-block-list__block .text-block > div {
padding-top: 0;
padding-bottom: 0;
}.stellenangebot-block { 
box-sizing: border-box;
position: relative;
overflow: hidden;
margin: 0 auto;
margin-left: calc(-50vw + 50%);
margin-right: calc(-50vw + 50%);
max-width: 100vw;
width: 100vw;
height: 100%;
background: #efefef;
}
.stellenangebot-block .content {
margin-top: 45px;
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 80px;
}
.stellenangebot-block .content .stellen .item {
border-bottom: 1px solid #157CAC;
padding-bottom: 10px;
padding-top: 10px;
box-sizing: border-box;
display: grid; 
cursor: pointer;
grid-template-columns: 1fr 20px;
}
.stellenangebot-block .content .stellen .item p {
margin: 0;
font-size: calc(18 / 16 * 1rem);
font-family: 'RobotoLight', sans-serif;
color: #463D27;
max-width: 100%;
}
.stellenangebot-block .content .stellen .item svg {
width: 20px;
height: auto;
}
.stellenangebot-block .content .stellen .item p.title {
font-family: 'RobotoRegular', sans-serif;
font-size: calc(26 / 16 * 1rem);
line-height: 1.2;
color: #463D27;
margin-bottom: 5px;
}
.stellenangebot-block .content .cta {
color: #463D27;
}
.stellenangebot-block .cta p > a {
text-decoration: none;
display: inline-block;
width: 100%;
color: #463D27;
}
.stellenangebot-block .cta p > strong {
color: #463D27;
font-weight: 600;
}
.stellenangebot-block .cta p {
max-width: 680px;
font-size: calc(21 / 16 * 1rem);
}
.stellenangebot-block .filter {
margin-bottom: 60px; 
display: flex;
flex-direction: column;
width: 100%;
}
.stellenangebot-block .filter select,
.stellenangebot-block .filter label {
font-family: 'RobotoRegular', sans-serif;
}
.stellenangebot-block .filter label {
margin-bottom: 10px;
}
.stellenangebot-block .filter select {
appearance: none; -webkit-appearance: none; -moz-appearance: none; padding: 15px;
box-sizing: border-box;
width: fit-content;
color: #000000;
background: #fff;
border: 1px solid #cdad84;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6"><path stroke-linecap="round" stroke-linejoin="round" d="m19.5 8.25-7.5 7.5-7.5-7.5" /></svg>');
background-repeat: no-repeat;
background-position: right 10px center;
background-size: 1em;
cursor: pointer;
}
.stellenangebot-block .filter select:focus {
border-color: #cdad84;
outline: none;
box-shadow: 0 0 3px #cdad84;
}
#stellen-list .item {
margin-bottom: 15px;
padding: 25px;
border: 1px solid #ddd;
border-radius: 5px;
display: grid;
grid-template-columns: 1fr 35px;
justify-content: space-between;
align-items: center; 
gap: 15px;
}
#stellen-list .item .text > p.title {
color: #000000;
font-size: calc(26 / 16 * 1rem);
line-height: 1.2;
margin-top: 0;
margin-bottom: 10px;
text-decoration: none;
}
#stellen-list .item .text > p {
font-size: calc(18 / 16 * 1rem);
line-height: 1;
margin-bottom: 0;
color: #000000;
text-decoration: none;
}
#stellen-list .item svg {
width: 25px;
}
@media only screen and (max-width: 1380px) { 
.stellenangebot-block .content {
gap: 40px;
}
}
@media only screen and (max-width: 870px) { 
.stellenangebot-block .content {
grid-template-columns: repeat(1, 1fr);
}
#stellen-list .item .text > p.title {
font-size: calc(21 / 16 * 1rem);
}
#stellen-list .item .text > p {
font-size: calc(14 / 16* 1rem);
line-height: 1.3;
margin-bottom: 0; 
}
#stellen-list .item {
padding: 10px;
}
}
.block-editor-block-list__block .stellenangebot-block {
max-width: 100%;
width: 100%; 
padding-bottom: 0;
margin-left: 0;
margin-right: 0;
padding: 2rem;
box-sizing: border-box;
}.kachel-block { 
box-sizing: border-box;
position: relative;
overflow: hidden;
margin: 0 auto;
margin-left: calc(-50vw + 50%);
margin-right: calc(-50vw + 50%);
max-width: 100vw;
width: 100vw;
height: 100%;
background: #e0d3b7;
}
.kachel-block.benefits {
background: #ffffff;
}
.kachel-block > div {
display: flex;
flex-direction: column;
}
.kachel-block h3 {
margin: 0;
font-size: calc(32 / 16 * 1rem);
line-height: 1.2; 
align-self: center;
color: #463D27;
}
.kachel-block.benefits > div > p {
max-width: 560px;
}
.kachel-block.benefits > div > h3 { 
margin-bottom: 15px;
align-self: flex-start;
}
.kachel-block .kacheln {
margin-top: 3rem;
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
}
.kachel-block .kacheln.spalte-3 {
grid-template-columns: repeat(3, 1fr);
}
.kachel-block .kacheln.spalte-2 {
grid-template-columns: repeat(2, 1fr);
}
.kachel-block .kacheln.spalte-1 {
grid-template-columns: repeat(1, 1fr);
}
.kachel-block .kacheln > .kachel {
border-radius: 20px;
padding: 20px;
box-sizing: border-box;
background: #ffffff;
} 
.kachel-block.benefits .kacheln > .kachel {
border-radius: 0;
align-items: flex-start;
justify-content: flex-start;
}
.kachel-block .kacheln > .kachel,
.kachel-block .kacheln > .kachel a {
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
gap: 15px;
text-decoration: none;
color: #363636;
cursor: pointer;
}
.kachel-block .kacheln.spalte-1 > .kachel {
width: fit-content;
justify-self: center;
}
.kachel-block .kacheln > .kachel > p {
margin: 0;
}
.kachel-block.benefits .kacheln > .kachel > p {
max-width: 100%;
}
.kachel-block .kacheln > .kachel > p.title,
.kachel-block .kacheln > .kachel > a > p.title {
font-family: 'RobotoRegular', sans-serif;
color: #463D27;
text-align: center;
font-size: calc(28 / 16 * 1rem);
line-height: 1.2;
word-break: break-word;
hyphens: auto;
margin: 0;
}
.kachel-block.benefits .kacheln > .kachel > p.title {
text-align: left;
}
.kachel-block .kacheln > .kachel > a > p.btn-secondary  {
display: flex;
align-items: center;
gap: 5px;
font-size: calc(18 / 16 * 1rem);
line-height: 1.2;
margin: 0;
}
.kachel-block .kacheln > .kachel > a > p.btn-secondary > img {
width: 16px;
height: 100%;
}
.kachel-block .kacheln > .kachel > img,
.kachel-block .kacheln > .kachel > a > img {
width: 100%;
height: 80px;
object-fit: contain;
}
.kachel-block a.btn-primary {
display: flex;
justify-content: flex-start;
align-items: center;
min-width: fit-content;
min-height: 56px;
font-family: var(--font-zes-reg);
border: none;
border-radius: 0;
cursor: pointer;
text-decoration: none; margin-top: 40px;
position: relative;
font-size: calc(18 / 16 * 1rem);
background: var(--zes-brown);
color: #ffffff;
width: fit-content;
padding: 2px 30px;
gap: 15px;
}
.kachel-block a.btn-primary.spalte-1 {
align-self: center;
}
.kachel-block .kacheln > .kachel.green {
background: #D3EAE4;
} 
.kachel-block .kacheln > .kachel.grey {
background: #efefef;
}
.kachel-block .kacheln > .kachel.orange {
background: #F1F1E6;
} 
.kachel-block .kacheln > .kachel.purple {
background: #CCD7E4;
} 
@media only screen and (max-width: 1380px) { 
.kachel-block .kacheln {
margin-top: 3rem; 
grid-template-columns: repeat(2, 1fr); 
}
}
@media only screen and (max-width: 870px) { 
.kachel-block .kacheln {
margin-top: 3rem; 
grid-template-columns: repeat(1, 1fr); 
}
.kachel-block .kacheln.spalte-3,
.kachel-block .kacheln.spalte-2,
.kachel-block .kacheln.spalte-1 {
grid-template-columns: repeat(1, 1fr);
}
.kachel-block.benefits > div > h3 { 
align-self: flex-start;
}
.kachel-block.benefits > div > p {
max-width: 100%;
}
.kachel-block h3 {
word-break: break-word;
hyphens: auto;
}
}
.block-editor-block-list__block .kachel-block {
max-width: 100%;
width: 100%; 
padding-bottom: 0;
margin-left: 0;
margin-right: 0;
padding: 2rem;
box-sizing: border-box;
}