.similar-posts-block { 
display: inline-block; 
height: 100%;
margin-top: 0; 
margin-bottom: 0;
margin-left: calc( -100vw / 2 + 100% / 2 );
margin-right: calc( -100vw / 2 + 100% / 2 );
max-width: 100vw;
width: 100vw;
}
.similar-posts-block .similar-post-wrapper {
max-width: 100%;
display: flex;
justify-content: flex-start;
margin: 0 auto;
flex-direction: column;
gap: 30px;
}
.similar-posts-block .similar-post-wrapper > h3 { 
font-size: calc(42 / 16 * 1rem); 
text-align: center;
width: 100%; 
max-width: 100%;
margin: 0;  
} 
.similar-posts-block .posts { 
color: #ffffff;  
position: relative;
margin: 0; 
display: grid;
gap: 20px;
grid-template-columns: repeat(3, 1fr); 
width: 100%;
height: 100%; 
min-height: auto;
}
.similar-posts-block .similar-post-wrapper .posts > .post {
background: #ffffff; 
display: flex;
width: 100%;
height: 100%;
padding: 0;
box-sizing: border-box;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;  
cursor: pointer;
position: relative;
user-select: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; } 
.similar-posts-block .posts .post a {
display: flex;
height: 100%;
width: 100%;
flex-direction: column;
text-decoration: none;
color: #000000;
}
.similar-posts-block .posts .post a > .post-thumbnail > img {
width: 100%;
height: 100%;
aspect-ratio: 16/9;
object-fit: cover;
}
.similar-posts-block .similar-post-wrapper .posts > .post .content > .head-content > h3.title { 
font-size: calc(24 / 16 * 1rem);
line-height: 1.2;    
text-align: left;
padding: 0;
margin-top: 0;
margin-bottom: 15px;
color: #463D27;
}  
.similar-posts-block .similar-post-wrapper .posts > .post .content > .head-content > .post-description {
margin-bottom: 10px;
font-family: 'RobotoRegular', sans-serif;
font-size: calc(16 / 16 * 1rem);
line-height: 1.4;
}
.similar-posts-block .posts .post .content {
display: flex;
width: 100%;
height: auto;
z-index: 20;
padding: 20px; 
box-sizing: border-box;
flex-direction: column;
align-items: flex-start;
justify-content: space-between;
background: #F7F7F7;
margin-bottom: 0;
}
.similar-posts-block .posts .post .content .head-content {
display: flex;
flex-direction: column;
justify-content: space-between;
margin-bottom: 15px;
}
.similar-posts-block .posts .post .post-image-wrapper {
width: 100%;
height: 350px;
overflow: hidden;
}  
.similar-posts-block .similar-post-wrapper .posts > .post > a > .content .post-date {
margin-bottom: 20px;
}
@media only screen and (max-width: 768px) {
.similar-posts-block .posts-wrapper {
flex-direction: column;
}
.similar-posts-block .posts,
.similar-posts-block .content {
width: 100%;
}
.similar-posts-block .content {
padding-right: 0;
margin-bottom: 50px;
}
.similar-posts-block .posts .post .content {
height: auto;
} 
.similar-posts-block {
padding: 0rem;
}
.similar-posts-block .posts .post {
margin-bottom: 30px;
}
.similar-posts-block .posts .post:last-of-type {
margin-bottom: 0;
}
.similar-posts-block .content h3 {
font-size: calc(32 / 16 * 1rem); 
margin-bottom: 0px;
}  
.similar-posts-block .posts {   
grid-template-columns: repeat(1, 1fr); 
margin-top: 0;
}
} .block-editor-block-list__block .similar-posts-block {
margin-left: 0;
margin-right: 0;
max-width: 100%;
width: 100%;
padding: 32px;
box-sizing: border-box;
}
.block-editor-block-list__block .similar-posts-block .posts .post .post-image-wrapper {
height: 200px;
}
.block-editor-block-list__block .similar-posts-block .posts-wrapper {
flex-direction: column;
} 
.block-editor-block-list__block .similar-posts-block .posts {
margin-top: 2rem;
width: 100%;
overflow: hidden;
}
.block-editor-block-list__block .similar-posts-block .posts .post {
position: relative;
}
.block-editor-block-list__block .similar-posts-block .content {
width: 100%;
}
.block-editor-block-list__block .similar-posts-block .posts .post .content { 
height: auto;
}
.block-editor-block-list__block .similar-posts-block .posts .post .content > .head-content > h3.title {
margin: 0;
}
.block-editor-block-list__block .similar-posts-block .content p {
margin: 0;
}.cta-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%;
}
.cta-block.termin > div,
.cta-block.karriere > div {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
max-width: 860px;
}
.cta-block.karriere {
background: #CDAD84;
}
.cta-block.karriere > div .content p {
font-size: calc(24 / 16 * 1rem);
line-height: 1.4;
max-width: 680px;
}
.cta-block.karriere .content {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.cta-block.cta {
background: #efefef;
}
.cta-block > .layout {
padding-top: 100px;
padding-bottom: 100px;
}
.cta-block.default {
background: #CDAD84;
}
.cta-block.cta > div,
.cta-block.default > div {
display: flex;
flex-direction: row;
position: relative;
}
.cta-block.default > div,
.cta-block.cta > div {
max-width: 860px;
gap: 60px;
}
.cta-block.cta > div {
gap: 40px;
}
.cta-block.default > div {
gap: 30px;
}
.cta-block.termin > div h3,
.cta-block.cta > div h3,
.cta-block.default > div h3 {
font-size: calc(40 / 16 * 1rem);
line-height: 1.2;
font-family: 'RobotoRegular';
margin: 0;
max-width: 80%;
}
.cta-block.cta > div h3 {
max-width: 100%; 
color: #463D27;
}
.cta-block.termin > div h3 {
margin-bottom: 15px; 
}
.cta-block.default > div h3 {
margin-bottom: 20px;
font-size: calc(32 / 16 * 1rem);
color: #ffffff;
}
.cta-block.cta > div h3 {
font-size: calc(32 / 16 * 1rem);
}
.cta-block.cta > div p,
.cta-block.default > div p {
font-size: calc(24 / 16 * 1rem);
font-family: 'RobotoRegular';
max-width: 100%;
}
.cta-block.default > div p {
color: #ffffff;
}
.cta-block.cta > div p > a {
color: #463D27;
font-weight: 400;
display: grid;
grid-template-columns: 1fr 25px;
gap: 12px;
font-size: calc(18 / 16 * 1rem);
margin-top: 45px;
}
.cta-block.cta > div p:last-of-type > a {
margin-top: 0;
}
.cta-block.cta > div p > a::after {
content: url(//endokrinologie.bayern/zes/wp-content/themes/zes_theme/images/icon-download.svg);
width: 15px;
height: 15px; 
}
.cta-block.cta > div > .col {
width: 40%;
display: flex;
gap: 20px;
flex-direction: column;
}
.cta-block.cta > div > .col .icon-box {
display: flex;
gap: 20px;
align-items: center;
}
.cta-block.cta > div > .col .icon-box > img {
width: 65px;
}
.cta-block.cta > div > .col:last-of-type {
width: 60%;
}
.cta-block.default > div > .col,
.cta-block.default > div > .col:last-of-type {
width: 50%;
}
.cta-block.cta > div > .col > img,
.cta-block.default > div > .col > img {
width: 95px;
padding: 15px;
box-sizing: border-box;
background: #ffffff;
border-radius: 15px;
}
.cta-block.default > div > .col > img {
width: 280px;
padding: 0;
box-sizing: border-box;
background: transparent;
border-radius: 15px;
}
.cta-block.termin > div .icon-box,
.cta-block.karriere > div .icon-box {
display: flex;
align-items: center;
gap: 10px;
margin-bottom: 25px;
}
.cta-block.termin > div .icon-box {
margin-bottom: 15px;
}
.cta-block.termin > div .icon-box img {
width: 60px;
height: auto;
}
.cta-block.karriere > div .icon-box img {
width: 20px;
height: 20px;
}
.cta-block.karriere > div .icon-box p {
margin: 0;
font-size: calc(14 / 16 * 1rem);  
font-family: 'RobotoRegular', sans-serif;
color: #463D27;
line-height: 1.2;
}
.cta-block.termin > div .content h1,
.cta-block.termin > div .content h2,
.cta-block.termin > div .content h3,
.cta-block.termin > div .content p,
.cta-block.karriere > div .content h1,
.cta-block.karriere > div .content h2,
.cta-block.karriere > div .content h3,
.cta-block.karriere > div .content p {
text-align: center;
}
.cta-block.termin > div .content h1,
.cta-block.termin > div .content h2,
.cta-block.termin > div .content h3,
.cta-block.karriere > div .content h1,
.cta-block.karriere > div .content h2,
.cta-block.karriere > div .content h3 {
font-size: calc(35 / 16 * 1rem);
line-height: 1.2;
margin-bottom: 25px;
margin-top: 0;
font-family: 'RobotoRegular', sans-serif; 
}
.cta-block.termin > div .content p {
max-width: 100%;
font-size: calc(24 / 16 * 1rem);
}
@media only screen and (max-width: 1380px) { 
}
@media only screen and (max-width: 870px) { 
.cta-block > .layout {
padding-bottom: 50px;
padding-top: 50px;
}
.cta-block.termin > div .content h1,
.cta-block.termin > div .content h2,
.cta-block.termin > div .content h3,
.cta-block.termin > div .content p,
.cta-block.karriere > div .content h1,
.cta-block.karriere > div .content h2,
.cta-block.karriere > div .content h3,
.cta-block.karriere > div .content p {
text-align: left;
}
.cta-block.termin > div .content h1,
.cta-block.termin > div .content h2,
.cta-block.termin > div .content h3, 
.cta-block.karriere > div .content h1,
.cta-block.karriere > div .content h2,
.cta-block.karriere > div .content h3 {
font-size: calc(21 / 16 * 1rem); 
margin-bottom: 20px;
}
.cta-block.termin > div, 
.cta-block.karriere > div {
align-items: flex-start;
}
.cta-block.cta > div,
.cta-block.default > div {
flex-direction: column;
}
.cta-block.cta > div > .col:last-of-type,
.cta-block.cta > div > .col,
.cta-block.default > div > .col:last-of-type,
.cta-block.default > div > .col {
width: 100%;
}
.cta-block.cta > div p,
.cta-block.cta > div h3,
.cta-block.default > div p,
.cta-block.default > div h3 {
max-width: 100%;
}
.cta-block.cta > div {
gap: 60px;
}
.cta-block.cta > div > .col {
gap: 0;
}
.cta-block.termin > div h3,
.cta-block.cta > div h3,
.cta-block.default > div h3 {
font-size: calc(26 / 16 * 1rem);
line-height: 1.2; 
max-width: 100%;
hyphens: auto;
word-break: break-word;
}
}
.block-editor-block-list__block .cta-block {
max-width: 100%;
width: 100%; 
padding-bottom: 0;
margin-left: 0;
margin-right: 0;
padding: 2rem;
box-sizing: border-box;
}