@font-face {
font-display: swap;
font-family: 'Source Sans 3';
font-style: normal;
font-weight: 300;
src: url(//osradio.de/wp-content/themes/OSRadio/fonts/source-sans-3-v19-latin-300.woff2) format('woff2');
} @font-face {
font-display: swap;
font-family: 'Source Sans 3';
font-style: normal;
font-weight: 400;
src: url(//osradio.de/wp-content/themes/OSRadio/fonts/source-sans-3-v19-latin-regular.woff2) format('woff2');
} @font-face {
font-display: swap;
font-family: 'Source Sans 3';
font-style: italic;
font-weight: 400;
src: url(//osradio.de/wp-content/themes/OSRadio/fonts/source-sans-3-v19-latin-italic.woff2) format('woff2');
} @font-face {
font-display: swap;
font-family: 'Source Sans 3';
font-style: normal;
font-weight: 500;
src: url(//osradio.de/wp-content/themes/OSRadio/fonts/source-sans-3-v19-latin-500.woff2) format('woff2');
} @font-face {
font-display: swap;
font-family: 'Source Sans 3';
font-style: normal;
font-weight: 600;
src: url(//osradio.de/wp-content/themes/OSRadio/fonts/source-sans-3-v19-latin-600.woff2) format('woff2');
} @font-face {
font-display: swap;
font-family: 'Source Sans 3';
font-style: normal;
font-weight: 700;
src: url(//osradio.de/wp-content/themes/OSRadio/fonts/source-sans-3-v19-latin-700.woff2) format('woff2');
} @font-face {
font-display: swap;
font-family: 'Source Sans 3';
font-style: normal;
font-weight: 800;
src: url(//osradio.de/wp-content/themes/OSRadio/fonts/source-sans-3-v19-latin-800.woff2) format('woff2');
} @font-face {
font-display: swap;
font-family: 'Source Sans 3';
font-style: normal;
font-weight: 900;
src: url(//osradio.de/wp-content/themes/OSRadio/fonts/source-sans-3-v19-latin-900.woff2) format('woff2');
} :root {
--os-font-main: 'Source Sans 3', 'Source Sans Pro', Arial, sans-serif;
--os-orange: #ff6633;
--os-orange-hover: #e25726;
--os-text: #111111;
--os-text-soft: #555555;
--os-text-muted: #7d7d7d;
--os-light-gray: #f4f5f6;
--os-footer-gray: #efefef;
--os-socket-gray: #e9e9e9;
--os-border-light: #d8d8d8;
--os-radius-small: 4px;
--os-radius-medium: 8px;
--os-content-width: 920px;
--os-container-wide: 1240px;
} html,
body,
#top,
#wrap_all,
p,
li,
a,
span,
div,
h1,
h2,
h3,
h4,
h5,
h6,
input,
textarea,
select,
button {
font-family: var(--os-font-main) !important;
}
html,
body {
font-size: 18px;
}
body,
.main_color p,
.main_color li,
.main_color td,
.main_color blockquote {
font-size: 18px;
line-height: 1.65;
color: var(--os-text);
}
p {
margin: 0 0 1.1em;
} strong,
b,
.main_color strong,
.main_color b {
font-weight: 600;
}
.main_color a:hover {
color: var(--os-orange);
} #header {
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
position: relative;
z-index: 10;
} .logo {padding: 6px 0 10px 0;} .title_container .breadcrumb {line-height: 24px;} h1,
h2,
h3,
h4,
h5,
h6,
.main_color h1,
.main_color h2,
.main_color h3,
.main_color h4,
.main_color h5,
.main_color h6 {
color: var(--os-text);
margin-bottom: 0.4em;
text-transform: none !important;
}
h1,
.main_color h1 {
font-size: 32px;
line-height: 1.18;
font-weight: 600;
letter-spacing: -0.02em !important;
margin-top: 0.2em;
}
h2,
.main_color h2 {
font-size: 26px;
line-height: 1.22;
font-weight: 600;
letter-spacing: -0.01em !important;
margin-top: 1.15em;
}
h3,
.main_color h3 {
font-size: 22px;
line-height: 1.28;
font-weight: 600;
margin-top: 1em;
}
h4,
.main_color h4 {
font-size: 19px;
line-height: 1.32;
font-weight: 600;
margin-top: 0.95em;
}
h5,
.main_color h5 {
font-size: 17px;
line-height: 1.4;
font-weight: 600;
margin-top: 0.9em;
}
h6,
.main_color h6 {
font-size: 15px;
line-height: 1.4;
font-weight: 600;
margin-top: 0.85em;
} #top .main_menu .menu li a {
font-size: 18px;
font-weight: 500; }
.logo,
.logo a {
max-width: 300px !important;
}
.av-main-nav ul li a {
border: 0 !important;
}
#main_menu {
clear: none;
position: absolute;
z-index: 100;
line-height: 20px;
height: 100%;
margin-top: 20px;
right: 0;
}
#header_meta .container {
min-height: 40px !important;
}
#top #header_meta,
#top #header_meta a {
font-size: 14px;
}
#top #header_meta li,
#top #header_meta .phone-info {
margin-top: 2%;
}
@media only screen and (max-width: 990px) {
.responsive.html_mobile_menu_tablet #top #header #header_meta .social_bookmarks {
display: block !important;
}
}
@media only screen and (max-width: 1200px) and (min-width: 768px) {
.responsive #top .av_mobile_menu_tablet .av-main-nav .menu-item {
display: none;
}
.responsive #top .av_mobile_menu_tablet .av-main-nav .menu-item-avia-special {
display: block;
}
}
.social_bookmarks li {
border: none !important;
} .slide-meta,
.blog-meta,
.post-meta-infos,
.post-meta-infos a,
.big-preview.single-big a,
.av-special-heading-tag small,
.entry-content-wrapper .post-meta-infos,
.template-blog .minor-meta,
.template-blog .text-sep,
.template-blog .blog-categories a,
.single-post .blog-categories,
.single-post .minor-meta {
color: var(--os-orange) !important;
}
span.blog-categories.minor-meta,
span.text-sep.text-sep-date,
span.trail-before {
display: none !important;
}
.breadcrumb {
left: 3.5%;
}
.single-post .entry-content .subline,
.page .entry-content .subline {
color: var(--os-orange);
font-weight: 600;
margin-bottom: 0.75rem;
} #top .avia-button,
#top a.avia-button,
#top .button,
#top input[type='submit'],
#top button,
#top .gform_button,
#top .wpforms-submit {
background: var(--os-orange) !important;
border-color: var(--os-orange) !important;
color: #ffffff !important;
border-radius: 6px;
box-shadow: none;
}
#top .avia-button:hover,
#top a.avia-button:hover,
#top .button:hover,
#top input[type='submit']:hover,
#top button:hover,
#top .gform_button:hover,
#top .wpforms-submit:hover {
background: var(--os-orange-hover) !important;
border-color: var(--os-orange-hover) !important;
color: #ffffff !important;
}
.avia-button.avia-size-small {
padding: 12px 30px 10px;
font-size: 14px;
min-width: 90px;
}
.tribe-common-c-btn-border.tribe-events-c-subscribe-dropdown__button {
background: #ff6000 !important;
border: none !important;
} .single-post .entry-content > p:first-of-type {
background: var(--os-light-gray);
padding: 1rem 1.15rem;
border-radius: var(--os-radius-medium);
margin-bottom: 1.35rem;
font-size: 1.05em;
}
.single-post .entry-content > p:first-of-type strong {
color: var(--os-orange);
font-weight: 600;
} .small-preview img,
.big-preview img,
.single-post .entry-content img,
.page .entry-content img {
border-radius: var(--os-radius-small);
} .single-post .big-preview,
.single-post .small-preview,
.single-post .avia-image-container,
.single-post .post-entry .wp-post-image,
.single-post .post-entry img.attachment-entry_with_sidebar,
.single-post .post-entry img.attachment-entry_without_sidebar {
max-width: var(--os-content-width) !important;
margin: 0 auto 30px auto !important;
}
.single-post .big-preview { overflow: hidden;
border-radius: var(--os-radius-medium);
margin-bottom: 1rem;
}
.single-post .big-preview img,
.single-post .small-preview img,
.single-post .avia-image-container img,
.single-post .post-entry .wp-post-image,
.single-post .post-entry img.attachment-entry_with_sidebar,
.single-post .post-entry img.attachment-entry_without_sidebar {
width: 100% !important;
height: 100%;
object-fit: cover;
display: block !important;
} .template-blog .post-image-container,
.archive .post-image-container,
.bloglist-simple .big-preview,
.home .post-image-container,
.avia-content-slider .slide-image {
overflow: hidden;
}
.template-blog .post-image-container img,
.archive .post-image-container img,
.bloglist-simple .big-preview img,
.home .post-image-container img,
.avia-content-slider .slide-image img {
width: 100%;
aspect-ratio: 16 / 9;
object-fit: cover;
display: block;
border-radius: var(--os-radius-small);
}
.avia-content-slider .slide-image,
.avia-content-slider .slide-image img {
position: relative;
-webkit-perspective: 1000px;
-webkit-backface-visibility: hidden;
margin: 0 auto;
}
#top .avia-smallarrow-slider .slide-image,
#top .avia-logo-element-container img {
margin: 10px;
display: block;
}
.image-overlay,
.rounded-container .iconfont,
.small-preview .iconfont {
display: none !important;
}
.wp-caption-text,
figcaption {
color: var(--os-text-soft);
font-size: 0.92em;
margin-top: 0.45rem;
}  .single-post .post-nav,
.single-post .pagination,
.single-post .nav-links {
margin-top: 2.5rem;
padding-top: 1.5rem;
border-top: 1px solid #e5e5e5;
} .single-post .post-nav a span,
.single-post .nav-links a span {
font-size: 13px;
color: #888888;
text-transform: uppercase;
letter-spacing: 0.05em;
} .single-post .post-nav a,
.single-post .nav-links a {
font-size: 16px !important;
font-weight: 600;
color: #222;
line-height: 1.3;
text-decoration: none;
} .single-post .post-nav a:hover,
.single-post .nav-links a:hover {
color: var(--os-orange);
} .single-post .post-nav a span + br {
display: block;
margin-bottom: 4px;
} .single-post .container,
.single-post .template-single-blog .post_delimiter {
max-width: 1610px !important;
}
.single-post .content,
.single-post .content.units,
.single-post .content.av-content-full {
width: 100% !important;
max-width: 100% !important;
border: 0 !important;
}
.single-post .sidebar {
display: none !important;
}
.single-post .entry-content-header,
.single-post header.entry-content-header {
max-width: var(--os-content-width) !important;
margin: 0 auto 24px auto !important;
padding-bottom: 0 !important;
border-bottom: 0 !important;
text-align: left !important;
}  .single-post .entry-content-header .entry-title,
.single-post .entry-content-header .post-title,
.single-post header.entry-content-header .entry-title,
.single-post header.entry-content-header .post-title {
font-size: 32px !important;
line-height: 1.18 !important;
font-weight: 600 !important;
letter-spacing: -0.02em !important;
margin: 0 0 18px 0 !important;
text-align: left !important;
text-transform: none !important;
} .single-post .avia_textblock h1:first-child,
.single-post .avia_textblock h2:first-child,
.single-post .av_textblock_section h1:first-child,
.single-post .av_textblock_section h2:first-child {
font-size: 32px !important;
line-height: 1.18 !important;
font-weight: 600 !important;
letter-spacing: -0.02em !important;
margin: 0 0 18px 0 !important;
text-align: left !important;
text-transform: none !important;
} .single-post .entry-content h2,
.single-post .avia_textblock h2,
.single-post .av_textblock_section h2 {
font-size: 26px !important;
line-height: 1.22 !important;
font-weight: 600 !important;
margin: 1.2em 0 0.45em !important;
}
.single-post .entry-content h3,
.single-post .avia_textblock h3,
.single-post .av_textblock_section h3 {
font-size: 22px !important;
line-height: 1.28 !important;
font-weight: 600 !important;
margin: 1em 0 0.4em !important;
} .single-post .avia-post-nav .entry-info .entry-title,
.single-post .avia-post-nav .entry-info .post-title,
.single-post .avia-post-nav a .entry-info .entry-title,
.single-post .avia-post-nav a .entry-info .post-title {
font-size: 14px !important;
line-height: 1.3 !important;
font-weight: 400 !important;
letter-spacing: 0 !important;
margin: 0 !important;
text-align: left !important;
text-transform: none !important;
padding-left: 5%;
} .slide-content {padding-top: 5%;}
.avia-content-slider .slide-meta time {font-size: 0.75em;color: #a3a3a3;}
.template-blog .post-title,
.archive .post-title,
.bloglist-simple .post-title {
font-size: 18px !important;
line-height: 1.3 !important;
font-weight: 600 !important;
text-transform: none !important;
}
#top .fullsize .template-blog .post-title {
max-width: var(--os-content-width);
} .more-link {
padding: 5px 20px 5px 20px;
background-color: #ff6000;
color: #fff !important;
font-size: 0.85em;
}
.main_color a.more-link .avia-svg-icon svg:first-child, #top .main_color .av-no-color.av-icon-style-border a.av-icon-char svg:first-child {
fill: #ffffff;
}
.main_color a.more-link:hover .avia-svg-icon svg:first-child {
stroke: var(--enfold-main-color-secondary);
fill: #ffffff;
} .entry-content-header {
height: auto !important;
min-height: 120px !important;
}
.single-post .post-meta-infos,
.single-post .blog-categories,
.single-post .minor-meta,
.single-post .text-sep,
.single-post .text-sep-date {
display: block !important;
max-width: var(--os-content-width) !important;
margin-left: auto !important;
margin-right: auto !important;
text-align: left !important;
font-size: 15px !important;
line-height: 1.4 !important;
} .single-post .entry-content-header .post-meta-infos {
margin: 0.2rem auto 1rem auto !important;
}
.single-post .entry-content-header .post-meta-infos .date-container {
display: inline-block !important;
}
.single-post .entry-content-wrapper,
.single-post .entry-content,
.single-post .post-entry .entry-content {
max-width: var(--os-content-width) !important;
margin: 0 auto !important;
font-size: 18px !important;
line-height: 1.7 !important;
color: var(--os-text) !important;
}
.single-post .entry-content p {
margin-bottom: 1.25em !important;
}
.single-post .entry-content h2 {
font-size: 26px !important;
line-height: 1.22 !important;
margin: 1.5em 0 0.55em !important;
}
.single-post .entry-content h3 {
font-size: 22px !important;
line-height: 1.28 !important;
margin: 1.35em 0 0.5em !important;
}
.single-post .entry-content ul,
.single-post .entry-content ol,
.page .entry-content ul,
.page .entry-content ol {
margin: 0 0 1.2rem 1.25rem;
}
.single-post .entry-content li,
.page .entry-content li {
margin-bottom: 0.35rem;
}
.single-post .entry-content blockquote,
.page .entry-content blockquote {
margin: 1.8em 0 !important;
padding: 0.8em 1.2em !important;
border-left: 4px solid var(--os-orange) !important;
color: #444444 !important;
}
.hr,
hr {
border-color: rgba(0, 0, 0, 0.08);
} .single-post .flex_column {
max-width: 100% !important;
}
.single-post .flex_column.av_one_fifth,
.single-post .flex_column.av_two_fifth,
.single-post .flex_column.av_three_fifth,
.single-post .flex_column.av_one_half,
.single-post .flex_column.av_two_third,
.single-post .flex_column.av_three_fourth,
.single-post .flex_column.av_four_fifth,
.single-post .flex_column.av_th,
.single-post .flex_column[style*='width'],
.single-post .av_one_fifth[style*='width'],
.single-post .av_two_fifth[style*='width'],
.single-post .av_three_fifth[style*='width'],
.single-post .av_th[style*='width'] {
width: 100% !important;
margin-left: 0 !important;
margin-right: 0 !important;
float: none !important;
}
.single-post .flex_column:empty {
display: none !important;
}
.single-post .avia_textblock,
.single-post .av_textblock_section,
.single-post .avia_textblock p,
.single-post .av_textblock_section p,
.single-post .avia_textblock h1,
.single-post .avia_textblock h2,
.single-post .avia_textblock h3,
.single-post .avia_textblock h4,
.single-post .av_textblock_section h1,
.single-post .av_textblock_section h2,
.single-post .av_textblock_section h3,
.single-post .av_textblock_section h4 {
max-width: var(--os-content-width) !important;
margin-left: auto !important;
margin-right: auto !important;
text-align: left !important;
} #footer,
#socket {
position: relative !important;
z-index: 1 !important;
clear: both !important;
}
#footer {
margin: 0 !important;
padding: 30px 0 !important;
background: var(--os-footer-gray) !important;
}
#socket {
width: 100% !important;
margin: 0 !important;
padding: 18px 0 !important;
min-height: 60px !important;
background: var(--os-socket-gray) !important;
border-top: 1px solid var(--os-border-light) !important;
}
#socket .container {
position: relative !important;
max-width: var(--os-container-wide) !important;
margin: 0 auto !important;
padding: 0 20px !important;
}
#socket,
#socket a,
#socket span,
#socket div {
font-size: 14px !important;
line-height: 1.5 !important;
color: var(--os-text-soft) !important;
}
#main,
#main .container_wrap:last-child {
margin-bottom: 0 !important;
padding-bottom: 0 !important;
}
#wrap_all {
overflow: visible !important;
} .av-curtain-footer .av-curtain-footer-container,
.av-curtain-footer #footer-page {
position: relative !important;
bottom: auto !important;
left: auto !important;
z-index: auto !important;
width: 100% !important;
}
.av-curtain-footer-placeholder {
display: none !important;
} #scroll-top-link,
#top a#scroll-top-link {
background: rgba(0, 0, 0, 0.75) !important;
color: #ffffff !important;
opacity: 1 !important;
visibility: visible !important;
}
#scroll-top-link:hover,
#top a#scroll-top-link:hover {
background: var(--os-orange) !important;
color: #ffffff !important;
} #av-cookie-consent-badge,
#av-cookie-consent-badge.av-consent-badge-left-bottom,
#av-cookie-consent-badge.avia_pop_class {
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 44px !important;
height: 44px !important;
left: 12px !important;
bottom: 12px !important;
background: rgba(40, 40, 40, 0.88) !important;
color: #ffffff !important;
opacity: 1 !important;
visibility: visible !important;
border: 1px solid rgba(255, 255, 255, 0.15) !important;
border-radius: var(--os-radius-small) !important;
box-shadow: 0 3px 12px rgba(0, 0, 0, 0.18) !important;
z-index: 99999 !important;
cursor: pointer !important;
}
#av-cookie-consent-badge.avia-hidden {
display: block !important;
}
#av-cookie-consent-badge svg,
#av-cookie-consent-badge svg path,
#av-cookie-consent-badge:before,
#av-cookie-consent-badge .svg-icon {
fill: #ffffff !important;
color: #ffffff !important;
}
#av-cookie-consent-badge:hover,
#av-cookie-consent-badge.av-consent-badge-left-bottom:hover,
#av-cookie-consent-badge.avia_pop_class:hover {
background: var(--os-orange) !important;
color: #ffffff !important;
}
#av-cookie-consent-badge:hover svg,
#av-cookie-consent-badge:hover svg path {
fill: #ffffff !important;
} .newsbox .news-headline {
font-size: 14px;
}
.newsbox .news-excerpt {
font-size: 13px;
}
.entry-footer {
visibility: hidden !important;
}
.sidebar section {
padding: 2px 0;
}
.flex_column .widget:first-child,
.content .widget:first-child {
padding-top: 0;
padding-left: 0;
border-top: none;
width: 100%;
}
.widget {
clear: both;
position: relative;
padding: 30px 0 10px 0;
float: none;
}
.flex_column .widget .widgettitle,
.content .widget .widgettitle {
margin-top: 0.85em;
margin-left: 2%;
}
.widgettitle {
font-size: 22px;
color: #2d5c88 !important;
font-weight: 600;
}
#boxed-section .container {
max-width: 1030px;
}
.html_elegant-blog #top .post-entry .minor-meta {
margin-left: 18%;
text-transform: uppercase;
}
.MI_image_0 .entry-content-wrapper,
.MI_image_0 .entry-content {
max-width: 85% !important;
}
.main_color .sidebar_tab,
.main_color .tabcontainer .tab {
color: #ababab;
}
.js_active .top_tab .tab {
border-bottom: none;
padding: 12px 30px 14px 30px;
background-color: #3d71a1;
}
#sektion1 {
min-height: 50px !important;
height: 320px !important;
}
.rssSummary,
a.rsswidget {
font-size: 18px;
}
.av-layout-grid-container {
max-width: 1310px !important;
margin: 0 auto !important;
border: none !important;
}
.cform {
width: 100%;
}
.cform input.sendbutton {
width: 80%;
padding: 5px;
margin: 5px 3px 4px 0;
font-size: 0.8em;
background: #555555 linear-gradient(0deg, #555555, #ffffff) repeat-x;
border: 1px solid #adadad !important;
border-left-color: #ececec !important;
border-top-color: #ececec !important;
}
ol.cf-ol li.cf-box-title {
font-size: 10px;
color: #888888;
text-align: left;
width: 70%;
}
ol.cf-ol li.textonly {
padding: 3px 0;
text-align: left;
width: 70%;
}
.news_wrapper {
margin: 0 0 -40px 0 !important;
}
#top .flex_column_table {
display: table;
table-layout: fixed;
width: 100%;
float: left;
-webkit-border-radius: 15px 15px 15px 15px;
}
.podcast-player .cover-image-player-wrap .player-info-wrap .splash-button {
display: flex;
justify-content: center;
align-items: center;
border-radius: 10px;
padding: 25px;
background-color: #2d5c88 !important;
font-size: 24px;
line-height: 33px;
}
.main_color .rounded-container,
#top .main_color .pagination a:hover,
.main_color .small-preview,
.main_color .fallback-post-type-icon {
background: #ffffff;
color: #ffffff;
} .mejs-time,
.mejs-time-rail {
height: 4px;
}
.mejs-playpause-button button {
border-radius: 50%;
}
.mejs-container {
background: #f7f7f7;
border-radius: 6px;
padding: 12px;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
font-family: inherit;
margin: 1.5em 0;
}
.mejs-controls {
background: transparent;
height: auto;
padding: 6px 0 0;
}
.mejs-controls .mejs-playpause-button button {
opacity: 0.9;
}
.mejs-controls .mejs-time {
color: #555555;
font-size: 13px;
}
.mejs-controls .mejs-time-rail .mejs-time-total {
background: #dddddd;
border-radius: 3px;
}
.mejs-controls .mejs-time-rail .mejs-time-current {
background: var(--os-orange);
border-radius: 3px;
}
.mejs-controls .mejs-time-rail .mejs-time-loaded,
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
background: #bbbbbb;
}
.mejs-container *:focus {
outline: none !important;
} .tribe-events .tribe-events-c-top-bar__datepicker-container {
width: 400px;
} #top .tribe-events-widget-events-list__view-more,
#top .tribe-events .datepicker,
#top .tribe-events .datepicker-dropdown,
#top .tribe-common .datepicker,
#top .tribe-common .datepicker-dropdown {
background: #fff !important;
} #top .tribe-events .datepicker button,
#top .tribe-events .datepicker-dropdown button,
#top .tribe-common .datepicker button,
#top .tribe-common .datepicker-dropdown button,
#top .tribe-events button.day,
#top .tribe-common button.day,
#top .tribe-events .datepicker table tr td button,
#top .tribe-common .datepicker table tr td button {
background: transparent !important;
background-color: transparent !important;
border: 1px solid transparent !important;
border-radius: 6px !important;
box-shadow: none !important;
color: #444 !important;
padding: 0 !important;
min-width: 2.5rem !important;
height: 2.5rem !important;
line-height: 2.5rem !important;
font-size: 16px !important;
font-weight: 400 !important;
} #top .tribe-events .datepicker th,
#top .tribe-common .datepicker th,
#top .tribe-events .datepicker .dow,
#top .tribe-common .datepicker .dow {
color: #666 !important;
font-weight: 600 !important;
background: transparent !important;
border: 0 !important;
padding: 0.35rem 0.4rem 0.5rem !important;
} #top .tribe-events .datepicker td,
#top .tribe-common .datepicker td {
background: transparent !important;
border: 0 !important;
padding: 2px !important;
} #top .tribe-events .datepicker button.day:hover,
#top .tribe-common .datepicker button.day:hover,
#top .tribe-events .datepicker-dropdown button.day:hover,
#top .tribe-common .datepicker-dropdown button.day:hover {
background: #f6f6f6 !important;
color: #222 !important;
border: 1px solid #cfcfcf !important;
} #top .tribe-events .datepicker button.day.active,
#top .tribe-events .datepicker button.day--selected,
#top .tribe-events .datepicker button.day.current,
#top .tribe-common .datepicker button.day.active,
#top .tribe-common .datepicker button.day--selected,
#top .tribe-common .datepicker button.day.current,
#top .tribe-events .datepicker-dropdown button.day.active,
#top .tribe-common .datepicker-dropdown button.day.active {
background: #fff !important;
color: #222 !important;
border: 2px solid #ff6600 !important;
border-radius: 8px !important;
} #top .tribe-events .datepicker button.day.today,
#top .tribe-common .datepicker button.day.today,
#top .tribe-events .datepicker-dropdown button.day.today,
#top .tribe-common .datepicker-dropdown button.day.today {
background: #fff !important;
color: #222 !important;
border: 1px solid #b8b8b8 !important;
font-weight: 600 !important;
} #top .tribe-events .datepicker td.old button,
#top .tribe-events .datepicker td.new button,
#top .tribe-common .datepicker td.old button,
#top .tribe-common .datepicker td.new button,
#top .tribe-events .datepicker button.old,
#top .tribe-events .datepicker button.new,
#top .tribe-common .datepicker button.old,
#top .tribe-common .datepicker button.new {
color: #b7b7b7 !important;
} #top .tribe-events .datepicker .datepicker-switch,
#top .tribe-events .datepicker .prev,
#top .tribe-events .datepicker .next,
#top .tribe-common .datepicker .datepicker-switch,
#top .tribe-common .datepicker .prev,
#top .tribe-common .datepicker .next,
#top .tribe-events .datepicker-dropdown .datepicker-switch,
#top .tribe-events .datepicker-dropdown .prev,
#top .tribe-events .datepicker-dropdown .next,
#top .tribe-common .datepicker-dropdown .datepicker-switch,
#top .tribe-common .datepicker-dropdown .prev,
#top .tribe-common .datepicker-dropdown .next {
background: transparent !important;
color: #444 !important;
border: 0 !important;
border-radius: 0 !important;
font-weight: 500 !important;
padding: 0.35rem 0.5rem !important;
}
#top .tribe-events .datepicker .prev:hover,
#top .tribe-events .datepicker .next:hover,
#top .tribe-common .datepicker .prev:hover,
#top .tribe-common .datepicker .next:hover,
#top .tribe-events .datepicker-dropdown .prev:hover,
#top .tribe-events .datepicker-dropdown .next:hover,
#top .tribe-common .datepicker-dropdown .prev:hover,
#top .tribe-common .datepicker-dropdown .next:hover {
background: #f6f6f6 !important;
color: #222 !important;
border-radius: 6px !important;
} #top .tribe-events-c-top-bar__datepicker-button,
#top .tribe-common .tribe-events-c-top-bar__datepicker-button {
background: transparent !important;
color: #333 !important;
border: 0 !important;
box-shadow: none !important;
padding: 0 !important;
border-radius: 0 !important;
}
#top .tribe-events-c-top-bar__datepicker-button:hover,
#top .tribe-common .tribe-events-c-top-bar__datepicker-button:hover {
background: transparent !important;
color: #111 !important;
}
.active.day.current, .tribe-theme-enfold .tribe-events .datepicker .day.current::before {
border: 1px solid #ff6600 !important;
} @media (max-width: 989px) {
.single-post .entry-title,
.single-post .post-title {
font-size: 26px !important;
}
.single-post .entry-content-header,
.single-post header.entry-content-header,
.single-post .post-meta-infos,
.single-post .blog-categories,
.single-post .minor-meta,
.single-post .entry-content-wrapper,
.single-post .entry-content,
.single-post .post-entry .entry-content,
.single-post .avia_textblock,
.single-post .av_textblock_section {
max-width: 100% !important;
}
}  @media (max-width: 767px) {
html,
body,
.main_color p,
.main_color li,
.main_color td,
.main_color blockquote,
.single-post .entry-content-wrapper,
.single-post .entry-content,
.single-post .post-entry .entry-content {
font-size: 18px !important;
line-height: 1.65 !important;
}
h1,
.main_color h1,
.single-post .entry-title,
.single-post .post-title {
font-size: 26px !important;
}
h2,
.main_color h2,
.single-post .entry-content h2 {
font-size: 22px !important;
}
h3,
.main_color h3,
.single-post .entry-content h3 {
font-size: 19px !important;
}
h4,
.main_color h4 {
font-size: 17px !important;
}
h5,
.main_color h5 {
font-size: 16px !important;
}
h6,
.main_color h6 {
font-size: 14px !important;
}
.single-post .entry-content > p:first-of-type {
padding: 0.9rem 1rem;
font-size: 1em;
}
.responsive #header .social_bookmarks {
max-width: 120px !important;
}
} @media only screen and (max-width: 767px) { .responsive #top .av-layout-grid-container,
.responsive #top .grid-sort-container,
.responsive #top .isotope,
.responsive #top .template-blog .post-entry,
.responsive #top .av-layout-grid-container .flex_cell,
.responsive #top .av-layout-grid-container .av_one_half,
.responsive #top .av-layout-grid-container .av_one_third,
.responsive #top .av-layout-grid-container .av_two_fifth,
.responsive #top .av-layout-grid-container .av_one_fourth,
.responsive #top .slide-entry-wrap,
.responsive #top .avia-content-slider .slide-entry-wrap {
width: 100% !important;
max-width: 100% !important;
margin-left: 0 !important;
margin-right: 0 !important;
float: none !important;
clear: both !important;
} .responsive #top .av-layout-grid-container,
.responsive #top .grid-sort-container,
.responsive #top .isotope {
display: block !important;
} .responsive #top .av-layout-grid-container .av-layout-grid-item,
.responsive #top .grid-sort-container .grid-entry,
.responsive #top .template-blog .post-entry,
.responsive #top .slide-entry {
width: 100% !important;
max-width: 100% !important;
display: block !important;
float: none !important;
margin: 0 0 28px 0 !important;
clear: both !important;
} .responsive #top .av-layout-grid-container img,
.responsive #top .grid-entry img,
.responsive #top .post-entry img,
.responsive #top .slide-entry img {
width: 100% !important;
max-width: 100% !important;
height: auto !important;
display: block !important;
} .responsive #top .av-layout-grid-container .entry-title,
.responsive #top .grid-entry .entry-title,
.responsive #top .post-entry .entry-title,
.responsive #top .slide-entry-title {
font-size: 18px !important;
line-height: 1.28 !important;
margin-top: 12px !important;
margin-bottom: 8px !important;
} .responsive #top .av-layout-grid-container .minor-meta,
.responsive #top .grid-entry .minor-meta,
.responsive #top .post-entry .minor-meta,
.responsive #top .slide-meta {
margin-bottom: 10px !important;
}
.title_container .breadcrumb {
line-height: 14px;
margin-top: -11px;
}
.datepicker.datepicker-dropdown.dropdown-menu.datepicker-orient-left.datepicker-orient-bottom {
left: -10% !important;
}
} @media only screen and (max-width: 767px) { #top .tribe-events-calendar-month__day-cell,
#top .tribe-events-calendar-month__day-cell button,
#top .tribe-events-calendar-month__mobile-day,
#top .tribe-events-calendar-month__mobile-day button {
background: transparent !important;
background-color: transparent !important;
box-shadow: none !important;
} #top .tribe-events-calendar-month__day-cell button,
#top .tribe-events-calendar-month__mobile-day button,
#top button.tribe-events-calendar-month__day-cell,
#top button.tribe-events-calendar-month__mobile-day-cell,
#top button[class*="tribe-events-calendar-month__day-cell"] {
background: transparent !important;
background-color: transparent !important;
color: #333 !important;
border: 1px solid transparent !important;
box-shadow: none !important;
border-radius: 6px !important;
} #top .tribe-events-calendar-month__day-cell button:hover,
#top .tribe-events-calendar-month__mobile-day button:hover,
#top button[class*="tribe-events-calendar-month__day-cell"]:hover {
background: #f6f6f6 !important;
color: #222 !important;
border-color: #d0d0d0 !important;
} #top .tribe-events-calendar-month__day-cell--current button,
#top .tribe-events-calendar-month__day-cell--selected button,
#top .tribe-events-calendar-month__day-cell--today button,
#top button[aria-selected="true"][class*="tribe-events-calendar-month__day-cell"],
#top .tribe-events-calendar-month__mobile-day--current button,
#top .tribe-events-calendar-month__mobile-day--selected button {
background: #ffffff !important;
color: #222 !important;
border: 2px solid #ff6600 !important;
box-shadow: none !important;
border-radius: 8px !important;
} #top .tribe-events-calendar-month td,
#top .tribe-events-calendar-month th,
#top .tribe-events-calendar-month__body td,
#top .tribe-events-calendar-month__body th {
background: transparent !important;
} #top .tribe-events-header__events-bar,
#top .tribe-events-c-events-bar,
#top .tribe-events .tribe-events-c-events-bar,
#top .tribe-events-header,
#top .tribe-events-header__top-bar,
#top .tribe-events-header__events-bar-border {
background: #ffffff !important;
background-color: #ffffff !important;
box-shadow: none !important;
border: none !important;
}
#top .tribe-events-header__events-bar * {
background-color: transparent !important;
}
} @media only screen and (max-width: 989px) { .responsive #top .av-burger-overlay {
width: 100% !important;
left: 0 !important;
right: 0 !important;
} .responsive #top .av-burger-overlay-scroll,
.responsive #top .av-burger-overlay-inner {
width: 100% !important;
max-width: 100% !important;
} .responsive #top #av-burger-menu-ul {
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
padding: 0 !important;
} .responsive #top #av-burger-menu-ul > li,
.responsive #top #av-burger-menu-ul > li > a,
.responsive #top #av-burger-menu-ul > li > ul.sub-menu,
.responsive #top #av-burger-menu-ul > li > ul.sub-menu li,
.responsive #top #av-burger-menu-ul > li > ul.sub-menu a {
width: 100% !important;
max-width: 100% !important;
box-sizing: border-box !important;
}
}
@media only screen and (max-width: 989px) { .responsive #top .av-burger-overlay-inner {
padding-top: 140px !important;
position: relative;
} .responsive #top .av-burger-overlay-inner::before {
content: "";
position: absolute;
top: 30px;
left: 50%;
transform: translateX(-50%);
width: 160px;
height: 60px;
background-image: url(https://osradio.de/wp-content/uploads/2026/01/OS-Radio_neues_Logo.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
z-index: 9999;
} .responsive #top .av-burger-overlay-inner::after {
content: "";
position: absolute;
top: 30px;
left: 50%;
transform: translateX(-50%);
width: 160px;
height: 60px;
z-index: 10000;
}
}  #header_meta .container {
display: flex;
align-items: center;
}
#header_meta .sub_menu {
margin-left: auto;
}
#header_meta .sub_menu > ul {
display: flex;
align-items: center;
} #header_meta .osr-top-liveplayer-item {
display: flex;
align-items: center;
margin-right: 16px;
padding-right: 16px;
border-right: 1px solid rgba(0,0,0,0.12);
position: relative;
top: -1px;
}
#header_meta .osr-top-liveplayer {
display: inline-flex;
align-items: center;
gap: 7px;
white-space: nowrap;
line-height: 1;
}
.osr-live-badge {
font-size: 10px;
font-weight: 700;
line-height: 1;
letter-spacing: 0.03em;
color: #111111;
background: transparent;
padding: 0;
margin: 0;
border: 0;
}
.osr-live-toggle {
width: 20px;
height: 20px;
border: 0;
border-radius: 5px;
background: #ff6633 !important;
color: #ffffff !important;
font-size: 9px;
line-height: 1;
padding: 0;
margin: 0;
cursor: pointer;
box-shadow: none;
}
.osr-live-toggle:hover {
background: #e25726 !important;
}
.osr-live-link {
font-size: 12px;
font-weight: 500;
line-height: 1;
color: #111111;
text-decoration: none;
}
.osr-live-link:hover {
color: #ff6633 !important;
}
#osr-live-audio,
#osr-live-audio-desktop,
#osr-live-audio-mobile,
.osr-top-liveplayer audio {
display: none !important;
} @media only screen and (max-width: 989px) { #header_meta .osr-top-liveplayer-item {
display: none !important;
} #header {
height: auto !important;
}
#header_meta,
#header_main {
position: relative !important;
z-index: 10 !important;
} .osr-mobile-livebar {
display: block !important;
position: relative !important;
z-index: 15 !important;
width: 100% !important;
min-height: 46px !important;
margin: 0 !important;
padding: 12px 14px !important;
background: #ffffff !important;
text-align: center !important;
box-sizing: border-box !important;
clear: both !important;
overflow: visible !important;
visibility: visible !important;
opacity: 1 !important;
border: 0 !important;
box-shadow: none !important;
}
.osr-mobile-livebar__inner {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 12px !important;
white-space: nowrap !important;
visibility: visible !important;
opacity: 1 !important;
color: #111111 !important;
line-height: 1 !important;
position: relative !important;
z-index: 16 !important;
font-family: inherit !important;
}
.osr-mobile-livebar__badge {
display: inline-block !important;
font-size: 10px !important;
font-weight: 700 !important;
letter-spacing: 0.03em !important;
line-height: 1 !important;
color: #111111 !important;
}
.osr-mobile-livebar__toggle {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: 22px !important;
height: 22px !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
border-radius: 6px !important;
background: #ff6633 !important;
color: #ffffff !important;
font-size: 10px !important;
line-height: 1 !important;
box-shadow: none !important;
cursor: pointer !important;
}
.osr-mobile-livebar__link {
display: inline-block !important;
font-size: 13px !important;
font-weight: 600 !important;
line-height: 1 !important;
color: #111111 !important;
text-decoration: none !important;
}
.osr-mobile-livebar__link:hover {
color: #ff6633 !important;
}
.osr-mobile-livebar audio {
display: none !important;
}
}
@media only screen and (min-width: 990px) {
.osr-mobile-livebar {
display: none !important;
}
}