#article-wrapper article {
background-color: var(--main-color-zero);
box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);
}
#article-wrapper article {
position: relative;
padding-bottom: 45px;
}
#article-wrapper .article-text div > p {
margin-bottom: clamp(calc(var(--gap-l) / 2), 4.285vw, calc(var(--gap-l) - 10px));
}
#article-wrapper.grid-waterfall.first-el-fullwidth > :first-child {
padding-bottom: 0;
}
#article-wrapper.grid-waterfall.first-el-fullwidth > :first-child .article-text div > p {
margin-bottom: 0;
}
#article-wrapper.grid-waterfall.first-el-fullwidth > :first-child .excerpt-author {
margin-top: 0.75em;
} #article-wrapper .article-text div > p.excerpt-author {
margin-top: 0.75em;
margin-bottom: 0.75em;
}
#article-wrapper .article-text div > p:has(+ .excerpt-author) {
margin-bottom: 0.75em;
} .site .excerpt-author a:focus:not(.wp-block-button__link):not(.wp-block-file__button),
.is-dark-theme .site .excerpt-author a:focus:not(.wp-block-button__link):not(.wp-block-file__button) {
background: transparent !important;
color: var(--base-text-color-dark) !important;
text-decoration: underline 1px dotted currentColor;
text-decoration-skip-ink: none;
}
article .post-thumbnail {
--global--spacing-vertical: 0;
}
.article-text {
padding: var(--box-gutter) var(--box-gutter) var(--gap-l) var(--box-gutter);
}
.article-text {
border-top: 11px solid var(--category-theme-color);
max-width: var(--content-width-8-col);
}
@media (min-width: 1025px) {
.first-el-fullwidth > article:first-child .article-text {
border-top: 0;
}
.first-el-fullwidth > article:first-child .article-image {
border-right: 11px solid var(--category-theme-color);
}
}
article .article-image {
height: 315px;
position: relative;
}
a.post-thumbnail-inner img {
transition: transform .2s;
}
.article-image .comment-like-post-area:hover + .thumbnail-wrapper a.post-thumbnail-inner img,
a.post-thumbnail-inner:hover img {
-webkit-transform: scale3d(1.1,1.1,1.1);
transform: scale3d(1.1,1.1,1.1);
}
article .article-image img {
position: absolute;
height: 100% !important; object-fit: cover;
}
.entry-content, .entry-summary {
--entry-content--font-family: 'ProximaNova-Regular';
}
#article-wrapper article h1,
#article-wrapper article h2 {
color: var(--category-theme-color);
}
.more-link {
display: block;
font-weight: bold;
background-color: var(--category-theme-color);
color: #fff;
border-radius: 50px;
padding: 8px 20px;
width: min-content;
text-decoration: none;
transition: filter .2s;
position: absolute;
bottom: 40px;
left: 50%;
transform: translateX(-50%);
-moz-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
}
#article-wrapper.grid-waterfall.first-el-fullwidth > :first-child .more-link {
position: static;
margin-left: auto;
margin-right: auto;
margin-top: clamp(calc(var(--gap-l) / 2), 4.285vw, calc(var(--gap-l) - 10px));
transform: none;
}
.more-link:hover,
.more-link:focus,
.more-link:active {
filter: brightness(85%);
}
.article-text {
padding-bottom: 0;
}
.article-text > div {
padding-bottom: var(--gap-l);
}
.article-text header {
margin-bottom: 25px;
}
.article-text h2 {
font-size: 34px;
line-height: 1.176em;
margin-top: 10px;
}
#article-wrapper .wp-caption-text {
display: none;
}
.date-author-wrapper {
font-size: .8em;
}
.more-link .icon-arrow_next::before {
color: #fff;
vertical-align: middle;
margin-left: 10px;
} span.copyright[data-tooltip]::before {
position: absolute;
top: 32px;
background-color: #DDDDDD;
color: #333333;
height: 30px;
line-height: 30px;
border-radius: 5px;
padding: 0 15px;
content: attr(data-tooltip);
white-space: nowrap;
display: none;
right: -4px;
font-size: 14px;
z-index: 1;
}
span.copyright[data-tooltip]::after {
position: absolute;
left: 5px;
top: 25.5px;
border-bottom: 7px solid #DDDDDD;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
content: "";
display: none;
}
span.copyright[data-tooltip]:hover::after, span.copyright[data-tooltip]:hover::before {
display: block;
}
span.copyright:hover {
opacity: 1;
}
span.copyright {
-webkit-transition: 0.2s;
-o-transition: 0.2s;
transition: 0.2s;
position: relative;
padding: 0;
vertical-align: middle;
cursor: default;
width: 25px;
height: 25px;
display: inline-block;
background-image: url(//blog.kulturmachtschule.ch/wp-content/themes/twentytwentyone-child/assets/copyright.svg);
background-repeat: no-repeat;
background-size: cover;
opacity: 0.6;
}
.copyright-wrapper {
font-style: italic;
position: absolute;
bottom: 5px;
right: 4px;
}
.thumbnail-wrapper {
overflow: hidden;
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
height: 100%;
}