.latest-posts-custom {
list-style: none;
margin: 0;
}
.latest-posts-custom li,
.blog #primary article {
background: #fff;
margin-bottom: 20px !important;
margin-top: 20px;
overflow: hidden;
}
@media (min-width: 600px) {
.latest-posts-custom,
.blog #primary .ast-row {
display: flex;
flex-flow: wrap;
margin: 0 -10px !important;
}
.latest-posts-custom li,
.blog #primary article {
margin-bottom: 0px !important;
margin-top: 20px;
margin-left: 10px;
margin-right: 10px;
width: calc(50% - 20px);
}
}
@media (min-width: 782px) {
.latest-posts-custom li,
.blog #primary article {
width: calc(33.333% - 20px);
}
}
.latest-posts-custom .wp-block-latest-posts__post-title,
.blog #primary article header,
.blog #primary article .entry-content {
display: block;
margin: 20px
}
.blog #primary article .post-thumb.ast-float {
float: none;
}
.latest-posts-custom img {
width: 100%;
} .blog #primary article {
padding: 0;
}
@media (min-width: 1280px) {
.blog #primary {
width: 100%;
}
.blog #secondary {
position: fixed;
top: 111px;
right: 50%;
transform: translateX(580px);
width: 280px;
}
}
@media (min-width: 1600px) {
.blog #secondary {
transform: translateX(850px);
}
}
figure.wp-block-gallery.align-items-center {
align-items: center;
}
.wp-block-gallery.align-items-center:not(.is-cropped) figure.wp-block-image:not(#individual-image) {
margin-bottom: 0;
}
.mb-0 {
margin-bottom: 0 !important;
}
.mt-0 {
margin-top: 0 !important;
}
.mt-20 {
margin-top: 20px !important;
}
.m-20 {
margin: 20px;
}
.p-20px {
padding: 20px !important;
}
.flyout {
position: fixed;
top: 20%;
right: -300px;
z-index: 98;
width: 300px;
}
.flyout-item,
.flyout-link {
background: #f07d00;
}
.flyout-item {
color: #fff;
transition: transform 400ms;
transform: translateX(0);
}
.flyout-item:first-child .flyout-icon {
border-top-left-radius: 3px;
}
.flyout-item:hover {
transform: translateX(-300px);
}
.flyout-icon {
background: #f07d00;
height: 54px;
position: absolute;
width: 54px;
left: -54px;
}
.flyout-content {
padding: 6px;
}
.flyout-content p {
font-size: 15px;
line-height: 21px;
margin: 0;
}
.flyout a {
color: #fff;
}
.flyout a:hover {
text-decoration: underline;
}
.flyout-link {
display: block;
height: 54px;
margin-top: 3px;
}
.social-icon {
background-image: url(//hth-computer.de/wp-content/themes/hth-theme/assets/images/social-sprite.png);
background-position: center;
background-repeat: no-repeat;
background-size: 168px 42px;
display: inline-block;
height: 42px;
margin: 6px;
width: 42px;
}
.icon-support {
background-position: 0;
}
.icon-youtube {
background-position: -42px 0;
}
.icon-linkedin {
background-position: -84px 0;
}
.icon-facebook {
background-position: -126px 0;
}
.share-links {
font-size: 0;
}
.share-links .link-linkedin,
.share-links .link-facebook {
display: inline-block;
height: 54px;
margin-right: 3px;
width: 54px;
}
.link-linkedin {
background-color: #0E76A8;
}
.link-facebook  {
background-color: #4267b2;
}
.partner-logos {
margin: 0;
padding: 1em 2em;
}
.partner-logos .wp-block-column {
text-align: center;
}
.partner-logos .wp-block-image {
margin: 0;
}
.partner-logos .wp-block-image img {
width: auto;
max-height: 68px;
}
.site-footer {
border-top: 3px solid #fff;
} .ast-separate-container main > .ast-article-single {
padding: 1em;
}
@media (min-width: 545px) {
.ast-separate-container main > .ast-article-single {
padding: 2em;
}
}
@media (max-width: 544px) {
.ast-separate-container .ast-single-related-posts-container {
padding: 1.5em 1em;
}
}  @media (min-width: 600px) {
.blog .entry-title {
font-size: 21px;
line-height: 30px;
min-height: 150px;
margin-bottom: 10px;
}
.blog .entry-title {
font-size: 21px;
line-height: 30px;
min-height: 150px;
margin-bottom: 10px;
}
}
.post-preview-text {
padding: 0 20px 20px 20px;
}
.teaser h3 {
min-height: 67px;
}
.ast-mobile-header-wrap .ast-mobile-header-content {
border-bottom: 1px solid var(--ast-global-color-1);
}
.ast-mobile-header-wrap .ast-mobile-header-content aside {
padding: 20px;
}
.d-none {
display: none;
}
@media (min-width: 782px) {
.d-md-block {
display: block;
}
.d-md-flex {
display: flex;
}
}
.accordion .wp-block-group {
padding: 0;
}
.accordion .wp-block-group .wp-block-group {
display: none;
}
.accordion > div > div > div > h2,
.accordion > div > div > div > h3,
.accordion > div > div > div > h4 {
border-bottom: 1px solid #72958252;
cursor: pointer;
position: relative;
}
.accordion > div > div > div > h2:after,
.accordion > div > div > div > h3:after,
.accordion > div > div > div > h4:after {
border-top: 3px solid var(--ast-global-color-1);
border-right: 3px solid var(--ast-global-color-1);
content: '';
height: 20px;
position: absolute;
top: 50%;
transform: rotate(45deg) translateY(-50%);
transform-origin: top;
right: 10px;
width: 20px;
}
.accordion .wp-block-group.active .wp-block-group {
display: block;
}
.accordion > div > .wp-block-group.active > div > h2:after,
.accordion > div > .wp-block-group.active > div > h3:after,
.accordion > div > .wp-block-group.active > div > h4:after {
margin: -5px -5px 0 0;
transform: rotate(135deg) translateY(-50%);
}
.primary a:not(.wp-block-button__link) {
text-decoration: underline;
}