.user-name-header-online {
font-family: "Roboto Slab", serif;
font-size: 19px;
font-weight:600;
} .entry-content a img,
.post-thumbnail a img,
.entry-summary a img,
.archive .post a img,
.blog .post a img,
.page .post a img,
.wp-block-image a img,
.wp-block-post-featured-image a img,
.wp-block-avatar a img {
transition: transform 0.3s ease;
}
.entry-content a img:hover,
.post-thumbnail a img:hover,
.entry-summary a img:hover,
.archive .post a img:hover,
.blog .post a img:hover,
.page .post a img:hover,
.wp-block-image a img:hover,
.wp-block-post-featured-image a img:hover,
.wp-block-avatar a img:hover {
transform: scale(1.05);
} .vsg-user-box-mobile {
border:1px solid #eaeaea;
padding:15px;
border-radius:0 0 25px 0;
background:#e7f6fc;
margin:20px 0;
}
.vsg-user-box-desktop h3 { } .kommentar-akkordeon {
border: 1px solid #eaeaea; background-color: #f6f6f6;
overflow: hidden;
margin-bottom: 1.5em;
font-size: 16px;
border-radius: 0 0 25px 0; }
.kommentar-akkordeon summary {
display: flex;
justify-content: space-between;
align-items: center;
cursor: pointer;
background-color: #f6f6f6;
padding: 14px 16px;
font-weight: 600;
color: #222;
border-radius: 0 0 25px 0;
position: relative;
border-bottom: none; }
.kommentar-akkordeon summary .arrow {
font-size: 1.2rem;
transition: transform 0.25s ease;
color: #666;
}
.kommentar-akkordeon[open] summary .arrow {
transform: rotate(90deg);
}
.kommentar-akkordeon[open] {
background-color: #fafafa;
border: 1px solid #eaeaea; border-radius: 0 0 25px 0;
}
.kommentar-akkordeon .wp-block-latest-comments {
padding: 12px 16px;
line-height: 1.6;
color: #333;
}
.kommentar-akkordeon .wp-block-latest-comments li {
list-style: none;
margin-bottom: 10px;
padding-left: 0;
border-bottom: 1px solid #eaeaea;
padding-bottom: 8px;
}
.kommentar-akkordeon .wp-block-latest-comments li:last-child {
margin-bottom: 0;
border-bottom: none;
padding-bottom: 0;
}
.kommentar-akkordeon .wp-block-latest-comments li a {
color: #02a8e8;
text-decoration: none;
}
.kommentar-akkordeon .wp-block-latest-comments li a:hover {
text-decoration: underline;
} .responsive-calendar {
position: relative;
padding-bottom: 75%; height: 0;
overflow: hidden;
max-width: 100%;
}
.responsive-calendar iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
} .wp-font-awesome-icon {
margin-right: 3px !important;
} .wp-dark-mode-switch-23 {
--wpdm-switch-scale: 0.8 !important;
}
.forum-post-list-item {
font-size: 16px;
margin-bottom:15px;
}
.forum-post-list-item-link {
color:#02a8e8;
} .asgaros-latest-posts {
border: 1px solid #ddd;
background: #fafafa;
padding: 12px 15px;
border-radius: 4px;
font-size: 14px;
line-height: 1.4;
} .asgaros-post {
display: flex;
align-items: flex-start;
margin-bottom: 12px;
} .asgaros-avatar img {
border-radius: 50%;
box-shadow: 0 1px 2px rgba(0,0,0,0.1);
} .asgaros-post-info {
flex: 1;
} .asgaros-post-info a {
color: #333;
font-weight: 600;
text-decoration: none;
}
.asgaros-post-info a:hover {
text-decoration: underline;
} .asgaros-author {
color: #666;
font-size: 13px;
}
.asgaros-date {
color: #999;
font-size: 13px;
} .asgaros-excerpt {
display: block;
margin-top: 4px;
color: #444;
}
.asgarosforum-latest-threads {
font-size: 16px;
}
.post-permalink {
font-size: 16px;
}
.entry-content a {
color: #02a8e8;
} .wp-block-latest-comments__comment-excerpt p {
border-radius:0px 0px 25px 0px !important;
border: 1px solid #e5e7eb;
} .better-recent-comments {
margin: 0px !important;
}
.recentcomments {
margin: 0px !important;
}
.comment-wrap {
font-size: 16px !important;
}
.recent-comments-list .comment-date {
font-size: 14px;
color: #505050 !important;
}
.recent-comments-list .comment-avatar img {
border-radius: 100px;
margin-right:40px !important;
} .podcast-menu-item:before {
font-family: "FontAwesome";
content: "\f2ce";
margin-right:5px;
} .vsg-search-box-header {
width: 200px !important;
} .wp-block-search__input {
padding-top: 3px;
padding-bottom: 3px;
padding-left: 15px;
padding-right: 15px;
background-color: #ffffff !important;
} .wp-block-navigation .wp-block-navigation-item__label {
width: 250px !important;
} .taxonomy-category a {
font-size: 11px;
color: #707070;
text-transform: uppercase;
padding-left: 8px;
padding-right: 8px;
padding-top: 4px;
padding-bottom: 4px;
border: 1px solid #d3d3d3;
border-radius:6px;
} .vsg-support-button a {
color:#ffffff !important;
border: 2px solid #eb292c !important;
} .ShariffHeadline h3 {
margin-top: 30px !important;
margin-bottom: 5px !important;
} .vsg-multicolor-bar {
padding:0px;
margin:0px;
height:12px;
background: linear-gradient(to right, #EB292C, #F08F2F, #F9DF29, #59BA47, #02A8E8);
} .vsg-post-comments h2 {
margin: 0px !important;
} .wp-block-activitypub-reactions .reaction-label.components-button {
color:#808080;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 15px;
padding-right: 15px;
border: 2px solid #c0c0c0;
border-radius: 100px;
}
.wp-block-activitypub-reactions .reaction-label.components-button:hover{
color:#808080;
}
.activitypub-reactions h6 {
font-family: "Roboto Slab", serif;
font-size:19.200001px;
font-weight:600;
text-transform: capitalize;
border-top: 0px;
border-top-color: none;
display: inline-block;
padding: 0px !important;
margin: 0px !important;
padding-top:15px !important;
}
.activitypub-reaction-list li a {
color:#000000 !important;
} .page-numbers {
appearance: none;
background-color: #FAFBFC;
border: 1px solid rgba(27, 31, 35, 0.15);
border-radius: 6px;
box-shadow: rgba(27, 31, 35, 0.04) 0 1px 0, rgba(255, 255, 255, 0.25) 0 1px 0 inset;
box-sizing: border-box;
color: #24292E;
cursor: pointer;
display: inline-block;
font-family: -apple-system, system-ui, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
font-size: 14px;
font-weight: 500;
line-height: 20px;
list-style: none;
padding: 6px 16px;
position: relative;
transition: background-color 0.2s cubic-bezier(0.3, 0, 0.5, 1);
user-select: none;
-webkit-user-select: none;
touch-action: manipulation;
vertical-align: middle;
white-space: nowrap;
word-wrap: break-word;
} .vsg-top-nav i {
color: #808080 !important;
margin-right: 7px !important;
} .news-caption {
margin-bottom: 15px;
}
.news-li {
font-size: 16px !important;
}
.news-date {
font-size: 14px !important;
color: #808080 !important;
} .wp-block-latest-posts__post-date {
font-size: 16px !important;
color: #808080 !important;
} .prefix {
font-family: Roboto Slab !important;
font-size: 19px;
}
.value {
font-size: 16px;
} .random-post-list {
font-family: Roboto Slab !important;
font-size: 24px;
font-style: normal;
font-weight: 500;
}  .authors-list-item-title a {
font-family: Roboto Slab !important;
}
.authors-list-item-subtitle {
font-size: 16px !important;
color: #808080 !important;
}  a:hover {
text-decoration: underline;
} .latest-author-comments {
font-size: 16px;
list-style-type: disc !important;
margin: 1.5rem;
padding-left: 1.5rem;
}
.latest-author-comments-none {
font-size: 16px;
} .latest-post-list {
list-style-type: disc !important;
margin: 1.5rem;
}
.latest-post-list a {
text-decoration: underline;
}
.text-underline a {
text-decoration: underline;
} .vsg-bar-red {
border: 6px solid #eb292c;
}
.vsg-bar-orange {
border: 6px solid #f08f2f;
}
.vsg-bar-yellow {
border: 6px solid #f9df29;
}
.vsg-bar-green {
border: 6px solid #59ba46;
}
.vsg-bar-blue {
border: 6px solid #02a8e8;
}
.vsg-bar-grey {
border: 6px solid #d0d0d0;
}
.vsg-bar-light-blue {
border: 6px solid #e7f6fc;
}
.vsg-bar-pink {
border: 6px solid #CC66CC;
}
.vsg-bar-black {
border: 6px solid #000000;
} .comment-reply-title {
font-size: 28px;
font-style: normal;
font-weight: 600;
}
.comment-reply-link {
appearance: none;
background-color: #FAFBFC;
border: 1px solid rgba(27, 31, 35, 0.15);
border-radius: 6px;
box-shadow: rgba(27, 31, 35, 0.04) 0 1px 0, rgba(255, 255, 255, 0.25) 0 1px 0 inset;
box-sizing: border-box;
color: #24292E;
cursor: pointer;
display: inline-block;
font-size: 14px;
font-weight: 500;
line-height: 20px;
list-style: none;
padding: 6px 16px;
position: relative;
transition: background-color 0.2s cubic-bezier(0.3, 0, 0.5, 1);
user-select: none;
-webkit-user-select: none;
touch-action: manipulation;
vertical-align: middle;
white-space: nowrap;
word-wrap: break-word;
}
.components-button.is-link {
text-decoration:none;
color:#000;
font-size: 16px;
padding-top: 7px;
padding-bottom: 7px;
padding-left: 11px;
padding-right: 11px;
border: 1px solid #C0C0C0;
} .is-metadata {
color: #808080;
} .wpp-meta {
color: #C0C0C0 !important;
font-size: 16px !important;
}
.wpp-author a {
color: #C0C0C0;
font-size: 16px;
}
.wpp-views {
color: #C0C0C0;
font-size: 16px;
}
.wpp-comments {
color: #C0C0C0;
font-size: 16px;
} .custom-post-count {
color: #808080;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-size: 16px;
font-weight: 400;
}
.custom-post-count a {
color: #808080;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-size: 16px;
font-weight: 400;
}
.custom-post-count p {
margin-top: 10px;
} .custom-comment-count {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-size: 16px;
font-weight: 400;
}
.custom-comment-count p {
margin-top: 10px;
} .wp-block-latest-comments__comment-meta {
line-height: 25px;
}
.wp-block-latest-comments__comment-date {
color: #808080;
font-size: 16px;
}
.wp-block-latest-comments__comment-excerpt p {
background-color: #F6F6F6;
padding: 25px;
margin-top: 20px;
margin-bottom: 30px;
} .wp-block-post-excerpt__more-link {
appearance: none;
background-color: #FAFBFC;
border: 1px solid rgba(27, 31, 35, 0.15);
border-radius: 6px;
box-shadow: rgba(27, 31, 35, 0.04) 0 1px 0, rgba(255, 255, 255, 0.25) 0 1px 0 inset;
box-sizing: border-box;
color: #24292E;
cursor: pointer;
display: inline-block;
font-size: 14px;
font-weight: 500;
line-height: 20px;
list-style: none;
padding: 6px 16px;
position: relative;
transition: background-color 0.2s cubic-bezier(0.3, 0, 0.5, 1);
user-select: none;
-webkit-user-select: none;
touch-action: manipulation;
vertical-align: middle;
white-space: nowrap;
word-wrap: break-word;
} .social-link-list-item {
display: inline-block;
}
.social-link-list-item i:hover {
color:#000000 !important;
} @media only screen and (min-width: 768px) {
.do-show-mobile-only {
display: none;
}
} @media only screen and (max-width: 768px) {
.do-not-show-mobile {
display: none;
}
} @media only screen and (max-width: 600px) {
.wp-block-group.header-flex {
flex-wrap: wrap;
justify-content: center;
}
.header-flex .wp-block-buttons {
margin-top: 2rem;
}
h1 {
font-size: 2rem !important;
} } @media only screen and (max-width: 1100px) {
.news-ul {
margin-left:1.1em;
padding-left:1.1em;
}
} .wpcf7-text,
.wpcf7-textarea,
.wpcf7-date,
.wpcf7-number,
.wpcf7-captchar {
background-color: #eee !important;
border: none !important;
width: 100% !important;
font-size: 16px !important;
padding: 16px !important;
box-sizing: border-box;
border-radius:6px !important;
}
.wpcf7-submit {
color: #fff !important;
cursor: pointer;
font-size: 18px;
padding: 14px 26px;
background-color: #02a8e8;
border: 0px solid #fff;
border-radius: 6px !important;
font-weight:400 !important;
}
.wpcf7-submit:hover{
background-color: #c0c0c0;
color: #000 !important;
}
.wpcf7-textarea {
width: 85% !important;
} .user-avatar-header-online img {
border-radius: 100%;
margin-top: 7px;
}
.user-avatar-header-offline img {
border-radius: 100%;
margin-top: 7px;
} .wp-block-embed {
margin-top: 30px;
} .img-top-without-margin img {
margin-top: 0px !important;
} .wp-block-table {
margin-top: 30px !important;
} .rt-reading-time {
color: #808080;
font-size: 16px;
} .wp-block-post-comments-form input[type="submit"] {
color: #fff !important;
cursor: pointer;
font-size: 18px;
padding: 14px 26px;
background-color: #02a8e8;
border: 0px solid #fff;
border-radius: 6px !important;
font-weight:400 !important;
}
.wp-block-post-comments-form input[type="submit"]:hover {
background-color: #c0c0c0;
color: #000 !important;
} .quicktags-toolbar {
border-bottom: 0px !important;
border-radius: 0px !important;
padding: 5px !important;
margin-bottom: 3px !important;
border-radius: 3px !important;
} blockquote {
font-style: italic;
color: #808080;
margin-left:0px;
background: url(https://www.videospielgeschichten.de/assets/blockquote_bar.png) no-repeat !important;
padding: 0px 25px 0px 25px;
}
.post-comments a {
color: #ffffff;
}
.activitypub-follow-me-block-wrapper .activitypub-profile {
padding-top:0px !important;
}
.wp-element-button,
.wp-block-button__link {
appearance: none;
background-color: #FAFBFC;
border: 1px solid rgba(27, 31, 35, 0.15);
border-radius: 6px;
box-shadow: rgba(27, 31, 35, 0.04) 0 1px 0, rgba(255, 255, 255, 0.25) 0 1px 0 inset;
box-sizing: border-box;
color: #24292E;
cursor: pointer;
display: inline-block;
font-family: -apple-system, system-ui, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
font-size: 14px;
font-weight: 500;
line-height: 20px;
list-style: none;
padding: 6px 16px;
position: relative;
transition: background-color 0.2s cubic-bezier(0.3, 0, 0.5, 1);
user-select: none;
-webkit-user-select: none;
touch-action: manipulation;
vertical-align: middle;
white-space: nowrap;
word-wrap: break-word;
} .wpulike-notification {
right: inherit !important;
left: 50%;
transform: translateX(-50%);
}
.wp-block-gallery {
margin-top: 20px !important;
}  .button-4 {
appearance: none;
background-color: #FAFBFC;
border: 1px solid rgba(27, 31, 35, 0.15);
border-radius: 6px;
box-shadow: rgba(27, 31, 35, 0.04) 0 1px 0, rgba(255, 255, 255, 0.25) 0 1px 0 inset;
box-sizing: border-box;
color: #24292E;
cursor: pointer;
display: inline-block;
font-size: 14px;
font-weight: 500;
line-height: 20px;
list-style: none;
padding: 6px 16px;
position: relative;
transition: background-color 0.2s cubic-bezier(0.3, 0, 0.5, 1);
user-select: none;
-webkit-user-select: none;
touch-action: manipulation;
vertical-align: middle;
white-space: nowrap;
word-wrap: break-word;
}
.button-4:hover {
background-color: #F3F4F6;
text-decoration: none;
transition-duration: 0.1s;
}
.button-4:disabled {
background-color: #FAFBFC;
border-color: rgba(27, 31, 35, 0.15);
color: #959DA5;
cursor: default;
}
.button-4:active {
background-color: #EDEFF2;
box-shadow: rgba(225, 228, 232, 0.2) 0 1px 0 inset;
transition: none 0s;
}
.button-4:focus {
outline: 1px transparent;
}
.button-4:before {
display: none;
}
.button-4:-webkit-details-marker {
display: none;
}
.wp-block-activitypub-reactions .reaction-group .reaction-label {
appearance: none;
background-color: #FAFBFC;
border: 1px solid rgba(27, 31, 35, 0.15);
border-radius: 6px;
box-shadow: rgba(27, 31, 35, 0.04) 0 1px 0, rgba(255, 255, 255, 0.25) 0 1px 0 inset;
box-sizing: border-box;
color: #24292E;
cursor: pointer;
display: inline-block;
font-size: 14px;
font-weight: 500;
line-height: 20px;
list-style: none;
padding: 6px 16px;
position: relative;
transition: background-color 0.2s cubic-bezier(0.3, 0, 0.5, 1);
user-select: none;
-webkit-user-select: none;
touch-action: manipulation;
vertical-align: middle;
white-space: nowrap;
word-wrap: break-word;
}
.wp-block-button a {
color:#000000;
}
.random-posts a {
color: #000000 !important;
}
.button-blue {
appearance: none;
background-color: #02a8e8; border: 1px solid rgba(27, 31, 35, 0.15);
border-radius: 6px;
box-shadow: rgba(27, 31, 35, 0.04) 0 1px 0, rgba(255, 255, 255, 0.25) 0 1px 0 inset;
box-sizing: border-box;
color: #ffffff; cursor: pointer;
display: inline-block;
font-size: 14px;
font-weight: 500;
line-height: 20px;
list-style: none;
padding: 6px 16px;
position: relative;
transition: background-color 0.2s cubic-bezier(0.3, 0, 0.5, 1);
user-select: none;
-webkit-user-select: none;
touch-action: manipulation;
vertical-align: middle;
white-space: nowrap;
word-wrap: break-word;
}
.button-blue:hover {
background-color: #0296cf; text-decoration: none;
transition-duration: 0.1s;
}
.button-blue:disabled {
background-color: #9bdff6; border-color: rgba(27, 31, 35, 0.15);
color: #e0e0e0;
cursor: default;
}
.button-blue:active {
background-color: #027faf; box-shadow: rgba(2, 136, 168, 0.2) 0 1px 0 inset;
transition: none 0s;
}
.button-blue:focus {
outline: 1px transparent;
}
.button-blue:before {
display: none;
}
.button-blue:-webkit-details-marker {
display: none;
} @media (max-width: 768px) {
#emoji-picker {
display: none !important;
}
}
#emoji-picker {
border-top: 1px solid #ddd;
padding-top: 8px;
}
#emoji-picker .emoji:hover {
transform: scale(1.2);
transition: 0.1s;
}
.vsg-color-square {
display: inline-block;
width: 0.8rem;
height: 0.8rem;
border-radius: 3px; margin-right: 3px;
margin-bottom:3px;
vertical-align: middle;
}
.menu-cat-count {
color: #999;
font-size: 0.85em;
margin-left: 4px;
}
.menu-cat-count::before {
content: " ";
} .menu-cat-count {
color: #999;
font-size: 0.85em;
margin-left: 4px;
} .wp-block-navigation__responsive-container-open::after {
content: " Menü";
font-size: 1rem;
margin-left: 8px;
vertical-align: middle;
} .wp-block-navigation__responsive-container-open::after {
font-weight: 500;
} .asgarosforum-latest-posts {
list-style: none;
margin: 0;
padding: 0;
} .asgarosforum-latest-posts .forum-post-list-item {
display: flex;
align-items: flex-start; gap: 12px;
margin-bottom: 12px;
padding-bottom: 8px;
border-bottom: 1px solid var(--wp--preset--color--vsg-gray-light, #eee);
} .asgarosforum-latest-posts .forum-post-avatar {
flex: 0 0 auto;
display: flex;
align-items: flex-start; }
.asgarosforum-latest-posts .forum-post-avatar img.forum-avatar-img {
width: 42px;
height: 42px;
border-radius: 50%;
display: block;
} .asgarosforum-latest-posts .forum-post-content {
display: flex;
flex-direction: column;
gap: 0; padding: 0;
margin: 0;
} .asgarosforum-latest-posts .forum-post-line {
font-weight: 600;
color: var(--wp--preset--color--vsg-dark, #222);
line-height: 25px;
margin: 0;
padding: 0;
white-space: normal;
overflow: hidden;
text-overflow: ellipsis;
} .asgarosforum-latest-posts .forum-post-line a,
.asgarosforum-latest-posts .forum-post-date a {
color: #02a8e8 !important;
text-decoration: none;
font-weight: normal; }
.asgarosforum-latest-posts .forum-post-line a:hover {
text-decoration: underline;
} .asgarosforum-latest-posts .forum-post-zu {
font-weight: 400;
} .asgarosforum-latest-posts .forum-post-date {
margin: 0;
padding: 0;
font-size: 16px; color: rgb(128,128,128);
line-height: 25px;
} .kommentar-akkordeon .asgarosforum-latest-posts .forum-post-list-item {
padding-left: 15px; } .kommentar-akkordeon .asgarosforum-latest-posts .forum-post-avatar {
margin-left: 0; } .kommentar-akkordeon .asgarosforum-latest-posts {
padding-top: 25px; } .asgarosforum-latest-posts .forum-post-list-item:last-child {
border-bottom: none;
}