html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, 
a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, 
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, 
article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary, time, mark, audio, video {
margin:0;
padding:0;
border:0;
font-family:inherit;
font-size:100%;
font-style:inherit;
font-weight:inherit;
vertical-align:baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section {
display:block;
}
body {
line-height:1;
}
ol, ul {
list-style:none;
}
blockquote, q {
quotes:none;
}
blockquote:before, blockquote:after, q:before, q:after {
content:'';
content:none;
}
table {
border-collapse:collapse;
border-spacing:0;
} html {-webkit-text-size-adjust:100%;} body {background:#333; color:#000; font-family:Verdana, Arial, sans-serif; font-size:16px; line-height:1.5; text-align:left; word-wrap:break-word;} #container {max-width:1160px; margin:20px auto; padding:20px; background:#fff; border:1px solid #eee;} #header:after, #main-content:after, .post-content:after, .page-content:after, .post-nav:after, .comment-nav:after, #footer-widgets:after {content:''; display:block; height:0; clear:both;} h1 {clear:both; margin:0 0 10px; font-size:2.2em; line-height:1.25;}
h2 {clear:both; margin:0 0 10px; font-size:1.75em; line-height:1.25;}
h3 {clear:both; margin:0 0 10px; font-size:1.45em; line-height:1.5;}
h4 {clear:both; margin:0 0 10px; font-size:1.2em; line-height:1.5;}
h5 {clear:both; margin:0 0 10px; font-size:1em; line-height:2;}
h6 {clear:both; margin:0 0 10px; font-size:0.8em; line-height:2;} a {text-decoration:none; color:#000;}
a:hover {text-decoration:underline;}
strong, b {font-weight:bold;}
small {font-size:0.8em;}
big {font-size:1.2em;}
sub {vertical-align:sub; font-size:0.9em;}
sup {vertical-align:super; font-size:0.9em;}
ins, mark {font-weight:bold; background:none; text-decoration:none; color:#000;}
cite, em, abbr, acronym {font-style:italic;}
code, kbd, samp, var {font-family:monospace, monospace;}
pre {font-family:monospace, monospace; white-space:pre-wrap;}
blockquote, q {margin:0 0 10px; padding:0 0 0 20px; display:block; font-size:1.2em; font-style:italic; border-left:2px solid #000;}
address {margin:0 0 10px; font-style:italic;}
p {margin:0 0 10px;}
hr {height:1px; background:#ccc; border:0; margin:15px 0;} .alignright {float:right; display:inline; margin-left:1em;}
.alignleft {float:left; display:inline; margin-right:1em;}
.aligncenter {clear:both; display:block; margin-left:auto; margin-right:auto;} table {margin:0 0 10px; border-collapse:collapse;}
table, th, td {border:1px solid #ccc; padding:5px 10px;}
table th {font-weight:bold;}
ul {list-style:square; margin:0 0 10px;}
ol {list-style:decimal; margin:0 0 10px;}
li {margin:0 0 0 20px;}
li > ul, li > ol {margin:0;}
dl {margin:0 0 10px;}
dt {font-weight:bold;}
dd {margin:0 0 0 20px;} input, select, textarea {-webkit-appearance:none; -moz-appearance:none; border:1px solid #ccc; border-radius:0; padding:5px; background:none; color:#000; font-size:inherit; font-weight:normal; font-family:inherit;}
input[type="submit"], input[type="reset"], input[type="button"], button {cursor:pointer; border:0; padding:5px; background:#000; color:#fff;}
input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, button:hover {background:#666;}
input[type="checkbox"] {-webkit-appearance:checkbox; -moz-appearance:checkbox;}
input[type="radio"] {-webkit-appearance:radio; -moz-appearance:radio;}
select {-webkit-appearance:menulist; -moz-appearance:menulist; max-width:100%; background:#fff; color:#333;}
button {font-size:inherit; font-weight:normal; font-family:inherit;} .screen-reader-text {position:absolute; overflow:hidden; height:1px; width:1px; margin:-1px; padding:0; clip:rect(1px, 1px, 1px, 1px); clip-path:inset(50%); word-wrap:normal;} .skip-link {top:0; left:0;}
.skip-link:focus {display:block; height:auto; width:auto; top:5px; left:5px; padding:10px; clip:auto; clip-path:none; background:#f8f8f8; color:#21759b; text-decoration:none; z-index:100000;}  .logo {padding:0 0 20px;}
.site-title-tagline {clear:both;}
.site-title {margin:0;}
.site-title a:hover {text-decoration:none; color:#666;}
.site-tagline {font-size:1.45em;} .nav-head {clear:both; padding:0 20px; background:#000;}
.nav-head ul {margin:0; padding:0; z-index:999; list-style:none;}
.nav-head ul li {display:inline-block; position:relative; margin:0 20px 0 0; padding:0;}
.nav-head ul li a {display:block; padding:15px 0; background:none; color:#fff; text-decoration:none;}
.nav-head ul li a:hover {text-decoration:underline;}
.nav-head .current-menu-item > a, .nav-head .current-menu-parent > a {color:#fff; text-decoration:underline;} .nav-head ul ul {height:0; width:12em; position:absolute; top:100%; background:#333; overflow:hidden; visibility:hidden;}
.nav-head ul ul ul {top:0; left:100%;}
.nav-head ul ul li {display:block; margin:0;}
.nav-head ul ul a {padding:5px 10px;}
.nav-head ul li:hover > ul {height:auto; overflow:visible; visibility:visible;}
.nav-head ul li:focus-within > ul {height:auto; overflow:visible; visibility:visible;} .mobile-nav-container {display:none;}
.mobile-nav-toggle {display:none;}
.mobile-nav {display:none;} .header-img {width:100%; height:auto; display:block;} #main-content {clear:both;} #content {width:68%; float:left; padding:20px 0;}
#content-full {padding:20px 0;} .page-title {margin:0 0 20px;}
.page-content {padding:0 0 10px;}
.blog-page-text {padding:0 0 20px;}
.archive-description {padding:0 0 10px; font-style:italic;}
.pagelink {clear:both; padding:10px 0;} .post-list {margin:0 0 20px; border-bottom:1px solid #ccc;}
.post-single {padding:0 0 10px;}
.post-title {margin:0 0 20px;}
.post-title a {color:#000;}
.post-title a:hover {text-decoration:none; color:#666;}
.post-content {padding:0 0 20px;}
.sticky-title {margin:0 0 10px; font-weight:bold; font-style:italic;}
.post-meta {clear:both; margin:0 0 20px; padding:5px 10px; background:#000; color:#fff;}
.post-meta a {color:#fff;} .more {clear:both; padding:0 0 20px; text-align:right;}
a.read-more {display:inline-block; padding:5px; background:#000; color:#fff; text-decoration:none;}
a.read-more:hover {background:#666; text-decoration:none;} .format-aside .post-meta, .format-image .post-meta, .format-video .post-meta, .format-gallery .post-meta, .format-audio .post-meta {font-style:italic;} .post-nav {clear:both;}
.nav-prev {float:left; padding:5px 0;}
.nav-next {float:right; padding:5px 0;} .edit-link {clear:both; padding:20px 0; font-weight:bold; font-style:italic;} embed, iframe, object, video {max-width:100%;}
img {max-width:100%; height:auto;}
img.alignright {float:right; margin:0.4em 0 0.4em 1em;}
img.alignleft {float:left; margin:0.4em 1em 0.4em 0;}
img.aligncenter {clear:both; display:block; margin:0.4em auto 0.4em auto;}
.list-image, .single-image {float:left; margin:0.4em 1em 0.4em 0;}
.wp-caption {max-width:100%;}
.wp-caption-text {text-align:center;}
.gallery-item {margin:0 0 10px !important;}
.gallery img {border:0 !important;}
.gallery-caption {margin:0 !important;} .search-form {padding:10px 0;} #comments {padding:0 0 10px;}
.comment-list, .comment-list .children {list-style:none; margin:0; padding:0;}
.comment-list li {margin:0; padding:0;}
.comment-list > li {margin:0 0 20px; padding:15px; background:#f8f8f8; border:1px solid #ccc;}
.comment-list .children > li {margin:15px 0 0 15px; padding:15px 0 0; border-top: 1px solid #ccc;}
.comment-content {padding:10px 0;}
.comment-metadata .edit-link {clear:none; padding:0 0 0 10px; display:inline-block;}
.comments-title, .no-comments {margin:0 0 10px; font-size:1.45em;}
.comment-author .avatar {margin:0 10px 0 0; border-radius:5px;}
.comment-metadata {padding:5px 0 0;}
.bypostauthor > .comment-body .comment-content {font-style:italic;}
.comment-awaiting-moderation {font-style:italic;} #respond {padding:10px 0;}
.comment-reply-title {margin:0 0 10px; font-size:1.45em;}
#cancel-comment-reply-link {padding:0 0 0 10px;}
.comment-notes {padding:5px 0; font-size:0.8em;}
.comment-form label {display:block;}
.comment-form textarea {width:90%;}
.comment-form-cookies-consent label {display:inline-block;} .comment-nav {clear:both;}
.comment-prev {float:left; padding:10px 0;}
.comment-next {float:right; padding:10px 0;} #sidebar {width:30%; float:right; padding:20px 0;} .widget {margin:0 0 20px; padding:0 0 10px; border-bottom:1px solid #ccc;}
.widget-title {margin:0 0 10px; padding:5px 10px; background:#000; color:#fff;} #footer {clear:both;}
.site-info {clear:both; padding:10px; background:#000; color:#fff; text-align:center;}
.site-info a {color:#fff;} #footer-widgets {padding:0 0 20px;}
.footer-left {width:32%; min-height:20px; float:left;}
.footer-middle {width:32%; min-height:20px; float:left; margin:0 2%;}
.footer-right {width:32%; min-height:20px; float:left;} @media screen and (min-width:768px) and (max-width:1240px) { #container {width:92%;}
} @media screen and (max-width:767px) { body.custom-background {background-image:none !important;} #container {margin:0 auto; padding:0; border:0;} #header {padding:20px 0 0;} .logo {padding:0 20px 20px; text-align:center;} .nav-head {display:none;} .mobile-nav-container {display:block; clear:both; padding:0 20px 30px;}
.mobile-nav-toggle {display:block; margin:0 auto; padding:10px 15px;}
.mobile-nav {padding:10px 20px; background:#f8f8f8; border-bottom:1px solid #ccc;}
.mobile-nav .subnav-toggle {position:absolute; float:right; display:block; top:0; right:0; padding:5px 10px;}
.mobile-nav ul {list-style:none; margin:0; padding:0;}
.mobile-nav ul li {position:relative; margin:0; padding:0;}
.mobile-nav ul li a {display:block; margin:0 0 10px; padding:0 0 10px; border-bottom:2px dotted #ccc; color:#000; line-height:2; text-decoration:none;}
.mobile-nav .sub-menu li {margin:0 0 0 20px;} .header-img {min-height:150px; object-fit:cover; padding:0 0 40px;} #main-content {padding:0 20px;} #content, #content-full {width:100%; padding:0 0 30px;} .list-image, .single-image {max-width:50%;} #sidebar {width:100%; clear:both; float:left; padding:0 0 20px;} #footer-widgets {padding:0 20px 20px;}
.footer-left, .footer-middle, .footer-right {width:100%; min-height:0; clear:both; margin:0;} 
}#content a {
color: #004494;
text-decoration: underline;
} #content a:visited {
color: #551A8B;
} #content a:hover {
color: #0563C1;
} #content a:active {
color: #EE0000;
}
@media(max-width:640px)
{
.wp-block-image .alignleft {
float: none;
margin: .5em 1em 1em 0;
}
}
@media(max-width:640px)
{
.wp-block-image .alignright {
float: none;
margin: .5em 1em 1em 0;
}
}
.logo {background-color: #003399;
}
.nav-head {
background-color: #003399;
}
.nav-head {
background-color: #003399;
}
.nav-head ul li a {
background-color: #003399;
}
ul.sub-menu {
opacity: 0.9;
}
.post-meta {
color: #000000;
background-color: #ffffff;
}
.post-meta a {
color: #000000;
} a.read-more {
display: inline-block !important;
background-color: #003399 !important; border-radius: 24px !important;
padding: 14px 32px !important; text-align: center !important;
text-decoration: none !important;
color: #ffffff !important; font-weight: 600 !important;
font-size: 1.05rem !important; line-height: 1.3 !important;
} a.read-more:hover,
a.read-more:focus {
background-color: #0055cc !important; text-decoration: none !important;
color: #ffffff !important;
} a.read-more:visited {
color: #ffffff !important;
background-color: #003399 !important;
}
a.read-more:active {
background-color: #002266 !important;
color: #ffffff !important;
} @media (max-width: 768px) {
a.read-more {
display: block !important;
width: 100% !important;
box-sizing: border-box !important;
padding: 14px 20px !important; margin-top: 0.75rem !important;
}
}
.wp-element-button {
background-color: #003399;
}
.wp-block-search__input {
background-color: #AEEEEE;
} @media (max-width: 768px) {
.widget.widget_block.widget_search {
display: none !important;
max-height: 0 !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
}
}
#sidebar {
background-color: #d7d7d7;
margin-top: 10px;
padding: 10px;
}
#footer {
background-color: #000000;
color: #ffffff;
padding: 20px 20px 20px 20px;
}
#footer a {
color: #ffffff;
} .post-thumbnail img {
width: 300px;
height: auto;
margin-bottom: 20px;
} .post-nav {
text-align: center;
margin-top: 30px;
}
.post-nav .page-numbers {
display: inline-block;
margin: 0 5px;
padding: 8px 12px;
border: 1px solid #ccc;
text-decoration: none;
color: #333;
}
.post-nav .current {
background-color: #003399;
color: #fff;
border-color: #003399;
}
a {
color: #003399;
} .breadcrumb-link {
color: #DC143C;
} #scrollToTop {
display: none;
position: fixed;
bottom: 60px;
right: 40px;
z-index: 999;
background-color: #CD5C5C;
color: #fff;
padding: 10px 15px;
border-radius: 5px;
text-align: center;
text-decoration: none;
font-size: 18px;
opacity: 0.7;
transition: opacity 0.3s ease;
}
#scrollToTop:hover {
opacity: 1;
} .related-posts-wrapper {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 20px;
}
.related-post-item {
display: flex;
align-items: flex-start;
background: #f9f9f9;
border-radius: 8px;
overflow: hidden;
transition: transform 0.2s ease;
padding: 10px;
}
.related-post-item:hover {
transform: scale(1.02);
}
.related-post-thumbnail {
flex-shrink: 0;
width: 150px;
height: 150px;
overflow: hidden;
border-radius: 6px;
margin-right: 15px;
}
.related-post-thumbnail img {
width: 100%;
height: 100%;
object-fit: cover;
}
.related-post-content {
flex: 1;
}
.related-post-content a {
text-decoration: none;
color: #222;
font-weight: bold;
display: block;
margin-bottom: 8px;
}
.related-post-content p {
margin: 0;
font-size: 0.9em;
color: #666;
} .widget-latest-post {
display: flex;
flex-direction: column;
gap: 0.5em;
margin-bottom: 1em;
}
.widget-latest-post-thumb {
display: flex;
justify-content: center; width: 100%;
}
.widget-latest-post-thumb img {
width: 300px; height: auto; display: block;
}
.widget-latest-post-title {
font-size: 1em;
font-weight: bold;
margin: 0.5em 0 0;
text-align: left; }
.widget-latest-post-excerpt {
font-size: 0.9em;
color: #555;
margin: 0.5em 0 0;
text-align: left; } .widget-latest-post-link {
text-decoration: underline;
color: inherit;
display: inline-block;
}
.widget-latest-post-link:hover {
text-decoration: underline; color: inherit;
} .weekly-random-boxes {
display: flex;
gap: 20px;
flex-wrap: wrap;
margin: 20px 0;
justify-content: center;
}
.random-box {
width: 300px;
border: 1px solid #ccc;
padding: 15px;
box-sizing: border-box;
border-radius: 8px;
background-color: #fff;
transition: transform 0.3s, box-shadow 0.3s;
}
.random-box:hover {
transform: translateY(-5px);
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}
.random-box a {
text-decoration: none;
color: inherit;
display: block;
}
.random-box-image img {
width: 300px;
height: auto;
display: block;
border-radius: 6px;
margin: 0 auto;
}
.random-box-title {
font-size: 1.1rem;
margin-top: 10px;
text-align: center;
font-weight: bold;
} @media (max-width: 640px) {
.weekly-random-boxes {
flex-direction: column;
align-items: center;
}
.random-box {
width: 90%;
}
.random-box-image img {
width: 100%;
}
} .kategorien-auswahl {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin: 30px 0;
justify-content: center;
}
.kategorie-button {
display: inline-block;
padding: 10px 20px;
background-color: #f4f4f4;
color: #000000;
text-decoration: none;
border-radius: 25px;
border: 1px solid #444;
font-size: 1rem;
font-weight: 500;
transition: all 0.3s ease;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
}
.kategorie-button:hover,
.kategorie-button:focus {
background-color: #003399;
border-color: #d60000;
color: #ffffff;
box-shadow: 0 4px 10px rgba(214, 0, 0, 0.4);
} .kategorie-button.active {
background-color: #d60000;
border-color: #d60000;
color: #fff;
} @media (max-width: 600px) {
.kategorie-button {
font-size: 0.95rem;
padding: 8px 16px;
}
}
.cta-container {
display: flex;
justify-content: space-between;
margin-top: 50px;
}
.cta-box {
background-color: #f9f9f9;
padding: 20px;
border-radius: 8px;
width: 30%;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
text-align: center;
}
.cta-img {
width: 100%;
height: auto;
border-radius: 8px;
}
.cta-text h3 {
font-size: 1.5em;
color: #333;
margin: 15px 0;
}
.cta-text p {
font-size: 1em;
color: #666;
margin-bottom: 20px;
}
.cta-button:hover {
background-color: #0056b3;
} .sidebar-box.adult-audio {
background-color: #1b1b1b;
color: #f0f0f0;
padding: 1.5rem;
border-radius: 12px;
margin-bottom: 2rem;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.6);
font-family: "Roboto", sans-serif;
}
.sidebar-box.adult-audio h3 {
font-size: 1.4rem;
margin-top: 0;
margin-bottom: 1rem;
}
.sidebar-box.adult-audio p {
font-size: 1rem;
line-height: 1.5;
margin-bottom: 1rem;
}
.sidebar-box.adult-audio img {
border-radius: 8px;
margin-bottom: 1rem;
}
.sidebar-box.adult-audio .cta-button {
display: inline-block;
background-color: #c62828;
color: #fff;
padding: 0.6rem 1.2rem;
border-radius: 6px;
text-decoration: none;
transition: background-color 0.3s ease;
}
.sidebar-box.adult-audio .cta-button:hover {
background-color: #9b1b1b;
} .sidebar-box.monster-audio {
background-color: #1b1b1b;
color: #f0f0f0;
padding: 1.5rem;
border-radius: 12px;
margin-bottom: 2rem;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.6);
font-family: "Roboto", sans-serif;
}
.sidebar-box.monster-audio h3 {
font-size: 1.4rem;
margin-top: 0;
margin-bottom: 1rem;
}
.sidebar-box.monster-audio p {
font-size: 1rem;
line-height: 1.5;
margin-bottom: 1rem;
}
.sidebar-box.monster-audio img {
border-radius: 8px;
margin-bottom: 1rem;
}
.sidebar-box.monster-audio .cta-button {
display: inline-block;
background-color: #c62828;
color: #fff;
padding: 0.6rem 1.2rem;
border-radius: 6px;
text-decoration: none;
transition: background-color 0.3s ease;
}
.sidebar-box.monster-audio .cta-button:hover {
background-color: #9b1b1b;
} .sidebar-box.vampir-audio {
background-color: #1b1b1b;
color: #f0f0f0;
padding: 1.5rem;
border-radius: 12px;
margin-bottom: 2rem;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.6);
font-family: "Roboto", sans-serif;
}
.sidebar-box.vampir-audio h3 {
font-size: 1.4rem;
margin-top: 0;
margin-bottom: 1rem;
}
.sidebar-box.vampir-audio p {
font-size: 1rem;
line-height: 1.5;
margin-bottom: 1rem;
}
.sidebar-box.vampir-audio img {
border-radius: 8px;
margin-bottom: 1rem;
}
.sidebar-box.vampir-audio .cta-button {
display: inline-block;
background-color: #c62828;
color: #fff;
padding: 0.6rem 1.2rem;
border-radius: 6px;
text-decoration: none;
transition: background-color 0.3s ease;
}
.sidebar-box.vampir-audio .cta-button:hover {
background-color: #9b1b1b;
} .sidebar-box.zombie-audio {
background-color: #1b1b1b;
color: #f0f0f0;
padding: 1.5rem;
border-radius: 12px;
margin-bottom: 2rem;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.6);
font-family: "Roboto", sans-serif;
}
.sidebar-box.zombie-audio h3 {
font-size: 1.4rem;
margin-top: 0;
margin-bottom: 1rem;
}
.sidebar-box.zombie-audio p {
font-size: 1rem;
line-height: 1.5;
margin-bottom: 1rem;
}
.sidebar-box.zombie-audio img {
border-radius: 8px;
margin-bottom: 1rem;
}
.sidebar-box.zombie-audio .cta-button {
display: inline-block;
background-color: #c62828;
color: #fff;
padding: 0.6rem 1.2rem;
border-radius: 6px;
text-decoration: none;
transition: background-color 0.3s ease;
}
.sidebar-box.zombie-audio .cta-button:hover {
background-color: #9b1b1b;
}  .hoerspiele-erwachsene-box-flex { --box-accent: #c62828; } .monster-hoerspiele-box-flex    { --box-accent: #c62828; } .whatsapp-box-flex              { --box-accent: #25D366; } .bluesky-box-flex               { --box-accent: #1185fe; } .pwa-box-flex                   { --box-accent: #10b981; } .hoerspiele-erwachsene-box-flex,
.monster-hoerspiele-box-flex,
.whatsapp-box-flex,
.bluesky-box-flex,
.pwa-box-flex {
position: relative;
display: flex;
align-items: flex-start;
gap: 1.25rem;
padding: 1.25rem 1.25rem 1.25rem 1.75rem; border-radius: 16px;
margin: 1.75rem 0;
flex-wrap: wrap;
font-family: inherit; background:
linear-gradient(
180deg,
#ffffff 0%,
color-mix(in srgb, var(--box-accent) 8%, #f9fafb) 100%
),
repeating-linear-gradient(
135deg,
color-mix(in srgb, var(--box-accent) 12%, transparent) 0 10px,
transparent 10px 20px
);
color: #111827;
border: 1.5px solid color-mix(in srgb, var(--box-accent) 30%, #d1d5db);
box-shadow:
0 10px 24px rgba(15,23,42,0.10),
0 3px 10px rgba(15,23,42,0.08);
} .hoerspiele-erwachsene-box-flex::before,
.monster-hoerspiele-box-flex::before,
.whatsapp-box-flex::before,
.bluesky-box-flex::before,
.pwa-box-flex::before {
content: "";
position: absolute;
inset: 0 auto 0 0;
width: 6px;
border-top-left-radius: 16px;
border-bottom-left-radius: 16px;
background: linear-gradient(
180deg,
color-mix(in srgb, var(--box-accent) 90%, #000000) 0%,
var(--box-accent) 100%
);
} .hoerspiele-erwachsene-box-flex .bild-container img,
.monster-hoerspiele-box-flex .bild-container img,
.whatsapp-box-flex .bild-container img,
.bluesky-box-flex .bild-container img,
.pwa-box-flex .bild-container img {
display: block;
width: 300px;
max-width: 100%;
height: auto;
border-radius: 12px;
box-shadow: 0 2px 10px rgba(15, 23, 42, 0.20);
}
.hoerspiele-erwachsene-box-flex .text-container,
.monster-hoerspiele-box-flex .text-container,
.whatsapp-box-flex .text-container,
.bluesky-box-flex .text-container,
.pwa-box-flex .text-container {
flex: 1;
min-width: 240px;
} .hoerspiele-erwachsene-box-flex h3,
.monster-hoerspiele-box-flex h3,
.whatsapp-box-flex h3,
.bluesky-box-flex h3,
.pwa-box-flex h3 {
margin: 0 0 0.4rem 0;
font-size: 1.25rem;
line-height: 1.2;
font-weight: 700;
color: color-mix(in srgb, var(--box-accent) 55%, #111827);
}
.hoerspiele-erwachsene-box-flex p,
.monster-hoerspiele-box-flex p,
.whatsapp-box-flex p,
.bluesky-box-flex p,
.pwa-box-flex p {
margin: 0 0 0.7rem 0;
font-size: 1rem;
line-height: 1.55;
color: #374151;
} a.hoerspiele-erwachsene-link,
a.hoerspiele-erwachsene-link:link,
a.hoerspiele-erwachsene-link:visited,
a.monster-hoerspiele-link,
a.monster-hoerspiele-link:link,
a.monster-hoerspiele-link:visited,
a.whatsapp-link,
a.whatsapp-link:link,
a.whatsapp-link:visited,
a.bluesky-link,
a.bluesky-link:link,
a.bluesky-link:visited,
a.pwa-link,
a.pwa-link:link,
a.pwa-link:visited {
display: inline-flex !important;
align-items: center !important;
gap: .45rem !important;
padding: .5rem 1.05rem !important; border-radius: 999px !important;
font-size: .95rem !important;
font-weight: 600 !important;
line-height: 1.2 !important;
text-decoration: none !important;
border: 0 !important;
cursor: pointer !important;
box-sizing: border-box !important;
max-width: 100% !important;
white-space: normal !important;
transition:
transform .06s ease,
box-shadow .2s ease,
background-color .2s ease,
color .2s ease,
border-color .2s ease !important;
}
a.hoerspiele-erwachsene-link:hover,
a.hoerspiele-erwachsene-link:focus,
a.monster-hoerspiele-link:hover,
a.monster-hoerspiele-link:focus,
a.whatsapp-link:hover,
a.whatsapp-link:focus,
a.bluesky-link:hover,
a.bluesky-link:focus,
a.pwa-link:hover,
a.pwa-link:focus {
text-decoration: none !important;
}
a.hoerspiele-erwachsene-link:active,
a.monster-hoerspiele-link:active,
a.whatsapp-link:active,
a.bluesky-link:active,
a.pwa-link:active {
transform: translateY(1px) !important;
} a.hoerspiele-erwachsene-link,
a.hoerspiele-erwachsene-link:link,
a.hoerspiele-erwachsene-link:visited,
a.monster-hoerspiele-link,
a.monster-hoerspiele-link:link,
a.monster-hoerspiele-link:visited {
background: #c62828 !important;
color: #ffffff !important;
box-shadow: 0 4px 14px rgba(198,40,40,.35) !important;
}
a.hoerspiele-erwachsene-link:hover,
a.hoerspiele-erwachsene-link:focus,
a.monster-hoerspiele-link:hover,
a.monster-hoerspiele-link:focus {
background: #9b1b1b !important;
color: #ffffff !important;
}
a.hoerspiele-erwachsene-link:active,
a.monster-hoerspiele-link:active {
background: #7f1515 !important;
color: #ffffff !important;
} .whatsapp-box-flex { --wa-brand:  #25D366;
--wa-dark:   #075E54;
--wa-mid:    #128C7E;
--wa-bubble: #DCF8C6;
--wa-text:   #111B21;
} .whatsapp-bubble {
display: inline-block;
background: var(--wa-bubble);
border-radius: 14px;
padding: .5rem .75rem;
border: 1px solid rgba(0,0,0,.06);
color: var(--wa-text);
} a.whatsapp-link,
a.whatsapp-link:link,
a.whatsapp-link:visited {
background-color: var(--wa-brand) !important;
color: #064420 !important;
box-shadow: 0 4px 14px rgba(37,211,102,.4) !important;
}
a.whatsapp-link:hover,
a.whatsapp-link:focus {
background-color: var(--wa-mid) !important;
color: #ffffff !important;
} a.whatsapp-link::before {
content: "📲";
font-size: 1.1em;
line-height: 1;
} a.whatsapp-fab,
a.whatsapp-fab:link,
a.whatsapp-fab:visited {
width: 54px !important;
height: 54px !important;
border-radius: 50% !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
background: var(--wa-brand) !important;
color: #064420 !important;
text-decoration: none !important;
box-shadow: 0 6px 18px rgba(37,211,102,.45) !important;
transition: transform .06s ease, box-shadow .2s ease, background-color .2s ease !important;
}
a.whatsapp-fab:hover,
a.whatsapp-fab:focus {
background: var(--wa-mid) !important;
color: #ffffff !important;
}
a.whatsapp-fab:active {
transform: translateY(1px) !important;
} .whatsapp-accent {
height: 4px;
background: linear-gradient(90deg, #075E54, #128C7E, #25D366);
border-radius: 3px;
margin: .5rem 0 1rem;
} a.bluesky-link,
a.bluesky-link:link,
a.bluesky-link:visited {
background: #1185fe !important;
color: #ffffff !important;
box-shadow: 0 4px 14px rgba(17,133,254,.35) !important;
}
a.bluesky-link:hover,
a.bluesky-link:focus {
background: #0b63d2 !important;
color: #ffffff !important;
}
a.bluesky-link:active {
transform: translateY(1px) !important;
} .bluesky-accent {
height: 4px;
background: linear-gradient(90deg, #0b63d2, #1185fe);
border-radius: 3px;
margin: .5rem 0 1rem;
} .pwa-box-flex {
--pwa-primary:       #10b981;
--pwa-primary-dark:  #059669;
--pwa-text:          #0b1320;
} a.pwa-link,
a.pwa-link:link,
a.pwa-link:visited {
background: transparent !important;
color: var(--pwa-primary-dark) !important;
border: 2px solid var(--pwa-primary) !important;
box-shadow: 0 2px 8px rgba(16,185,129,.18) !important;
}
a.pwa-link:hover,
a.pwa-link:focus {
background: rgba(16,185,129,.08) !important;
color: #064e3b !important;
border-color: var(--pwa-primary-dark) !important;
}
a.pwa-link:active {
transform: translateY(1px) !important;
} .pwa-accent {
height: 6px;
background:
linear-gradient(90deg, #059669, #10b981),
radial-gradient(12px 6px at 12px 3px, rgba(255,255,255,.6), transparent);
border-radius: 8px;
margin: .35rem 0 1rem;
border: 1px solid rgba(16,185,129,.35);
} @media (max-width: 640px) {
.hoerspiele-erwachsene-box-flex,
.monster-hoerspiele-box-flex,
.whatsapp-box-flex,
.bluesky-box-flex,
.pwa-box-flex {
padding: 1rem 1rem 1rem 1.5rem;
gap: 1rem;
border-radius: 14px;
}
.hoerspiele-erwachsene-box-flex .bild-container img,
.monster-hoerspiele-box-flex .bild-container img,
.whatsapp-box-flex .bild-container img,
.bluesky-box-flex .bild-container img,
.pwa-box-flex .bild-container img {
width: 100%;
} a.hoerspiele-erwachsene-link,
a.monster-hoerspiele-link,
a.whatsapp-link,
a.bluesky-link,
a.pwa-link {
align-self: flex-start !important;
}
}  .post-card__cats {
display: flex;
flex-wrap: wrap;
gap: 6px;
margin-bottom: 4px;
}
.post-card__cat {
font-size: .78rem;
line-height: 1;
padding: 6px 10px;
border-radius: 999px;
background: rgba(255,204,0,.12);
color: var(--ade-blue, #0033A0);
border: 1px solid rgba(255,204,0,.45);
text-decoration: none;
transition: background-color .2s ease, color .2s ease, border-color .2s ease;
white-space: nowrap;
}
.post-card__cat:hover {
background: var(--ade-blue, #0033A0);
color: #fff;
border-color: var(--ade-blue, #0033A0);
} .post-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
gap: clamp(16px, 2vw, 24px);
align-items: stretch;
} .post-grid-toolbar {
display: flex;
flex-wrap: wrap;
gap: 12px 16px;
align-items: center;
justify-content: space-between;
margin: 0 0 20px 0;
}
.toolbar__label { font-size: 0.95rem; margin-right: 8px; }
.toolbar__select {
padding: 10px 12px;
border-radius: 8px;
border: 1px solid #ddd;
background: #fff;
font-size: 0.95rem;
}
.filter-chip {
appearance: none;
border: 1px solid #ddd;
background: #f7f7f7;
padding: 8px 12px;
border-radius: 999px;
cursor: pointer;
font-size: 0.9rem;
transition: transform .15s ease, background-color .2s ease, border-color .2s ease;
}
.filter-chip:hover { transform: translateY(-1px); }
.filter-chip.is-active { background: #0033A0; color: #fff; border-color: #0033A0; } .post-card {
display: grid;
grid-template-rows: auto 1fr;
background: #fff;
border: 1px solid rgba(0,0,0,.06);
border-radius: 14px;
overflow: clip;
box-shadow: 0 6px 18px rgba(0,0,0,.06);
transition: box-shadow .25s ease, transform .25s ease, border-color .25s ease;
opacity: 0; transform: translateY(12px) scale(.98);
will-change: transform, opacity;
}
.post-card.is-visible {
opacity: 1;
transform: none;
}
.post-card:hover {
box-shadow: 0 10px 28px rgba(0,51,160,.18);
transform: translateY(-2px);
outline-color: rgba(0,51,160,.22);
outline-width: 2px;
outline-style: solid;
} .post-card__figure {
position: relative;
aspect-ratio: 16 / 9;
overflow: hidden;
background: #eee;
}
.post-card__img {
width: 100%;
height: 100%;
object-fit: cover;
transform: scale(1);
transition: transform .35s ease;
display: block;
}
.post-card:hover .post-card__img { transform: scale(1.05); }
.post-card__placeholder {
width: 100%;
height: 100%;
background: repeating-linear-gradient(45deg, #eee, #eee 12px, #f6f6f6 12px, #f6f6f6 24px);
} .post-card__body {
display: grid;
grid-template-rows: auto auto 1fr auto auto;
gap: 10px;
padding: 14px 14px 16px;
} .post-card__cats {
display: flex;
flex-wrap: wrap;
gap: 6px;
margin-bottom: 4px;
}
.post-card__cat {
font-size: .78rem;
line-height: 1;
padding: 6px 10px;
border-radius: 999px;
background: rgba(255,204,0,.12);
color: #0033A0;
border: 1px solid rgba(255,204,0,.45);
text-decoration: none;
transition: background-color .2s ease, color .2s ease, border-color .2s ease;
white-space: nowrap;
}
.post-card__cat:hover {
background: #0033A0;
color: #fff;
border-color: #0033A0;
} .post-card__title {
font-size: clamp(1.02rem, 1.5vw, 1.15rem);
line-height: 1.25;
margin: 0;
max-height: calc(1.25em * 2);
overflow: hidden;
}
.post-card__title a {
text-decoration: none;
color: inherit;
transition: color .2s ease;
}
.post-card:hover .post-card__title a { color: #0033A0; } .post-card__excerpt {
margin: 0;
color: #2d2d2d;
font-size: .96rem;
line-height: 1.5;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
} .post-card__meta {
display: flex;
gap: 10px;
align-items: center;
font-size: .85rem;
color: #666;
}
.post-card__readtime { white-space: nowrap; }  .post-card__more {
margin-top: 12px !important; } .post-card__button,
.post-card__button:link,
.post-card__button:visited {
display: inline-block !important;
padding: 14px 32px !important; background-color: #003399 !important; color: #ffffff !important; border-radius: 24px !important; text-decoration: none !important;
font-weight: 600 !important;
font-size: 1.05rem !important;
line-height: 1.3 !important;
text-align: center !important;
box-shadow: 0 4px 10px rgba(0, 51, 160, 0.25) !important;
transition: transform .15s ease, box-shadow .2s ease, background-color .2s ease !important;
} .post-card__button:hover,
.post-card__button:focus {
background-color: #0055cc !important; color: #ffffff !important;
text-decoration: none !important;
transform: translateY(-1px) !important;
box-shadow: 0 6px 16px rgba(0, 85, 204, 0.35) !important;
} .post-card__button:active {
background-color: #002266 !important;
transform: translateY(0) !important;
box-shadow: 0 3px 8px rgba(0, 34, 102, 0.4) !important;
} .post-card__button:focus-visible {
outline: 2px solid #ffcc00 !important;
outline-offset: 2px !important;
} .filter-chip {
border-color: rgba(0,51,160,.2);
background: #f7f7f7;
}
.filter-chip:hover { transform: translateY(-1px); }
.filter-chip.is-active {
background: #0033A0;
border-color: #0033A0;
color: #fff;
} .toolbar__select {
border-color: rgba(0,51,160,.25);
}
.toolbar__label { color: #0E0F12; } .pwa-nav-buttons {
display: none;
} @media (max-width: 768px) {
.pwa-nav-buttons {
display: flex;
justify-content: space-between;
position: fixed;
bottom: 0;
left: 0;
width: 100%;
z-index: 9999;
}
.pwa-nav-buttons button {
flex: 1; background: #003399; color: #fff;
border: none;
padding: 16px 0;
font-size: 18px;
font-weight: bold;
cursor: pointer;
transition: background 0.3s ease;
}
.pwa-nav-buttons button:hover {
background: #2563eb;
}
} .ade-author-box {
display: block;
border: 1px solid #dfe3ec; padding: 20px 22px;
background-color: #ffffff; border-radius: 12px; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.06);
font-family: inherit; color: #111827; margin: 24px 0;
} .ade-author-box .ade-author-heading {
margin: 0 0 4px;
font-size: 0.85rem;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.08em;
color: #6b7280; } .ade-author-box .ade-author-name {
margin: 0;
font-weight: 700;
font-size: 1.05rem;
color: #111827;
} .ade-author-box .ade-author-role {
margin: 2px 0 12px;
font-size: 0.9rem;
color: #4b5563;
opacity: 0.9;
} .ade-author-box .ade-author-bio {
margin: 0 0 14px;
line-height: 1.7;
font-size: 0.95rem;
color: #1f2933;
} .ade-author-links {
display: flex;
flex-wrap: wrap;
gap: 10px 12px;
list-style: none;
margin: 0;
padding: 10px 0 0;
border-top: 1px solid #e5e7eb; } .ade-author-links li {
margin: 0;
} .ade-author-box .ade-author-links a {
display: inline-flex;
align-items: center;
justify-content: center;
width: 36px;
height: 36px;
text-decoration: none !important;
border-radius: 999px; background-color: #f3f4f6; color: #111827 !important;
border: 1px solid #e5e7eb;
transition:
background-color 0.2s ease,
border-color 0.2s ease,
box-shadow 0.2s ease,
transform 0.2s ease;
} .ade-author-box .ade-author-links a:visited {
color: #111827 !important;
text-decoration: none !important;
}
.ade-author-box .ade-author-links a:active {
transform: translateY(0);
box-shadow: none;
} .ade-author-links .ade-icon {
width: 24px;
height: 24px;
display: block;
} .ade-author-box .ade-author-links a:hover,
.ade-author-box .ade-author-links a:focus {
background-color: #003399;
border-color: #003399;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
transform: translateY(-1px);
} .ade-author-box .ade-author-links a:hover .ade-icon,
.ade-author-box .ade-author-links a:focus .ade-icon {
filter: brightness(1.1);
} .ade-author-box .ade-author-links a:focus-visible {
outline: 2px solid #003399;
outline-offset: 2px;
} .sr-only {
position: absolute !important;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0,0,0,0);
white-space: nowrap;
border: 0;
}  .cc-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem;margin:0;padding:0;list-style:none}
.cc-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;box-shadow:0 1px 2px rgba(0,0,0,.04)}
.cc-card-link{display:block;color:inherit;text-decoration:none}
.cc-thumb{aspect-ratio:1/1;background:#f3f4f6}
.cc-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.cc-meta{padding:.75rem .9rem}
.cc-name{font-size:1.05rem;margin:.1rem 0 .25rem}
.cc-role{font-size:.9rem;opacity:.8;margin:0}
.cc-excerpt{font-size:.88rem;margin:.4rem 0 0}
.cc-filter{display:flex;gap:.5rem;align-items:center;margin-top:.75rem}
.cc-filter select{max-width:280px}
.cc-single .cc-header{margin-bottom:1rem}
.cc-single .cc-functions{opacity:.8;margin:.25rem 0 0}
.cc-layout{display:grid;grid-template-columns:280px 1fr;gap:1.25rem;align-items:start}
.cc-portrait img{width:100%;height:auto;border-radius:12px;display:block}
.cc-tax-nav{margin-top:1.25rem}
.cc-term-list{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;margin:0;padding:0}
.cc-term-list a{display:inline-block;padding:.35rem .6rem;border:1px solid #e5e7eb;border-radius:999px;text-decoration:none}
@media (max-width:800px){.cc-layout{grid-template-columns:1fr}} .ade-comment-cta {
margin: 2rem 0;
padding: 1.5rem 1.75rem;
border: 1px solid #e5e7eb;
border-radius: 14px;
background: #ffffff;
box-shadow: 0 8px 20px rgba(15, 23, 42, 0.06);
} .ade-comment-cta h3 {
margin-top: 0;
margin-bottom: .5rem;
font-size: 1.25rem;
font-weight: 700;
}
.ade-comment-cta p {
margin: 0;
color: #111827;
line-height: 1.6;
} .ade-comment-cta a:not(.ade-comment-button) {
color: #0284c7 !important;
font-weight: 600 !important;
text-decoration: underline !important;
text-underline-offset: 2px !important;
} .ade-comment-button {
display: inline-block !important;
background-color: #003399 !important; border-radius: 24px !important;
padding: 14px 32px !important; text-align: center !important;
text-decoration: none !important;
color: #ffffff !important; font-weight: 600 !important;
font-size: 1.05rem !important; line-height: 1.3 !important;
cursor: pointer !important;
margin-top: 1.5rem !important; } .ade-comment-button:hover,
.ade-comment-button:focus {
background-color: #0055cc !important; text-decoration: none !important;
color: #ffffff !important;
} .ade-comment-button:visited {
color: #ffffff !important;
background-color: #003399 !important;
}
.ade-comment-button:active {
background-color: #002266 !important;
color: #ffffff !important;
} :root{
--ade-cta-bg: #0b1220; --ade-cta-grad: linear-gradient(135deg,#0ea5e9 0%,#2563eb 50%,#7c3aed 100%);
--ade-cta-text: #eaf2ff;
--ade-cta-sub: #c9d7ff;
--ade-cta-accent: #60a5fa;
--ade-cta-ring: rgba(14,165,233,.35);
}
@media (prefers-color-scheme: light){
:root{
--ade-cta-bg: #f8fafc; --ade-cta-text: #0b1220;
--ade-cta-sub: #334155;
--ade-cta-accent: #2563eb;
--ade-cta-ring: rgba(37,99,235,.25);
}
}
.ade-cta{
position: relative;
margin: 1.5rem 0;
padding: 1.1rem 1.1rem 1.2rem 1.1rem;
border-radius: 14px;
background: var(--ade-cta-bg);
color: var(--ade-cta-text);
box-shadow: 0 10px 24px rgba(2,6,23,.25);
overflow: clip;
isolation: isolate;
} .ade-cta::before{
content:"";
position:absolute; inset:0;
padding:1px; border-radius:14px;
background: var(--ade-cta-grad);
-webkit-mask:
linear-gradient(#000 0 0) content-box, 
linear-gradient(#000 0 0);
-webkit-mask-composite: xor; mask-composite: exclude;
pointer-events:none;
} .ade-cta::after{
content:"";
position:absolute; top:0; left:0; bottom:0; width:6px;
background: var(--ade-cta-grad);
opacity:.9;
} .ade-cta .ade-cta-head{
display:flex; align-items:center; gap:.6rem; margin-bottom:.25rem;
}
.ade-cta .ade-cta-icon{
width:28px; height:28px; flex:0 0 28px;
background: var(--ade-cta-grad);
border-radius:8px;
box-shadow: 0 6px 14px rgba(14,165,233,.35);
}
.ade-cta h3{
margin:0; font-size:1.125rem; line-height:1.25; letter-spacing:.2px;
} .ade-cta p{
margin:.35rem 0 .9rem 0;
color: var(--ade-cta-sub);
} .ade-cta .ade-cta-actions{
display:flex; flex-wrap:wrap; gap:.5rem .6rem;
} .ade-cta a.ade-cta-btn{
display:inline-flex; align-items:center; gap:.5rem;
padding:.65rem 1rem; border-radius:12px; 
text-decoration:none; font-weight:700;
background: var(--ade-cta-grad); color:#fff;
box-shadow: 0 6px 18px rgba(14,165,233,.35);
transition: transform .08s ease, box-shadow .2s ease, opacity .2s ease;
}
.ade-cta a.ade-cta-btn:focus-visible{
outline: 0; box-shadow: 0 0 0 4px var(--ade-cta-ring);
}
.ade-cta a.ade-cta-btn:hover{ transform: translateY(-1px); opacity:.96; }
.ade-cta a.ade-cta-btn:active{ transform: translateY(0); opacity:.92; } .ade-cta a.ade-cta-link{
display:inline-block; padding:.4rem .2rem; 
font-weight:600; text-underline-offset:3px;
color: var(--ade-cta-accent);
}
.ade-cta a.ade-cta-link:focus-visible{
outline: 0; box-shadow: 0 0 0 3px var(--ade-cta-ring);
border-radius:8px;
} .ade-cta[data-theme="vidan"]::after{ background: linear-gradient(135deg,#22d3ee,#0ea5e9,#2563eb); }
.ade-cta[data-theme="monster"]::after{ background: linear-gradient(135deg,#f59e0b,#ef4444,#dc2626); }
.ade-cta[data-theme="torchwood"]::after{ background: linear-gradient(135deg,#a78bfa,#7c3aed,#6d28d9); } html{ scroll-behavior: smooth; }
@media (prefers-reduced-motion: reduce){
html{ scroll-behavior: auto; }
} .weekly-posts-container {
padding: 15px;
margin-top: 20px;
display: flex; justify-content: space-around; flex-wrap: wrap; }
.weekly-posts-container h3 {
width: 100%; text-align: center;
color: #333;
padding-bottom: 10px;
margin-bottom: 20px;
}
.weekly-post-item {
flex: 0 1 45%; margin-bottom: 20px;
text-align: center;
padding: 10px;
border: 1px solid #eee;
background-color: #fff;
border-radius: 3px;
box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}
.weekly-post-item a {
text-decoration: none;
color: #333;
display: block; }
.weekly-post-item img {
max-width: 100%; height: auto;
display: block; margin: 0 auto 10px auto; border-radius: 3px; }
.weekly-post-item h3 {
font-size: 1.2em;
margin-top: 5px;
margin-bottom: 0;
line-height: 1.3;
}
.weekly-post-item a:hover h3 {
color: #0073aa; } @media (max-width: 768px) {
.weekly-post-item {
flex: 0 1 90%; }
}  .shariff-simple {
display: grid; grid-template-columns: repeat(5, 1fr); 
gap: 8px; padding: 15px 0;
} .shariff-simple a {
padding: 10px 15px;
border-radius: 4px;
font-size: 14px;
font-weight: bold;
text-decoration: none;
color: #fff !important; 
opacity: 0.9;
transition: opacity 0.2s ease;
text-align: center; 
}
.shariff-simple a:hover {
opacity: 1;
} .shariff-simple a[title*="Facebook"] { background-color: #1877F2; }
.shariff-simple a[title*="X (Twitter)"] { background-color: #000000; }
.shariff-simple a[title*="WhatsApp"] { background-color: #25D366; }
.shariff-simple a[title*="E-Mail"] { background-color: #777777; }
.shariff-simple a[title*="Telegram"] { background-color: #26A5E4; }
.shariff-simple a[title*="Threema"] { background-color: #3f9a20; }
.shariff-simple a[title*="LinkedIn"] { background-color: #0077B5; }
.shariff-simple a[title*="Reddit"] { background-color: #FF4500; }
.shariff-simple a[title*="Pinterest"] { background-color: #E60023; } .shariff-simple a[title*="Bluesky"] { background-color: #0085FF; }
.shariff-simple a[title*="Mastodon"] { background-color: #6364FF; }  @media (max-width: 767px) {
.shariff-simple {
grid-template-columns: repeat(3, 1fr);
}
} @media (min-width: 768px) {
.shariff-simple a[title*="Threema"] {
display: none;
}
} .post-meta__comments a.ade-comments-link,
.post-meta__comments a.ade-comments-link:link,
.post-meta__comments a.ade-comments-link:visited {
display: inline-block !important;
padding: 8px 18px !important;
border-radius: 999px !important;
background-color: #003399 !important; color: #ffffff !important; font-weight: 600 !important;
font-size: 0.95rem !important;
line-height: 1.3 !important;
text-decoration: none !important;
border: none !important;
box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25) !important;
} .post-meta__comments a.ade-comments-link:hover,
.post-meta__comments a.ade-comments-link:focus {
background-color: #0055cc !important;
color: #ffffff !important;
text-decoration: none !important;
transform: translateY(-1px) !important;
box-shadow: 0 5px 14px rgba(0, 0, 0, 0.35) !important;
outline: none !important;
} .post-meta__comments a.ade-comments-link:active {
background-color: #002266 !important;
transform: translateY(0) !important;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3) !important;
}
.post-meta__comments-row {
margin-top: 6px;
} @media (max-width: 768px) { .post-meta {
font-size: 0.9rem !important;
line-height: 1.5 !important;
} .post-meta span,
.post-meta .post-meta__sep {
display: inline !important;
} .post-meta__comments-row {
margin-top: 10px !important;
} .post-meta__comments a.ade-comments-link,
.post-meta__comments a.ade-comments-link:link,
.post-meta__comments a.ade-comments-link:visited {
display: block !important;
width: 100% !important;
text-align: center !important;
padding: 10px 20px !important;
font-size: 1rem !important;
box-sizing: border-box !important;
}
} .weekly-posts-wrapper {
margin: 30px 0;
}
.weekly-posts-wrapper h2 {
text-align: center;
font-size: 1.8em;
margin-bottom: 25px;
color: #333 !important; 
padding-bottom: 10px;
}
.weekly-post-item {
text-align: center;
padding: 15px;
background-color: #fff;
border: 1px solid #ddd;
border-radius: 8px;
box-shadow: 0 4px 10px rgba(0,0,0,0.08); 
transition: transform 0.3s ease;
box-sizing: border-box; 
}
.weekly-post-item a {
text-decoration: none;
color: #333;
display: block; 
}
.weekly-post-item img {
width: 100%;
height: auto; 
object-fit: cover; 
border-radius: 5px;
margin-bottom: 10px;
}
.weekly-post-item h3 {
font-size: 1.1em;
margin: 5px 0 0 0;
line-height: 1.3;
white-space: normal;
} @media (min-width: 769px) {
.weekly-posts-container {
display: flex !important;
flex-wrap: wrap !important; 
justify-content: flex-start !important; gap: 20px !important; padding: 10px 0 !important;
}
.weekly-post-item {  flex: 0 1 calc(25% - 20px) !important; 
display: flex !important;
flex-direction: column !important;
}
.weekly-post-item a {
display: flex !important;
flex-direction: column !important;
height: 100% !important; 
}
.weekly-post-item img {
height: 150px !important; 
}
.weekly-post-item h3 {
max-height: 6em !important; 
overflow: hidden !important; 
flex-grow: 1 !important; 
text-align: center !important; 
}
}     @media (max-width: 768px) {
.weekly-posts-container {
display: flex !important; 
overflow-x: scroll !important; 
scroll-snap-type: x mandatory !important; 
-webkit-overflow-scrolling: touch !important; 
flex-wrap: nowrap !important; 
padding: 0 20px 20px 20px !important; 
gap: 15px !important;
margin-left: -20px !important; 
margin-right: -20px !important;
width: auto !important;
}
.weekly-post-item {
flex-shrink: 0 !important; 
width: 75vw !important; 
scroll-snap-align: start !important; 
margin-left: 0 !important;
} .weekly-posts-container .weekly-post-item:first-child {
margin-left: 20px !important;
}
.weekly-posts-container .weekly-post-item:last-child {
margin-right: 20px !important;
} .weekly-posts-container::-webkit-scrollbar {
display: none !important;
}
.weekly-posts-container {
-ms-overflow-style: none !important;
scrollbar-width: none !important;
}
}  .weekly-post-item { transition: transform 0.3s ease, box-shadow 0.3s ease; } .weekly-post-item:hover { transform: translateY(-5px) scale(1.02); box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2); color: #0073aa; } .weekly-post-item:hover a h3 {
color: #0073aa !important; } .ade-whatsapp-cta-wrapper {
text-align: center !important;
margin: 2rem 0 !important;
} a.ade-whatsapp-cta {
display: inline-block !important;
padding: 14px 32px !important;
border-radius: 999px !important;
background: #25d366 !important; color: #ffffff !important;
text-decoration: none !important;
font-weight: 600 !important;
font-size: 1.05rem !important;
line-height: 1.3 !important;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25) !important;
transition: transform 0.15s ease, box-shadow 0.2s ease,
background-color 0.2s ease !important;
} a.ade-whatsapp-cta:hover,
a.ade-whatsapp-cta:focus {
background: #1ebe5b !important;
text-decoration: none !important;
transform: translateY(-1px) !important;
box-shadow: 0 6px 18px rgba(0, 0, 0, 0.3) !important;
color: #ffffff !important;
} a.ade-whatsapp-cta:active {
transform: translateY(0) !important;
box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25) !important;
} @media (max-width: 768px) {
.ade-whatsapp-cta-wrapper {
padding: 0 1rem !important;
}
a.ade-whatsapp-cta {
display: block !important;
width: 100% !important;
box-sizing: border-box !important;
}
} .toc-nav {
max-width: 100%;
background: #fafafa;
border: 1px solid #ccc;
color: #333;
padding: 0.75em 1em;
margin: 1.5em 0;
font-size: 0.95rem;
line-height: 1.5;
} .toc-nav h2 {
margin: 0;
font-size: 1.1em;
}
.toc-toggle {
display: block;
width: 100%;
text-align: left;
font: inherit;
color: inherit;
background: none;
border: none;
padding: 0;
cursor: pointer;
}
.toc-toggle:hover,
.toc-toggle:focus {
background: #eaeaea;
} .toc-list {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 0.3em 2rem;
list-style: none;
margin: 0.5em 0 0;
padding: 0;
} .toc-list li {
position: relative;
padding-left: 1.2em;
line-height: 1.5;
} .toc-list li::before {
content: "•";
position: absolute;
left: 0;
top: 0;
color: #999;
font-size: 1rem;
line-height: 1.5;
} .toc-list a {
text-decoration: underline;
color: inherit;
}
.toc-list a:hover,
.toc-list a:focus {
text-decoration: none;
} .toc-nav [hidden] {
display: none !important;
} .toc-toggle {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
font: inherit;
color: inherit;
background: none;
border: none;
padding: 0.3em 0;
cursor: pointer;
font-weight: bold;
position: relative;
}
.toc-toggle::after {
content: "▼";
font-size: 0.8em;
margin-left: 0.5em;
transition: transform 0.2s ease;
color: #666;
}
.toc-toggle[aria-expanded="true"]::after {
transform: rotate(-180deg);
} .toc-toggle:hover,
.toc-toggle:focus {
background: #f0f0f0;
outline: none;
}
html {
scroll-behavior: smooth;
}  .ade-experten-liste {
max-width: 1000px;
margin: 0 auto;
}
.ade-experten-row {
display: flex;
flex-wrap: nowrap; gap: 40px;
margin-bottom: 60px;
align-items: flex-start;
} .ade-col-img {
flex: 0 0 220px; }
.ade-col-img img.ade-profilbild {
border-radius: 4px;
width: 100%; 
height: 280px; object-fit: cover; 
box-shadow: 0 5px 15px rgba(0,0,0,0.08); 
background-color: #f4f4f4;
} .ade-col-text {
flex: 1; 
min-width: 0; }
.ade-name {
margin-top: 0;
margin-bottom: 5px;
color: #111;
font-size: 1.8rem; font-weight: 700;
line-height: 1.2;
}
.ade-position {
display: block;
font-family: sans-serif;
text-transform: uppercase;
font-size: 0.85rem;
letter-spacing: 1.5px;
color: #0073aa; 
font-weight: 700;
margin-bottom: 20px;
}
.ade-bio-text {
font-size: 1.05rem;
line-height: 1.7;
color: #444;
}
.ade-bio-text p {
margin-bottom: 1em; } hr.ade-divider {
border: 0;
border-top: 1px solid #e5e5e5;
margin: 50px 0;
} .ade-post-meta-container {
background-color: #f8f9fa;
padding: 15px 20px;
border-left: 5px solid #0073aa;
margin-bottom: 30px;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
line-height: 1.5;
}
.ade-meta-label {
font-weight: 800;
text-transform: uppercase;
font-size: 0.75rem;
letter-spacing: 1px;
color: #666;
margin-right: 10px;
}
.ade-meta-name {
color: #222;
font-weight: 600;
font-size: 0.95rem;
} @media screen and (max-width: 768px) { .ade-experten-row {
flex-direction: column; align-items: center; text-align: center; gap: 20px;
}
.ade-col-img {
width: 100%;
max-width: 280px; margin: 0 auto; }
.ade-col-img img.ade-profilbild {
height: auto; aspect-ratio: 3/4; }
.ade-name {
font-size: 1.5rem; }
.ade-position {
margin-bottom: 15px;
}
.ade-bio-text {
text-align: left; font-size: 1rem;
} .ade-post-meta-container {
padding: 12px 15px;
display: flex;
flex-direction: column; }
.ade-meta-label {
display: block;
margin-bottom: 5px; }
} .bypostauthor>.comment-body{
border-left: 4px solid #facc15; background: #fffbeb; padding-left: 1rem;
border-radius: 8px;
}  body #comments,
body .comments-area,
body .comment-respond,
body #respond {
box-sizing: border-box !important;
} body #comments,
body .comments-area {
max-width: 600px !important; width: 100% !important;
margin: 3rem auto !important; padding-top: 2rem !important;
border-top: 1px solid var(--ade-border, #e3e7ef) !important;
background: transparent !important;
border-radius: 0 !important;
box-shadow: none !important;
} body #comments h2,
body #comments h3,
body .comments-area h2,
body .comments-area h3,
body .comment-respond h3,
body #reply-title {
margin-top: 0 !important;
margin-bottom: 0.75rem !important;
font-size: 1.1rem !important;
font-weight: 700 !important;
letter-spacing: 0.01em !important;
} body #comments .comment-notes,
body .comment-respond .comment-notes,
body #comments .no-comments,
body #comments .must-log-in,
body #comments .logged-in-as {
margin-bottom: 1.2rem !important;
font-size: 0.9rem !important;
color: #6b7280 !important;
} body #comments .comment-list,
body .comments-area .comment-list {
margin: 1.5rem 0 0 !important;
padding: 0 !important;
list-style: none !important;
} body #comments .comment,
body .comments-area .comment {
padding: 1.25rem 0 !important;
border-top: 1px solid var(--ade-border, #e3e7ef) !important;
}
body #comments .comment:first-child,
body .comments-area .comment:first-child {
border-top: none !important;
} body #comments .comment .comment-body,
body .comments-area .comment .comment-body {
display: grid !important;
grid-template-columns: auto 1fr !important;
gap: 0.6rem 0.9rem !important;
} body #comments .comment .comment-author img,
body .comments-area .comment .comment-author img {
border-radius: 999px !important;
width: 40px !important;
height: 40px !important;
} body #comments .comment .fn,
body .comments-area .comment .fn {
font-weight: 600 !important;
} body #comments .comment .comment-meta,
body .comments-area .comment .comment-meta {
font-size: 0.8rem !important;
color: #6b7280 !important;
margin-bottom: 0.1rem !important;
} body #comments .comment .comment-content,
body .comments-area .comment .comment-content {
grid-column: 1 / -1 !important;
margin-top: 0.35rem !important;
line-height: 1.6 !important;
} body #comments .children,
body .comments-area .children {
margin-left: 1.4rem !important;
padding-left: 1.1rem !important;
border-left: 2px solid var(--ade-border, #e3e7ef) !important;
} body #comments .comment-reply-link,
body .comments-area .comment-reply-link {
display: inline-block !important;
margin-top: 0.4rem !important;
padding: 0.3rem 0.9rem !important;
border-radius: 999px !important;
background-color: #eef2ff !important;
color: #003399 !important;
font-size: 0.8rem !important;
font-weight: 600 !important;
text-decoration: none !important;
line-height: 1.2 !important;
}
body #comments .comment-reply-link:hover,
body #comments .comment-reply-link:focus,
body .comments-area .comment-reply-link:hover,
body .comments-area .comment-reply-link:focus {
background-color: #dde5ff !important;
color: #003399 !important;
text-decoration: none !important;
} body #cancel-comment-reply-link {
margin-left: 0.5rem !important;
font-size: 0.85rem !important;
color: #6b7280 !important;
}
body #cancel-comment-reply-link:hover,
body #cancel-comment-reply-link:focus {
color: #003399 !important;
text-decoration: none !important;
} body .comment-respond,
body #respond {
max-width: 600px !important; width: 100% !important;
margin: 2rem auto 3rem !important;
} body .comment-respond p {
margin: 0 0 1rem !important;
} body .comment-respond label {
display: block !important;
margin-bottom: 0.3rem !important;
font-size: 0.9rem !important;
font-weight: 500 !important;
} body .comment-respond input[type="text"],
body .comment-respond input[type="email"],
body .comment-respond input[type="url"],
body .comment-respond input[type="tel"],
body .comment-respond textarea,
body #comments input[type="text"],
body #comments input[type="email"],
body #comments input[type="url"],
body #comments textarea {
width: 100% !important;
padding: 0.75rem 0.9rem !important;
border-radius: 6px !important;
border: 1px solid var(--ade-border, #e3e7ef) !important;
background: #ffffff !important;
font-size: 0.95rem !important;
line-height: 1.4 !important;
transition: border-color 0.15s ease, box-shadow 0.15s ease !important;
} body .comment-respond input[type="text"]:focus,
body .comment-respond input[type="email"]:focus,
body .comment-respond input[type="url"]:focus,
body .comment-respond input[type="tel"]:focus,
body .comment-respond textarea:focus,
body #comments input[type="text"]:focus,
body #comments input[type="email"]:focus,
body #comments input[type="url"]:focus,
body #comments textarea:focus {
outline: none !important;
border-color: #003399 !important;
box-shadow: 0 0 0 1px rgba(0, 51, 153, 0.12) !important;
}
body .comment-respond textarea,
body #comments textarea {
min-height: 160px !important;
resize: vertical !important;
} body .comment-respond .comment-form-cookies-consent {
display: flex !important;
align-items: flex-start !important;
gap: 0.5rem !important;
font-size: 0.85rem !important;
color: #6b7280 !important;
}
body .comment-respond .comment-form-cookies-consent input[type="checkbox"] {
margin-top: 0.2rem !important;
} body .comment-respond input[type="submit"],
body #comments input[type="submit"] {
display: inline-block !important;
margin-top: 0.75rem !important;
padding: 0.9rem 2.2rem !important;
border-radius: 24px !important;
border: none !important;
background-color: #003399 !important;
color: #ffffff !important;
font-weight: 600 !important;
font-size: 1rem !important;
cursor: pointer !important;
text-decoration: none !important;
box-shadow: 0 4px 10px rgba(0, 51, 153, 0.25) !important;
transition: background-color 0.2s ease, transform 0.15s ease, box-shadow 0.2s ease !important;
}
body .comment-respond input[type="submit"]:hover,
body .comment-respond input[type="submit"]:focus,
body #comments input[type="submit"]:hover,
body #comments input[type="submit"]:focus {
background-color: #0055cc !important;
transform: translateY(-1px) !important;
box-shadow: 0 6px 16px rgba(0, 51, 153, 0.35) !important;
} @media (max-width: 768px) { body #comments,
body .comments-area,
body .comment-respond,
body #respond {
max-width: 100% !important;
width: 100% !important;
margin: 1.75rem 0 2.25rem !important;
padding-left: 0 !important;
padding-right: 0 !important;
border-left: none !important;
border-right: none !important;
} body #comments .comment-list,
body .comments-area .comment-list,
body .comment-respond .comment-form,
body #respond .comment-form {
padding-left: 1rem !important;
padding-right: 1rem !important;
} body #comments h2,
body #comments h3,
body .comments-area h2,
body .comments-area h3,
body .comment-respond h3,
body #reply-title {
font-size: 1rem !important;
margin-bottom: 0.6rem !important;
} body #comments .comment,
body .comments-area .comment {
padding: 0.9rem 0 !important;
} body #comments .comment .comment-author img,
body .comments-area .comment .comment-author img {
width: 32px !important;
height: 32px !important;
} body .comment-respond input[type="text"],
body .comment-respond input[type="email"],
body .comment-respond input[type="url"],
body .comment-respond input[type="tel"],
body .comment-respond textarea,
body #comments input[type="text"],
body #comments input[type="email"],
body #comments input[type="url"],
body #comments textarea {
padding: 0.6rem 0.75rem !important;
font-size: 0.9rem !important;
}
body .comment-respond textarea,
body #comments textarea {
min-height: 130px !important;
} body #comments .comment-reply-link,
body .comments-area .comment-reply-link {
padding: 0.25rem 0.7rem !important;
font-size: 0.75rem !important;
} body .comment-respond input[type="submit"],
body #comments input[type="submit"] {
padding: 0.75rem 1.7rem !important;
font-size: 0.9rem !important;
}
}#content a {
color: #004494;
text-decoration: underline;
} #content a:visited {
color: #551A8B;
} #content a:hover {
color: #0563C1;
} #content a:active {
color: #EE0000;
}
@media(max-width:640px)
{
.wp-block-image .alignleft {
float: none;
margin: .5em 1em 1em 0;
}
}
@media(max-width:640px)
{
.wp-block-image .alignright {
float: none;
margin: .5em 1em 1em 0;
}
}
.logo {background-color: #003399;
}
.nav-head {
background-color: #003399;
}
.nav-head {
background-color: #003399;
}
.nav-head ul li a {
background-color: #003399;
}
ul.sub-menu {
opacity: 0.9;
}
.post-meta {
color: #000000;
background-color: #ffffff;
}
.post-meta a {
color: #000000;
} a.read-more {
display: inline-block !important;
background-color: #003399 !important; border-radius: 24px !important;
padding: 14px 32px !important; text-align: center !important;
text-decoration: none !important;
color: #ffffff !important; font-weight: 600 !important;
font-size: 1.05rem !important; line-height: 1.3 !important;
} a.read-more:hover,
a.read-more:focus {
background-color: #0055cc !important; text-decoration: none !important;
color: #ffffff !important;
} a.read-more:visited {
color: #ffffff !important;
background-color: #003399 !important;
}
a.read-more:active {
background-color: #002266 !important;
color: #ffffff !important;
} @media (max-width: 768px) {
a.read-more {
display: block !important;
width: 100% !important;
box-sizing: border-box !important;
padding: 14px 20px !important; margin-top: 0.75rem !important;
}
}
.wp-element-button {
background-color: #003399;
}
.wp-block-search__input {
background-color: #AEEEEE;
} @media (max-width: 768px) {
.widget.widget_block.widget_search {
display: none !important;
max-height: 0 !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
}
}
#sidebar {
background-color: #d7d7d7;
margin-top: 10px;
padding: 10px;
}
#footer {
background-color: #000000;
color: #ffffff;
padding: 20px 20px 20px 20px;
}
#footer a {
color: #ffffff;
} .post-thumbnail img {
width: 300px;
height: auto;
margin-bottom: 20px;
} .post-nav {
text-align: center;
margin-top: 30px;
}
.post-nav .page-numbers {
display: inline-block;
margin: 0 5px;
padding: 8px 12px;
border: 1px solid #ccc;
text-decoration: none;
color: #333;
}
.post-nav .current {
background-color: #003399;
color: #fff;
border-color: #003399;
}
a {
color: #003399;
} .breadcrumb-link {
color: #DC143C;
} #scrollToTop {
display: none;
position: fixed;
bottom: 60px;
right: 40px;
z-index: 999;
background-color: #CD5C5C;
color: #fff;
padding: 10px 15px;
border-radius: 5px;
text-align: center;
text-decoration: none;
font-size: 18px;
opacity: 0.7;
transition: opacity 0.3s ease;
}
#scrollToTop:hover {
opacity: 1;
} .related-posts-wrapper {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 20px;
}
.related-post-item {
display: flex;
align-items: flex-start;
background: #f9f9f9;
border-radius: 8px;
overflow: hidden;
transition: transform 0.2s ease;
padding: 10px;
}
.related-post-item:hover {
transform: scale(1.02);
}
.related-post-thumbnail {
flex-shrink: 0;
width: 150px;
height: 150px;
overflow: hidden;
border-radius: 6px;
margin-right: 15px;
}
.related-post-thumbnail img {
width: 100%;
height: 100%;
object-fit: cover;
}
.related-post-content {
flex: 1;
}
.related-post-content a {
text-decoration: none;
color: #222;
font-weight: bold;
display: block;
margin-bottom: 8px;
}
.related-post-content p {
margin: 0;
font-size: 0.9em;
color: #666;
} .widget-latest-post {
display: flex;
flex-direction: column;
gap: 0.5em;
margin-bottom: 1em;
}
.widget-latest-post-thumb {
display: flex;
justify-content: center; width: 100%;
}
.widget-latest-post-thumb img {
width: 300px; height: auto; display: block;
}
.widget-latest-post-title {
font-size: 1em;
font-weight: bold;
margin: 0.5em 0 0;
text-align: left; }
.widget-latest-post-excerpt {
font-size: 0.9em;
color: #555;
margin: 0.5em 0 0;
text-align: left; } .widget-latest-post-link {
text-decoration: underline;
color: inherit;
display: inline-block;
}
.widget-latest-post-link:hover {
text-decoration: underline; color: inherit;
} .weekly-random-boxes {
display: flex;
gap: 20px;
flex-wrap: wrap;
margin: 20px 0;
justify-content: center;
}
.random-box {
width: 300px;
border: 1px solid #ccc;
padding: 15px;
box-sizing: border-box;
border-radius: 8px;
background-color: #fff;
transition: transform 0.3s, box-shadow 0.3s;
}
.random-box:hover {
transform: translateY(-5px);
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}
.random-box a {
text-decoration: none;
color: inherit;
display: block;
}
.random-box-image img {
width: 300px;
height: auto;
display: block;
border-radius: 6px;
margin: 0 auto;
}
.random-box-title {
font-size: 1.1rem;
margin-top: 10px;
text-align: center;
font-weight: bold;
} @media (max-width: 640px) {
.weekly-random-boxes {
flex-direction: column;
align-items: center;
}
.random-box {
width: 90%;
}
.random-box-image img {
width: 100%;
}
} .kategorien-auswahl {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin: 30px 0;
justify-content: center;
}
.kategorie-button {
display: inline-block;
padding: 10px 20px;
background-color: #f4f4f4;
color: #000000;
text-decoration: none;
border-radius: 25px;
border: 1px solid #444;
font-size: 1rem;
font-weight: 500;
transition: all 0.3s ease;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
}
.kategorie-button:hover,
.kategorie-button:focus {
background-color: #003399;
border-color: #d60000;
color: #ffffff;
box-shadow: 0 4px 10px rgba(214, 0, 0, 0.4);
} .kategorie-button.active {
background-color: #d60000;
border-color: #d60000;
color: #fff;
} @media (max-width: 600px) {
.kategorie-button {
font-size: 0.95rem;
padding: 8px 16px;
}
}
.cta-container {
display: flex;
justify-content: space-between;
margin-top: 50px;
}
.cta-box {
background-color: #f9f9f9;
padding: 20px;
border-radius: 8px;
width: 30%;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
text-align: center;
}
.cta-img {
width: 100%;
height: auto;
border-radius: 8px;
}
.cta-text h3 {
font-size: 1.5em;
color: #333;
margin: 15px 0;
}
.cta-text p {
font-size: 1em;
color: #666;
margin-bottom: 20px;
}
.cta-button:hover {
background-color: #0056b3;
} .sidebar-box.adult-audio {
background-color: #1b1b1b;
color: #f0f0f0;
padding: 1.5rem;
border-radius: 12px;
margin-bottom: 2rem;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.6);
font-family: "Roboto", sans-serif;
}
.sidebar-box.adult-audio h3 {
font-size: 1.4rem;
margin-top: 0;
margin-bottom: 1rem;
}
.sidebar-box.adult-audio p {
font-size: 1rem;
line-height: 1.5;
margin-bottom: 1rem;
}
.sidebar-box.adult-audio img {
border-radius: 8px;
margin-bottom: 1rem;
}
.sidebar-box.adult-audio .cta-button {
display: inline-block;
background-color: #c62828;
color: #fff;
padding: 0.6rem 1.2rem;
border-radius: 6px;
text-decoration: none;
transition: background-color 0.3s ease;
}
.sidebar-box.adult-audio .cta-button:hover {
background-color: #9b1b1b;
} .sidebar-box.monster-audio {
background-color: #1b1b1b;
color: #f0f0f0;
padding: 1.5rem;
border-radius: 12px;
margin-bottom: 2rem;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.6);
font-family: "Roboto", sans-serif;
}
.sidebar-box.monster-audio h3 {
font-size: 1.4rem;
margin-top: 0;
margin-bottom: 1rem;
}
.sidebar-box.monster-audio p {
font-size: 1rem;
line-height: 1.5;
margin-bottom: 1rem;
}
.sidebar-box.monster-audio img {
border-radius: 8px;
margin-bottom: 1rem;
}
.sidebar-box.monster-audio .cta-button {
display: inline-block;
background-color: #c62828;
color: #fff;
padding: 0.6rem 1.2rem;
border-radius: 6px;
text-decoration: none;
transition: background-color 0.3s ease;
}
.sidebar-box.monster-audio .cta-button:hover {
background-color: #9b1b1b;
} .sidebar-box.vampir-audio {
background-color: #1b1b1b;
color: #f0f0f0;
padding: 1.5rem;
border-radius: 12px;
margin-bottom: 2rem;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.6);
font-family: "Roboto", sans-serif;
}
.sidebar-box.vampir-audio h3 {
font-size: 1.4rem;
margin-top: 0;
margin-bottom: 1rem;
}
.sidebar-box.vampir-audio p {
font-size: 1rem;
line-height: 1.5;
margin-bottom: 1rem;
}
.sidebar-box.vampir-audio img {
border-radius: 8px;
margin-bottom: 1rem;
}
.sidebar-box.vampir-audio .cta-button {
display: inline-block;
background-color: #c62828;
color: #fff;
padding: 0.6rem 1.2rem;
border-radius: 6px;
text-decoration: none;
transition: background-color 0.3s ease;
}
.sidebar-box.vampir-audio .cta-button:hover {
background-color: #9b1b1b;
} .sidebar-box.zombie-audio {
background-color: #1b1b1b;
color: #f0f0f0;
padding: 1.5rem;
border-radius: 12px;
margin-bottom: 2rem;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.6);
font-family: "Roboto", sans-serif;
}
.sidebar-box.zombie-audio h3 {
font-size: 1.4rem;
margin-top: 0;
margin-bottom: 1rem;
}
.sidebar-box.zombie-audio p {
font-size: 1rem;
line-height: 1.5;
margin-bottom: 1rem;
}
.sidebar-box.zombie-audio img {
border-radius: 8px;
margin-bottom: 1rem;
}
.sidebar-box.zombie-audio .cta-button {
display: inline-block;
background-color: #c62828;
color: #fff;
padding: 0.6rem 1.2rem;
border-radius: 6px;
text-decoration: none;
transition: background-color 0.3s ease;
}
.sidebar-box.zombie-audio .cta-button:hover {
background-color: #9b1b1b;
}  .hoerspiele-erwachsene-box-flex { --box-accent: #c62828; } .monster-hoerspiele-box-flex    { --box-accent: #c62828; } .whatsapp-box-flex              { --box-accent: #25D366; } .bluesky-box-flex               { --box-accent: #1185fe; } .pwa-box-flex                   { --box-accent: #10b981; } .hoerspiele-erwachsene-box-flex,
.monster-hoerspiele-box-flex,
.whatsapp-box-flex,
.bluesky-box-flex,
.pwa-box-flex {
position: relative;
display: flex;
align-items: flex-start;
gap: 1.25rem;
padding: 1.25rem 1.25rem 1.25rem 1.75rem; border-radius: 16px;
margin: 1.75rem 0;
flex-wrap: wrap;
font-family: inherit; background:
linear-gradient(
180deg,
#ffffff 0%,
color-mix(in srgb, var(--box-accent) 8%, #f9fafb) 100%
),
repeating-linear-gradient(
135deg,
color-mix(in srgb, var(--box-accent) 12%, transparent) 0 10px,
transparent 10px 20px
);
color: #111827;
border: 1.5px solid color-mix(in srgb, var(--box-accent) 30%, #d1d5db);
box-shadow:
0 10px 24px rgba(15,23,42,0.10),
0 3px 10px rgba(15,23,42,0.08);
} .hoerspiele-erwachsene-box-flex::before,
.monster-hoerspiele-box-flex::before,
.whatsapp-box-flex::before,
.bluesky-box-flex::before,
.pwa-box-flex::before {
content: "";
position: absolute;
inset: 0 auto 0 0;
width: 6px;
border-top-left-radius: 16px;
border-bottom-left-radius: 16px;
background: linear-gradient(
180deg,
color-mix(in srgb, var(--box-accent) 90%, #000000) 0%,
var(--box-accent) 100%
);
} .hoerspiele-erwachsene-box-flex .bild-container img,
.monster-hoerspiele-box-flex .bild-container img,
.whatsapp-box-flex .bild-container img,
.bluesky-box-flex .bild-container img,
.pwa-box-flex .bild-container img {
display: block;
width: 300px;
max-width: 100%;
height: auto;
border-radius: 12px;
box-shadow: 0 2px 10px rgba(15, 23, 42, 0.20);
}
.hoerspiele-erwachsene-box-flex .text-container,
.monster-hoerspiele-box-flex .text-container,
.whatsapp-box-flex .text-container,
.bluesky-box-flex .text-container,
.pwa-box-flex .text-container {
flex: 1;
min-width: 240px;
} .hoerspiele-erwachsene-box-flex h3,
.monster-hoerspiele-box-flex h3,
.whatsapp-box-flex h3,
.bluesky-box-flex h3,
.pwa-box-flex h3 {
margin: 0 0 0.4rem 0;
font-size: 1.25rem;
line-height: 1.2;
font-weight: 700;
color: color-mix(in srgb, var(--box-accent) 55%, #111827);
}
.hoerspiele-erwachsene-box-flex p,
.monster-hoerspiele-box-flex p,
.whatsapp-box-flex p,
.bluesky-box-flex p,
.pwa-box-flex p {
margin: 0 0 0.7rem 0;
font-size: 1rem;
line-height: 1.55;
color: #374151;
} a.hoerspiele-erwachsene-link,
a.hoerspiele-erwachsene-link:link,
a.hoerspiele-erwachsene-link:visited,
a.monster-hoerspiele-link,
a.monster-hoerspiele-link:link,
a.monster-hoerspiele-link:visited,
a.whatsapp-link,
a.whatsapp-link:link,
a.whatsapp-link:visited,
a.bluesky-link,
a.bluesky-link:link,
a.bluesky-link:visited,
a.pwa-link,
a.pwa-link:link,
a.pwa-link:visited {
display: inline-flex !important;
align-items: center !important;
gap: .45rem !important;
padding: .5rem 1.05rem !important; border-radius: 999px !important;
font-size: .95rem !important;
font-weight: 600 !important;
line-height: 1.2 !important;
text-decoration: none !important;
border: 0 !important;
cursor: pointer !important;
box-sizing: border-box !important;
max-width: 100% !important;
white-space: normal !important;
transition:
transform .06s ease,
box-shadow .2s ease,
background-color .2s ease,
color .2s ease,
border-color .2s ease !important;
}
a.hoerspiele-erwachsene-link:hover,
a.hoerspiele-erwachsene-link:focus,
a.monster-hoerspiele-link:hover,
a.monster-hoerspiele-link:focus,
a.whatsapp-link:hover,
a.whatsapp-link:focus,
a.bluesky-link:hover,
a.bluesky-link:focus,
a.pwa-link:hover,
a.pwa-link:focus {
text-decoration: none !important;
}
a.hoerspiele-erwachsene-link:active,
a.monster-hoerspiele-link:active,
a.whatsapp-link:active,
a.bluesky-link:active,
a.pwa-link:active {
transform: translateY(1px) !important;
} a.hoerspiele-erwachsene-link,
a.hoerspiele-erwachsene-link:link,
a.hoerspiele-erwachsene-link:visited,
a.monster-hoerspiele-link,
a.monster-hoerspiele-link:link,
a.monster-hoerspiele-link:visited {
background: #c62828 !important;
color: #ffffff !important;
box-shadow: 0 4px 14px rgba(198,40,40,.35) !important;
}
a.hoerspiele-erwachsene-link:hover,
a.hoerspiele-erwachsene-link:focus,
a.monster-hoerspiele-link:hover,
a.monster-hoerspiele-link:focus {
background: #9b1b1b !important;
color: #ffffff !important;
}
a.hoerspiele-erwachsene-link:active,
a.monster-hoerspiele-link:active {
background: #7f1515 !important;
color: #ffffff !important;
} .whatsapp-box-flex { --wa-brand:  #25D366;
--wa-dark:   #075E54;
--wa-mid:    #128C7E;
--wa-bubble: #DCF8C6;
--wa-text:   #111B21;
} .whatsapp-bubble {
display: inline-block;
background: var(--wa-bubble);
border-radius: 14px;
padding: .5rem .75rem;
border: 1px solid rgba(0,0,0,.06);
color: var(--wa-text);
} a.whatsapp-link,
a.whatsapp-link:link,
a.whatsapp-link:visited {
background-color: var(--wa-brand) !important;
color: #064420 !important;
box-shadow: 0 4px 14px rgba(37,211,102,.4) !important;
}
a.whatsapp-link:hover,
a.whatsapp-link:focus {
background-color: var(--wa-mid) !important;
color: #ffffff !important;
} a.whatsapp-link::before {
content: "📲";
font-size: 1.1em;
line-height: 1;
} a.whatsapp-fab,
a.whatsapp-fab:link,
a.whatsapp-fab:visited {
width: 54px !important;
height: 54px !important;
border-radius: 50% !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
background: var(--wa-brand) !important;
color: #064420 !important;
text-decoration: none !important;
box-shadow: 0 6px 18px rgba(37,211,102,.45) !important;
transition: transform .06s ease, box-shadow .2s ease, background-color .2s ease !important;
}
a.whatsapp-fab:hover,
a.whatsapp-fab:focus {
background: var(--wa-mid) !important;
color: #ffffff !important;
}
a.whatsapp-fab:active {
transform: translateY(1px) !important;
} .whatsapp-accent {
height: 4px;
background: linear-gradient(90deg, #075E54, #128C7E, #25D366);
border-radius: 3px;
margin: .5rem 0 1rem;
} a.bluesky-link,
a.bluesky-link:link,
a.bluesky-link:visited {
background: #1185fe !important;
color: #ffffff !important;
box-shadow: 0 4px 14px rgba(17,133,254,.35) !important;
}
a.bluesky-link:hover,
a.bluesky-link:focus {
background: #0b63d2 !important;
color: #ffffff !important;
}
a.bluesky-link:active {
transform: translateY(1px) !important;
} .bluesky-accent {
height: 4px;
background: linear-gradient(90deg, #0b63d2, #1185fe);
border-radius: 3px;
margin: .5rem 0 1rem;
} .pwa-box-flex {
--pwa-primary:       #10b981;
--pwa-primary-dark:  #059669;
--pwa-text:          #0b1320;
} a.pwa-link,
a.pwa-link:link,
a.pwa-link:visited {
background: transparent !important;
color: var(--pwa-primary-dark) !important;
border: 2px solid var(--pwa-primary) !important;
box-shadow: 0 2px 8px rgba(16,185,129,.18) !important;
}
a.pwa-link:hover,
a.pwa-link:focus {
background: rgba(16,185,129,.08) !important;
color: #064e3b !important;
border-color: var(--pwa-primary-dark) !important;
}
a.pwa-link:active {
transform: translateY(1px) !important;
} .pwa-accent {
height: 6px;
background:
linear-gradient(90deg, #059669, #10b981),
radial-gradient(12px 6px at 12px 3px, rgba(255,255,255,.6), transparent);
border-radius: 8px;
margin: .35rem 0 1rem;
border: 1px solid rgba(16,185,129,.35);
} @media (max-width: 640px) {
.hoerspiele-erwachsene-box-flex,
.monster-hoerspiele-box-flex,
.whatsapp-box-flex,
.bluesky-box-flex,
.pwa-box-flex {
padding: 1rem 1rem 1rem 1.5rem;
gap: 1rem;
border-radius: 14px;
}
.hoerspiele-erwachsene-box-flex .bild-container img,
.monster-hoerspiele-box-flex .bild-container img,
.whatsapp-box-flex .bild-container img,
.bluesky-box-flex .bild-container img,
.pwa-box-flex .bild-container img {
width: 100%;
} a.hoerspiele-erwachsene-link,
a.monster-hoerspiele-link,
a.whatsapp-link,
a.bluesky-link,
a.pwa-link {
align-self: flex-start !important;
}
}  .post-card__cats {
display: flex;
flex-wrap: wrap;
gap: 6px;
margin-bottom: 4px;
}
.post-card__cat {
font-size: .78rem;
line-height: 1;
padding: 6px 10px;
border-radius: 999px;
background: rgba(255,204,0,.12);
color: var(--ade-blue, #0033A0);
border: 1px solid rgba(255,204,0,.45);
text-decoration: none;
transition: background-color .2s ease, color .2s ease, border-color .2s ease;
white-space: nowrap;
}
.post-card__cat:hover {
background: var(--ade-blue, #0033A0);
color: #fff;
border-color: var(--ade-blue, #0033A0);
} .post-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
gap: clamp(16px, 2vw, 24px);
align-items: stretch;
} .post-grid-toolbar {
display: flex;
flex-wrap: wrap;
gap: 12px 16px;
align-items: center;
justify-content: space-between;
margin: 0 0 20px 0;
}
.toolbar__label { font-size: 0.95rem; margin-right: 8px; }
.toolbar__select {
padding: 10px 12px;
border-radius: 8px;
border: 1px solid #ddd;
background: #fff;
font-size: 0.95rem;
}
.filter-chip {
appearance: none;
border: 1px solid #ddd;
background: #f7f7f7;
padding: 8px 12px;
border-radius: 999px;
cursor: pointer;
font-size: 0.9rem;
transition: transform .15s ease, background-color .2s ease, border-color .2s ease;
}
.filter-chip:hover { transform: translateY(-1px); }
.filter-chip.is-active { background: #0033A0; color: #fff; border-color: #0033A0; } .post-card {
display: grid;
grid-template-rows: auto 1fr;
background: #fff;
border: 1px solid rgba(0,0,0,.06);
border-radius: 14px;
overflow: clip;
box-shadow: 0 6px 18px rgba(0,0,0,.06);
transition: box-shadow .25s ease, transform .25s ease, border-color .25s ease;
opacity: 0; transform: translateY(12px) scale(.98);
will-change: transform, opacity;
}
.post-card.is-visible {
opacity: 1;
transform: none;
}
.post-card:hover {
box-shadow: 0 10px 28px rgba(0,51,160,.18);
transform: translateY(-2px);
outline-color: rgba(0,51,160,.22);
outline-width: 2px;
outline-style: solid;
} .post-card__figure {
position: relative;
aspect-ratio: 16 / 9;
overflow: hidden;
background: #eee;
}
.post-card__img {
width: 100%;
height: 100%;
object-fit: cover;
transform: scale(1);
transition: transform .35s ease;
display: block;
}
.post-card:hover .post-card__img { transform: scale(1.05); }
.post-card__placeholder {
width: 100%;
height: 100%;
background: repeating-linear-gradient(45deg, #eee, #eee 12px, #f6f6f6 12px, #f6f6f6 24px);
} .post-card__body {
display: grid;
grid-template-rows: auto auto 1fr auto auto;
gap: 10px;
padding: 14px 14px 16px;
} .post-card__cats {
display: flex;
flex-wrap: wrap;
gap: 6px;
margin-bottom: 4px;
}
.post-card__cat {
font-size: .78rem;
line-height: 1;
padding: 6px 10px;
border-radius: 999px;
background: rgba(255,204,0,.12);
color: #0033A0;
border: 1px solid rgba(255,204,0,.45);
text-decoration: none;
transition: background-color .2s ease, color .2s ease, border-color .2s ease;
white-space: nowrap;
}
.post-card__cat:hover {
background: #0033A0;
color: #fff;
border-color: #0033A0;
} .post-card__title {
font-size: clamp(1.02rem, 1.5vw, 1.15rem);
line-height: 1.25;
margin: 0;
max-height: calc(1.25em * 2);
overflow: hidden;
}
.post-card__title a {
text-decoration: none;
color: inherit;
transition: color .2s ease;
}
.post-card:hover .post-card__title a { color: #0033A0; } .post-card__excerpt {
margin: 0;
color: #2d2d2d;
font-size: .96rem;
line-height: 1.5;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
} .post-card__meta {
display: flex;
gap: 10px;
align-items: center;
font-size: .85rem;
color: #666;
}
.post-card__readtime { white-space: nowrap; }  .post-card__more {
margin-top: 12px !important; } .post-card__button,
.post-card__button:link,
.post-card__button:visited {
display: inline-block !important;
padding: 14px 32px !important; background-color: #003399 !important; color: #ffffff !important; border-radius: 24px !important; text-decoration: none !important;
font-weight: 600 !important;
font-size: 1.05rem !important;
line-height: 1.3 !important;
text-align: center !important;
box-shadow: 0 4px 10px rgba(0, 51, 160, 0.25) !important;
transition: transform .15s ease, box-shadow .2s ease, background-color .2s ease !important;
} .post-card__button:hover,
.post-card__button:focus {
background-color: #0055cc !important; color: #ffffff !important;
text-decoration: none !important;
transform: translateY(-1px) !important;
box-shadow: 0 6px 16px rgba(0, 85, 204, 0.35) !important;
} .post-card__button:active {
background-color: #002266 !important;
transform: translateY(0) !important;
box-shadow: 0 3px 8px rgba(0, 34, 102, 0.4) !important;
} .post-card__button:focus-visible {
outline: 2px solid #ffcc00 !important;
outline-offset: 2px !important;
} .filter-chip {
border-color: rgba(0,51,160,.2);
background: #f7f7f7;
}
.filter-chip:hover { transform: translateY(-1px); }
.filter-chip.is-active {
background: #0033A0;
border-color: #0033A0;
color: #fff;
} .toolbar__select {
border-color: rgba(0,51,160,.25);
}
.toolbar__label { color: #0E0F12; } .pwa-nav-buttons {
display: none;
} @media (max-width: 768px) {
.pwa-nav-buttons {
display: flex;
justify-content: space-between;
position: fixed;
bottom: 0;
left: 0;
width: 100%;
z-index: 9999;
}
.pwa-nav-buttons button {
flex: 1; background: #003399; color: #fff;
border: none;
padding: 16px 0;
font-size: 18px;
font-weight: bold;
cursor: pointer;
transition: background 0.3s ease;
}
.pwa-nav-buttons button:hover {
background: #2563eb;
}
} .ade-author-box {
display: block;
border: 1px solid #dfe3ec; padding: 20px 22px;
background-color: #ffffff; border-radius: 12px; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.06);
font-family: inherit; color: #111827; margin: 24px 0;
} .ade-author-box .ade-author-heading {
margin: 0 0 4px;
font-size: 0.85rem;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.08em;
color: #6b7280; } .ade-author-box .ade-author-name {
margin: 0;
font-weight: 700;
font-size: 1.05rem;
color: #111827;
} .ade-author-box .ade-author-role {
margin: 2px 0 12px;
font-size: 0.9rem;
color: #4b5563;
opacity: 0.9;
} .ade-author-box .ade-author-bio {
margin: 0 0 14px;
line-height: 1.7;
font-size: 0.95rem;
color: #1f2933;
} .ade-author-links {
display: flex;
flex-wrap: wrap;
gap: 10px 12px;
list-style: none;
margin: 0;
padding: 10px 0 0;
border-top: 1px solid #e5e7eb; } .ade-author-links li {
margin: 0;
} .ade-author-box .ade-author-links a {
display: inline-flex;
align-items: center;
justify-content: center;
width: 36px;
height: 36px;
text-decoration: none !important;
border-radius: 999px; background-color: #f3f4f6; color: #111827 !important;
border: 1px solid #e5e7eb;
transition:
background-color 0.2s ease,
border-color 0.2s ease,
box-shadow 0.2s ease,
transform 0.2s ease;
} .ade-author-box .ade-author-links a:visited {
color: #111827 !important;
text-decoration: none !important;
}
.ade-author-box .ade-author-links a:active {
transform: translateY(0);
box-shadow: none;
} .ade-author-links .ade-icon {
width: 24px;
height: 24px;
display: block;
} .ade-author-box .ade-author-links a:hover,
.ade-author-box .ade-author-links a:focus {
background-color: #003399;
border-color: #003399;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
transform: translateY(-1px);
} .ade-author-box .ade-author-links a:hover .ade-icon,
.ade-author-box .ade-author-links a:focus .ade-icon {
filter: brightness(1.1);
} .ade-author-box .ade-author-links a:focus-visible {
outline: 2px solid #003399;
outline-offset: 2px;
} .sr-only {
position: absolute !important;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0,0,0,0);
white-space: nowrap;
border: 0;
}  .cc-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem;margin:0;padding:0;list-style:none}
.cc-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;box-shadow:0 1px 2px rgba(0,0,0,.04)}
.cc-card-link{display:block;color:inherit;text-decoration:none}
.cc-thumb{aspect-ratio:1/1;background:#f3f4f6}
.cc-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.cc-meta{padding:.75rem .9rem}
.cc-name{font-size:1.05rem;margin:.1rem 0 .25rem}
.cc-role{font-size:.9rem;opacity:.8;margin:0}
.cc-excerpt{font-size:.88rem;margin:.4rem 0 0}
.cc-filter{display:flex;gap:.5rem;align-items:center;margin-top:.75rem}
.cc-filter select{max-width:280px}
.cc-single .cc-header{margin-bottom:1rem}
.cc-single .cc-functions{opacity:.8;margin:.25rem 0 0}
.cc-layout{display:grid;grid-template-columns:280px 1fr;gap:1.25rem;align-items:start}
.cc-portrait img{width:100%;height:auto;border-radius:12px;display:block}
.cc-tax-nav{margin-top:1.25rem}
.cc-term-list{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;margin:0;padding:0}
.cc-term-list a{display:inline-block;padding:.35rem .6rem;border:1px solid #e5e7eb;border-radius:999px;text-decoration:none}
@media (max-width:800px){.cc-layout{grid-template-columns:1fr}} .ade-comment-cta {
margin: 2rem 0;
padding: 1.5rem 1.75rem;
border: 1px solid #e5e7eb;
border-radius: 14px;
background: #ffffff;
box-shadow: 0 8px 20px rgba(15, 23, 42, 0.06);
} .ade-comment-cta h3 {
margin-top: 0;
margin-bottom: .5rem;
font-size: 1.25rem;
font-weight: 700;
}
.ade-comment-cta p {
margin: 0;
color: #111827;
line-height: 1.6;
} .ade-comment-cta a:not(.ade-comment-button) {
color: #0284c7 !important;
font-weight: 600 !important;
text-decoration: underline !important;
text-underline-offset: 2px !important;
} .ade-comment-button {
display: inline-block !important;
background-color: #003399 !important; border-radius: 24px !important;
padding: 14px 32px !important; text-align: center !important;
text-decoration: none !important;
color: #ffffff !important; font-weight: 600 !important;
font-size: 1.05rem !important; line-height: 1.3 !important;
cursor: pointer !important;
margin-top: 1.5rem !important; } .ade-comment-button:hover,
.ade-comment-button:focus {
background-color: #0055cc !important; text-decoration: none !important;
color: #ffffff !important;
} .ade-comment-button:visited {
color: #ffffff !important;
background-color: #003399 !important;
}
.ade-comment-button:active {
background-color: #002266 !important;
color: #ffffff !important;
} :root{
--ade-cta-bg: #0b1220; --ade-cta-grad: linear-gradient(135deg,#0ea5e9 0%,#2563eb 50%,#7c3aed 100%);
--ade-cta-text: #eaf2ff;
--ade-cta-sub: #c9d7ff;
--ade-cta-accent: #60a5fa;
--ade-cta-ring: rgba(14,165,233,.35);
}
@media (prefers-color-scheme: light){
:root{
--ade-cta-bg: #f8fafc; --ade-cta-text: #0b1220;
--ade-cta-sub: #334155;
--ade-cta-accent: #2563eb;
--ade-cta-ring: rgba(37,99,235,.25);
}
}
.ade-cta{
position: relative;
margin: 1.5rem 0;
padding: 1.1rem 1.1rem 1.2rem 1.1rem;
border-radius: 14px;
background: var(--ade-cta-bg);
color: var(--ade-cta-text);
box-shadow: 0 10px 24px rgba(2,6,23,.25);
overflow: clip;
isolation: isolate;
} .ade-cta::before{
content:"";
position:absolute; inset:0;
padding:1px; border-radius:14px;
background: var(--ade-cta-grad);
-webkit-mask:
linear-gradient(#000 0 0) content-box, 
linear-gradient(#000 0 0);
-webkit-mask-composite: xor; mask-composite: exclude;
pointer-events:none;
} .ade-cta::after{
content:"";
position:absolute; top:0; left:0; bottom:0; width:6px;
background: var(--ade-cta-grad);
opacity:.9;
} .ade-cta .ade-cta-head{
display:flex; align-items:center; gap:.6rem; margin-bottom:.25rem;
}
.ade-cta .ade-cta-icon{
width:28px; height:28px; flex:0 0 28px;
background: var(--ade-cta-grad);
border-radius:8px;
box-shadow: 0 6px 14px rgba(14,165,233,.35);
}
.ade-cta h3{
margin:0; font-size:1.125rem; line-height:1.25; letter-spacing:.2px;
} .ade-cta p{
margin:.35rem 0 .9rem 0;
color: var(--ade-cta-sub);
} .ade-cta .ade-cta-actions{
display:flex; flex-wrap:wrap; gap:.5rem .6rem;
} .ade-cta a.ade-cta-btn{
display:inline-flex; align-items:center; gap:.5rem;
padding:.65rem 1rem; border-radius:12px; 
text-decoration:none; font-weight:700;
background: var(--ade-cta-grad); color:#fff;
box-shadow: 0 6px 18px rgba(14,165,233,.35);
transition: transform .08s ease, box-shadow .2s ease, opacity .2s ease;
}
.ade-cta a.ade-cta-btn:focus-visible{
outline: 0; box-shadow: 0 0 0 4px var(--ade-cta-ring);
}
.ade-cta a.ade-cta-btn:hover{ transform: translateY(-1px); opacity:.96; }
.ade-cta a.ade-cta-btn:active{ transform: translateY(0); opacity:.92; } .ade-cta a.ade-cta-link{
display:inline-block; padding:.4rem .2rem; 
font-weight:600; text-underline-offset:3px;
color: var(--ade-cta-accent);
}
.ade-cta a.ade-cta-link:focus-visible{
outline: 0; box-shadow: 0 0 0 3px var(--ade-cta-ring);
border-radius:8px;
} .ade-cta[data-theme="vidan"]::after{ background: linear-gradient(135deg,#22d3ee,#0ea5e9,#2563eb); }
.ade-cta[data-theme="monster"]::after{ background: linear-gradient(135deg,#f59e0b,#ef4444,#dc2626); }
.ade-cta[data-theme="torchwood"]::after{ background: linear-gradient(135deg,#a78bfa,#7c3aed,#6d28d9); } html{ scroll-behavior: smooth; }
@media (prefers-reduced-motion: reduce){
html{ scroll-behavior: auto; }
} .weekly-posts-container {
padding: 15px;
margin-top: 20px;
display: flex; justify-content: space-around; flex-wrap: wrap; }
.weekly-posts-container h3 {
width: 100%; text-align: center;
color: #333;
padding-bottom: 10px;
margin-bottom: 20px;
}
.weekly-post-item {
flex: 0 1 45%; margin-bottom: 20px;
text-align: center;
padding: 10px;
border: 1px solid #eee;
background-color: #fff;
border-radius: 3px;
box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}
.weekly-post-item a {
text-decoration: none;
color: #333;
display: block; }
.weekly-post-item img {
max-width: 100%; height: auto;
display: block; margin: 0 auto 10px auto; border-radius: 3px; }
.weekly-post-item h3 {
font-size: 1.2em;
margin-top: 5px;
margin-bottom: 0;
line-height: 1.3;
}
.weekly-post-item a:hover h3 {
color: #0073aa; } @media (max-width: 768px) {
.weekly-post-item {
flex: 0 1 90%; }
}  .shariff-simple {
display: grid; grid-template-columns: repeat(5, 1fr); 
gap: 8px; padding: 15px 0;
} .shariff-simple a {
padding: 10px 15px;
border-radius: 4px;
font-size: 14px;
font-weight: bold;
text-decoration: none;
color: #fff !important; 
opacity: 0.9;
transition: opacity 0.2s ease;
text-align: center; 
}
.shariff-simple a:hover {
opacity: 1;
} .shariff-simple a[title*="Facebook"] { background-color: #1877F2; }
.shariff-simple a[title*="X (Twitter)"] { background-color: #000000; }
.shariff-simple a[title*="WhatsApp"] { background-color: #25D366; }
.shariff-simple a[title*="E-Mail"] { background-color: #777777; }
.shariff-simple a[title*="Telegram"] { background-color: #26A5E4; }
.shariff-simple a[title*="Threema"] { background-color: #3f9a20; }
.shariff-simple a[title*="LinkedIn"] { background-color: #0077B5; }
.shariff-simple a[title*="Reddit"] { background-color: #FF4500; }
.shariff-simple a[title*="Pinterest"] { background-color: #E60023; } .shariff-simple a[title*="Bluesky"] { background-color: #0085FF; }
.shariff-simple a[title*="Mastodon"] { background-color: #6364FF; }  @media (max-width: 767px) {
.shariff-simple {
grid-template-columns: repeat(3, 1fr);
}
} @media (min-width: 768px) {
.shariff-simple a[title*="Threema"] {
display: none;
}
} .post-meta__comments a.ade-comments-link,
.post-meta__comments a.ade-comments-link:link,
.post-meta__comments a.ade-comments-link:visited {
display: inline-block !important;
padding: 8px 18px !important;
border-radius: 999px !important;
background-color: #003399 !important; color: #ffffff !important; font-weight: 600 !important;
font-size: 0.95rem !important;
line-height: 1.3 !important;
text-decoration: none !important;
border: none !important;
box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25) !important;
} .post-meta__comments a.ade-comments-link:hover,
.post-meta__comments a.ade-comments-link:focus {
background-color: #0055cc !important;
color: #ffffff !important;
text-decoration: none !important;
transform: translateY(-1px) !important;
box-shadow: 0 5px 14px rgba(0, 0, 0, 0.35) !important;
outline: none !important;
} .post-meta__comments a.ade-comments-link:active {
background-color: #002266 !important;
transform: translateY(0) !important;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3) !important;
}
.post-meta__comments-row {
margin-top: 6px;
} @media (max-width: 768px) { .post-meta {
font-size: 0.9rem !important;
line-height: 1.5 !important;
} .post-meta span,
.post-meta .post-meta__sep {
display: inline !important;
} .post-meta__comments-row {
margin-top: 10px !important;
} .post-meta__comments a.ade-comments-link,
.post-meta__comments a.ade-comments-link:link,
.post-meta__comments a.ade-comments-link:visited {
display: block !important;
width: 100% !important;
text-align: center !important;
padding: 10px 20px !important;
font-size: 1rem !important;
box-sizing: border-box !important;
}
} .weekly-posts-wrapper {
margin: 30px 0;
}
.weekly-posts-wrapper h2 {
text-align: center;
font-size: 1.8em;
margin-bottom: 25px;
color: #333 !important; 
padding-bottom: 10px;
}
.weekly-post-item {
text-align: center;
padding: 15px;
background-color: #fff;
border: 1px solid #ddd;
border-radius: 8px;
box-shadow: 0 4px 10px rgba(0,0,0,0.08); 
transition: transform 0.3s ease;
box-sizing: border-box; 
}
.weekly-post-item a {
text-decoration: none;
color: #333;
display: block; 
}
.weekly-post-item img {
width: 100%;
height: auto; 
object-fit: cover; 
border-radius: 5px;
margin-bottom: 10px;
}
.weekly-post-item h3 {
font-size: 1.1em;
margin: 5px 0 0 0;
line-height: 1.3;
white-space: normal;
} @media (min-width: 769px) {
.weekly-posts-container {
display: flex !important;
flex-wrap: wrap !important; 
justify-content: flex-start !important; gap: 20px !important; padding: 10px 0 !important;
}
.weekly-post-item {  flex: 0 1 calc(25% - 20px) !important; 
display: flex !important;
flex-direction: column !important;
}
.weekly-post-item a {
display: flex !important;
flex-direction: column !important;
height: 100% !important; 
}
.weekly-post-item img {
height: 150px !important; 
}
.weekly-post-item h3 {
max-height: 6em !important; 
overflow: hidden !important; 
flex-grow: 1 !important; 
text-align: center !important; 
}
}     @media (max-width: 768px) {
.weekly-posts-container {
display: flex !important; 
overflow-x: scroll !important; 
scroll-snap-type: x mandatory !important; 
-webkit-overflow-scrolling: touch !important; 
flex-wrap: nowrap !important; 
padding: 0 20px 20px 20px !important; 
gap: 15px !important;
margin-left: -20px !important; 
margin-right: -20px !important;
width: auto !important;
}
.weekly-post-item {
flex-shrink: 0 !important; 
width: 75vw !important; 
scroll-snap-align: start !important; 
margin-left: 0 !important;
} .weekly-posts-container .weekly-post-item:first-child {
margin-left: 20px !important;
}
.weekly-posts-container .weekly-post-item:last-child {
margin-right: 20px !important;
} .weekly-posts-container::-webkit-scrollbar {
display: none !important;
}
.weekly-posts-container {
-ms-overflow-style: none !important;
scrollbar-width: none !important;
}
}  .weekly-post-item { transition: transform 0.3s ease, box-shadow 0.3s ease; } .weekly-post-item:hover { transform: translateY(-5px) scale(1.02); box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2); color: #0073aa; } .weekly-post-item:hover a h3 {
color: #0073aa !important; } .ade-whatsapp-cta-wrapper {
text-align: center !important;
margin: 2rem 0 !important;
} a.ade-whatsapp-cta {
display: inline-block !important;
padding: 14px 32px !important;
border-radius: 999px !important;
background: #25d366 !important; color: #ffffff !important;
text-decoration: none !important;
font-weight: 600 !important;
font-size: 1.05rem !important;
line-height: 1.3 !important;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25) !important;
transition: transform 0.15s ease, box-shadow 0.2s ease,
background-color 0.2s ease !important;
} a.ade-whatsapp-cta:hover,
a.ade-whatsapp-cta:focus {
background: #1ebe5b !important;
text-decoration: none !important;
transform: translateY(-1px) !important;
box-shadow: 0 6px 18px rgba(0, 0, 0, 0.3) !important;
color: #ffffff !important;
} a.ade-whatsapp-cta:active {
transform: translateY(0) !important;
box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25) !important;
} @media (max-width: 768px) {
.ade-whatsapp-cta-wrapper {
padding: 0 1rem !important;
}
a.ade-whatsapp-cta {
display: block !important;
width: 100% !important;
box-sizing: border-box !important;
}
} .toc-nav {
max-width: 100%;
background: #fafafa;
border: 1px solid #ccc;
color: #333;
padding: 0.75em 1em;
margin: 1.5em 0;
font-size: 0.95rem;
line-height: 1.5;
} .toc-nav h2 {
margin: 0;
font-size: 1.1em;
}
.toc-toggle {
display: block;
width: 100%;
text-align: left;
font: inherit;
color: inherit;
background: none;
border: none;
padding: 0;
cursor: pointer;
}
.toc-toggle:hover,
.toc-toggle:focus {
background: #eaeaea;
} .toc-list {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 0.3em 2rem;
list-style: none;
margin: 0.5em 0 0;
padding: 0;
} .toc-list li {
position: relative;
padding-left: 1.2em;
line-height: 1.5;
} .toc-list li::before {
content: "•";
position: absolute;
left: 0;
top: 0;
color: #999;
font-size: 1rem;
line-height: 1.5;
} .toc-list a {
text-decoration: underline;
color: inherit;
}
.toc-list a:hover,
.toc-list a:focus {
text-decoration: none;
} .toc-nav [hidden] {
display: none !important;
} .toc-toggle {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
font: inherit;
color: inherit;
background: none;
border: none;
padding: 0.3em 0;
cursor: pointer;
font-weight: bold;
position: relative;
}
.toc-toggle::after {
content: "▼";
font-size: 0.8em;
margin-left: 0.5em;
transition: transform 0.2s ease;
color: #666;
}
.toc-toggle[aria-expanded="true"]::after {
transform: rotate(-180deg);
} .toc-toggle:hover,
.toc-toggle:focus {
background: #f0f0f0;
outline: none;
}
html {
scroll-behavior: smooth;
}  .ade-experten-liste {
max-width: 1000px;
margin: 0 auto;
}
.ade-experten-row {
display: flex;
flex-wrap: nowrap; gap: 40px;
margin-bottom: 60px;
align-items: flex-start;
} .ade-col-img {
flex: 0 0 220px; }
.ade-col-img img.ade-profilbild {
border-radius: 4px;
width: 100%; 
height: 280px; object-fit: cover; 
box-shadow: 0 5px 15px rgba(0,0,0,0.08); 
background-color: #f4f4f4;
} .ade-col-text {
flex: 1; 
min-width: 0; }
.ade-name {
margin-top: 0;
margin-bottom: 5px;
color: #111;
font-size: 1.8rem; font-weight: 700;
line-height: 1.2;
}
.ade-position {
display: block;
font-family: sans-serif;
text-transform: uppercase;
font-size: 0.85rem;
letter-spacing: 1.5px;
color: #0073aa; 
font-weight: 700;
margin-bottom: 20px;
}
.ade-bio-text {
font-size: 1.05rem;
line-height: 1.7;
color: #444;
}
.ade-bio-text p {
margin-bottom: 1em; } hr.ade-divider {
border: 0;
border-top: 1px solid #e5e5e5;
margin: 50px 0;
} .ade-post-meta-container {
background-color: #f8f9fa;
padding: 15px 20px;
border-left: 5px solid #0073aa;
margin-bottom: 30px;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
line-height: 1.5;
}
.ade-meta-label {
font-weight: 800;
text-transform: uppercase;
font-size: 0.75rem;
letter-spacing: 1px;
color: #666;
margin-right: 10px;
}
.ade-meta-name {
color: #222;
font-weight: 600;
font-size: 0.95rem;
} @media screen and (max-width: 768px) { .ade-experten-row {
flex-direction: column; align-items: center; text-align: center; gap: 20px;
}
.ade-col-img {
width: 100%;
max-width: 280px; margin: 0 auto; }
.ade-col-img img.ade-profilbild {
height: auto; aspect-ratio: 3/4; }
.ade-name {
font-size: 1.5rem; }
.ade-position {
margin-bottom: 15px;
}
.ade-bio-text {
text-align: left; font-size: 1rem;
} .ade-post-meta-container {
padding: 12px 15px;
display: flex;
flex-direction: column; }
.ade-meta-label {
display: block;
margin-bottom: 5px; }
} .bypostauthor>.comment-body{
border-left: 4px solid #facc15; background: #fffbeb; padding-left: 1rem;
border-radius: 8px;
}  body #comments,
body .comments-area,
body .comment-respond,
body #respond {
box-sizing: border-box !important;
} body #comments,
body .comments-area {
max-width: 600px !important; width: 100% !important;
margin: 3rem auto !important; padding-top: 2rem !important;
border-top: 1px solid var(--ade-border, #e3e7ef) !important;
background: transparent !important;
border-radius: 0 !important;
box-shadow: none !important;
} body #comments h2,
body #comments h3,
body .comments-area h2,
body .comments-area h3,
body .comment-respond h3,
body #reply-title {
margin-top: 0 !important;
margin-bottom: 0.75rem !important;
font-size: 1.1rem !important;
font-weight: 700 !important;
letter-spacing: 0.01em !important;
} body #comments .comment-notes,
body .comment-respond .comment-notes,
body #comments .no-comments,
body #comments .must-log-in,
body #comments .logged-in-as {
margin-bottom: 1.2rem !important;
font-size: 0.9rem !important;
color: #6b7280 !important;
} body #comments .comment-list,
body .comments-area .comment-list {
margin: 1.5rem 0 0 !important;
padding: 0 !important;
list-style: none !important;
} body #comments .comment,
body .comments-area .comment {
padding: 1.25rem 0 !important;
border-top: 1px solid var(--ade-border, #e3e7ef) !important;
}
body #comments .comment:first-child,
body .comments-area .comment:first-child {
border-top: none !important;
} body #comments .comment .comment-body,
body .comments-area .comment .comment-body {
display: grid !important;
grid-template-columns: auto 1fr !important;
gap: 0.6rem 0.9rem !important;
} body #comments .comment .comment-author img,
body .comments-area .comment .comment-author img {
border-radius: 999px !important;
width: 40px !important;
height: 40px !important;
} body #comments .comment .fn,
body .comments-area .comment .fn {
font-weight: 600 !important;
} body #comments .comment .comment-meta,
body .comments-area .comment .comment-meta {
font-size: 0.8rem !important;
color: #6b7280 !important;
margin-bottom: 0.1rem !important;
} body #comments .comment .comment-content,
body .comments-area .comment .comment-content {
grid-column: 1 / -1 !important;
margin-top: 0.35rem !important;
line-height: 1.6 !important;
} body #comments .children,
body .comments-area .children {
margin-left: 1.4rem !important;
padding-left: 1.1rem !important;
border-left: 2px solid var(--ade-border, #e3e7ef) !important;
} body #comments .comment-reply-link,
body .comments-area .comment-reply-link {
display: inline-block !important;
margin-top: 0.4rem !important;
padding: 0.3rem 0.9rem !important;
border-radius: 999px !important;
background-color: #eef2ff !important;
color: #003399 !important;
font-size: 0.8rem !important;
font-weight: 600 !important;
text-decoration: none !important;
line-height: 1.2 !important;
}
body #comments .comment-reply-link:hover,
body #comments .comment-reply-link:focus,
body .comments-area .comment-reply-link:hover,
body .comments-area .comment-reply-link:focus {
background-color: #dde5ff !important;
color: #003399 !important;
text-decoration: none !important;
} body #cancel-comment-reply-link {
margin-left: 0.5rem !important;
font-size: 0.85rem !important;
color: #6b7280 !important;
}
body #cancel-comment-reply-link:hover,
body #cancel-comment-reply-link:focus {
color: #003399 !important;
text-decoration: none !important;
} body .comment-respond,
body #respond {
max-width: 600px !important; width: 100% !important;
margin: 2rem auto 3rem !important;
} body .comment-respond p {
margin: 0 0 1rem !important;
} body .comment-respond label {
display: block !important;
margin-bottom: 0.3rem !important;
font-size: 0.9rem !important;
font-weight: 500 !important;
} body .comment-respond input[type="text"],
body .comment-respond input[type="email"],
body .comment-respond input[type="url"],
body .comment-respond input[type="tel"],
body .comment-respond textarea,
body #comments input[type="text"],
body #comments input[type="email"],
body #comments input[type="url"],
body #comments textarea {
width: 100% !important;
padding: 0.75rem 0.9rem !important;
border-radius: 6px !important;
border: 1px solid var(--ade-border, #e3e7ef) !important;
background: #ffffff !important;
font-size: 0.95rem !important;
line-height: 1.4 !important;
transition: border-color 0.15s ease, box-shadow 0.15s ease !important;
} body .comment-respond input[type="text"]:focus,
body .comment-respond input[type="email"]:focus,
body .comment-respond input[type="url"]:focus,
body .comment-respond input[type="tel"]:focus,
body .comment-respond textarea:focus,
body #comments input[type="text"]:focus,
body #comments input[type="email"]:focus,
body #comments input[type="url"]:focus,
body #comments textarea:focus {
outline: none !important;
border-color: #003399 !important;
box-shadow: 0 0 0 1px rgba(0, 51, 153, 0.12) !important;
}
body .comment-respond textarea,
body #comments textarea {
min-height: 160px !important;
resize: vertical !important;
} body .comment-respond .comment-form-cookies-consent {
display: flex !important;
align-items: flex-start !important;
gap: 0.5rem !important;
font-size: 0.85rem !important;
color: #6b7280 !important;
}
body .comment-respond .comment-form-cookies-consent input[type="checkbox"] {
margin-top: 0.2rem !important;
} body .comment-respond input[type="submit"],
body #comments input[type="submit"] {
display: inline-block !important;
margin-top: 0.75rem !important;
padding: 0.9rem 2.2rem !important;
border-radius: 24px !important;
border: none !important;
background-color: #003399 !important;
color: #ffffff !important;
font-weight: 600 !important;
font-size: 1rem !important;
cursor: pointer !important;
text-decoration: none !important;
box-shadow: 0 4px 10px rgba(0, 51, 153, 0.25) !important;
transition: background-color 0.2s ease, transform 0.15s ease, box-shadow 0.2s ease !important;
}
body .comment-respond input[type="submit"]:hover,
body .comment-respond input[type="submit"]:focus,
body #comments input[type="submit"]:hover,
body #comments input[type="submit"]:focus {
background-color: #0055cc !important;
transform: translateY(-1px) !important;
box-shadow: 0 6px 16px rgba(0, 51, 153, 0.35) !important;
} @media (max-width: 768px) { body #comments,
body .comments-area,
body .comment-respond,
body #respond {
max-width: 100% !important;
width: 100% !important;
margin: 1.75rem 0 2.25rem !important;
padding-left: 0 !important;
padding-right: 0 !important;
border-left: none !important;
border-right: none !important;
} body #comments .comment-list,
body .comments-area .comment-list,
body .comment-respond .comment-form,
body #respond .comment-form {
padding-left: 1rem !important;
padding-right: 1rem !important;
} body #comments h2,
body #comments h3,
body .comments-area h2,
body .comments-area h3,
body .comment-respond h3,
body #reply-title {
font-size: 1rem !important;
margin-bottom: 0.6rem !important;
} body #comments .comment,
body .comments-area .comment {
padding: 0.9rem 0 !important;
} body #comments .comment .comment-author img,
body .comments-area .comment .comment-author img {
width: 32px !important;
height: 32px !important;
} body .comment-respond input[type="text"],
body .comment-respond input[type="email"],
body .comment-respond input[type="url"],
body .comment-respond input[type="tel"],
body .comment-respond textarea,
body #comments input[type="text"],
body #comments input[type="email"],
body #comments input[type="url"],
body #comments textarea {
padding: 0.6rem 0.75rem !important;
font-size: 0.9rem !important;
}
body .comment-respond textarea,
body #comments textarea {
min-height: 130px !important;
} body #comments .comment-reply-link,
body .comments-area .comment-reply-link {
padding: 0.25rem 0.7rem !important;
font-size: 0.75rem !important;
} body .comment-respond input[type="submit"],
body #comments input[type="submit"] {
padding: 0.75rem 1.7rem !important;
font-size: 0.9rem !important;
}
}