.wp-block {
max-width: 790px;
}
.brutkasten-more-articles, .brutkasten-article-list {
font-size: 0.8em;
margin: 2em 0;
}
.brutkasten-more-articles a {
display: flex;
position: relative;
align-items: center;
background-color: #f2f2f2;
font-weight: bold;
margin: 1.5em 0;
text-decoration: none;
padding-right: 0.5em;
}
.brutkasten-more-articles a .text {
text-decoration: underline;
color: #16303A;
}
.brutkasten-more-articles a:hover span.tag {
text-decoration: none;
}
.brutkasten-more-articles a span.tag {
display: inline-block;
background-color: #d4007d;
clip-path: polygon(0 0%, calc(100% - 15px) 0%, 100% 50%, calc(100% - 15px) 100%, 0 100%);
padding: 0.5em 20px 0.5em 0.5em;
margin-right: 0.5em;
color: #fff;
}
.brutkasten-more-articles a i {
margin: 0 0.5em;
}
.brutkasten-article-list {
border-bottom: 3px solid #f2f2f2;
}
.brutkasten-article-list a {
color: #16303A;
text-decoration: none;
padding-left: 0.5em;
}
.brutkasten-article-list a:before {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
content: "";
}
.brutkasten-article-list .bk_article {
display: flex;
position: relative;
margin: 0.5em 1.5em;
align-items: center;
transition: background-color 0.1s linear;
}
.brutkasten-article-list .bk_article:hover {
background-color: #f9f9f9;
} .bk_article picture, .bk_article img {
flex-basis: 6em;
max-width: 6em;
flex-grow: 0;
flex-shrink: 0;
}
.brutkasten-article-list .title {
display: flex;
align-items: center;
}
.brutkasten-article-list .title span {
background-color: #f2f2f2;
flex-shrink: 0;
clip-path: polygon(0 0%, calc(100% - 15px) 0%, 100% 50%, calc(100% - 15px) 100%, 0 100%);
padding: 0.5em 20px 0.5em 0.5em;
color: #16303A;
}
.brutkasten-article-list .title:after {
content: "";
background-color: #f2f2f2;
height: 3px;
flex-grow: 1;
}
.brutkasten-article-list .title .fas {
padding: 0 0.5em;
}
.brutkasten-article-list hr {
border: none;
border-bottom: 2px solid #d4007d;
}
.brutkasten-shoepy .swiper-slide {
height: auto;
padding-bottom: 5px;
width: 205px;
font-size: 0.8em;
line-height: 1.2em;
}
.brutkasten-shoepy .slide-inner {
padding: 10px;
border: 2px solid #F4F5FA;;
border-radius: 10px;
margin: 5px;
height: 100%;
position: relative;
transition: background-color 0.3s ease-in-out;
}
.brutkasten-shoepy .slide-inner:hover {
background-color: #F4F5FA;;
}
.brutkasten-shoepy .img-wrapper {
display: flex;
justify-content: center;
align-items: center;
height: 140px;
margin-bottom: 0.6em;
}
.brutkasten-shoepy img {
max-width: 140px;
max-height: 140px;
}
.brutkasten-shoepy .title {
min-height: 2em;
}
.brutkasten-shoepy .vendor {
color: #868e96;
font-size: 0.8em;
}
.brutkasten-shoepy .buy {
color: transparent;
font-size: 0;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
} .acf-block-preview .brutkasten-shoepy .swiper-wrapper {
display: flex;
overflow: scroll;
}
.brutkasten-info-block, .brutkasten-cta-block {
background-color: #FFFFFF;
border-radius: 16px;
padding: 1em;
max-width: 30em;
margin: 0.2em auto;
}
.brutkasten-cta-block a {
background: #ECEFF0;
border-radius: 10px;
padding: 1em;
display: block;
color: #46616A;
text-decoration: none;
text-align: center;
}