html {
scroll-behavior: smooth;
} .gp-mobile-footer-bar,
.footer-search-overlay,
.footer-menu-overlay {
display: none;
}
@media (max-width: 768px) { #mobile-header,
.main-navigation button.menu-toggle,
.mobile-bar-items {
display: none !important;
} .gp-mobile-footer-bar {
display: flex !important;
position: fixed;
bottom: 0;
left: 0;
width: 100%;
height: 60px;
background-color: #ffffff;
box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
z-index: 9999;
justify-content: space-around;
align-items: center;
border-top: 1px solid #e5e7eb;
padding: 0;
}
.footer-bar-item {
flex: 1;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-decoration: none;
font-size: 11px;
font-weight: 500;
height: 100%;
border: none !important;
border-radius: 0 !important;
background: transparent;
}
.footer-bar-icon {
width: 20px;
height: 20px;
margin-bottom: 4px;
display: block;
object-fit: contain;
}
.footer-bar-text {
color: #374151;
} .footer-search-overlay.true-spotify-search-overlay {
display: flex !important;
flex-direction: column !important;
justify-content: flex-start !important;
position: fixed !important;
left: 0 !important; 
top: 0 !important;
width: 100% !important;
bottom: 60px !important; 
height: calc(100vh - 60px) !important;
background-color: #f9fafb !important; 
z-index: 9998 !important;
padding: 0 !important;
box-sizing: border-box;
transform: translateX(-100%) !important; 
transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important; 
}
.footer-search-overlay.true-spotify-search-overlay.is-active {
transform: translateX(0) !important;
} .footer-menu-overlay {
display: flex !important;
flex-direction: column !important;
position: fixed !important;
top: 0 !important;
left: 0 !important; 
width: 100% !important;
height: calc(100vh - 60px) !important;
background: #ffffff !important;
z-index: 9997 !important;
box-sizing: border-box;
transform: translateX(-100%) !important; 
transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.footer-menu-overlay.is-active {
transform: translateX(0) !important;
}
.menu-overlay-header {
display: flex;
justify-content: space-between;
align-items: center;
padding: 20px;
border-bottom: 1px solid #e5e7eb;
}
.menu-overlay-header h3 {
margin: 0;
font-size: 18px;
}
.close-menu-btn {
background: none;
border: none;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
}
.footer-overlay-nav {
padding: 10px 20px;
overflow-y: auto;
}
.footer-overlay-nav ul {
list-style: none;
padding: 0;
margin: 0;
}
.footer-overlay-nav li {
position: relative;
margin: 0;
}
.footer-overlay-nav a {
display: block;
font-size: 18px;
color: #111827;
text-decoration: none;
padding: 12px 60px 12px 0; 
border-bottom: 1px solid #f3f4f6;
}
.sub-menu-toggle {
position: absolute;
right: 0;
top: 4px; 
width: 50px; 
height: 38px;
background: #f3f4f6; 
border: 1px solid #e5e7eb; 
border-radius: 4px;
cursor: pointer;
transition: all 0.2s ease-in-out;
display: flex;
align-items: center;
justify-content: center;
z-index: 2;
}
.sub-menu-toggle img {
width: 14px !important;
height: 14px !important;
opacity: 0.8;
transition: transform 0.2s ease;
}
.sub-menu-toggle.is-rotated img {
transform: rotate(180deg);
}
.footer-overlay-nav .sub-menu {
max-height: 0;
overflow: hidden;
transition: max-height 0.3s ease-out;
background-color: #f9fafb;
padding-left: 15px;
}
.footer-overlay-nav .sub-menu.is-open {
max-height: 500px;
}
.footer-overlay-nav .sub-menu a {
font-size: 16px;
color: #4b5563;
}
body {
padding-bottom: 60px !important;
}
a.generate-back-to-top {
display: none !important;
}
} @media (max-width: 768px) {
.gp-mobile-footer-bar .footer-bar-item {
transition: background-color 0.2s ease, color 0.2s ease !important;
}
.gp-mobile-footer-bar .footer-bar-item.is-active-btn {
background-color: #f3f4f6 !important;
color: #2563eb !important;
}
.gp-mobile-footer-bar .footer-bar-item.is-active-btn .footer-bar-icon {
filter: invert(32%) sepia(90%) md(100%) saturate(1919%) hue-rotate(212deg) brightness(97%) contrast(93%) !important;
}
.gp-mobile-footer-bar .footer-bar-item.is-active-btn .footer-bar-text {
color: #2563eb !important;
font-weight: 600 !important;
}
} .spotify-search-sticky-header {
position: sticky !important;
top: 0 !important;
z-index: 10 !important;
flex-shrink: 0 !important; 
padding: 20px 16px 12px 16px !important;
background-color: #f9fafb !important;
}
.spotify-search-title {
color: #111827 !important;
font-size: 28px !important;
font-weight: 700 !important;
margin: 0 0 16px 0 !important;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
}
.spotify-search-sticky-header .search-input-wrapper {
position: relative !important;
display: flex !important;
align-items: center !important;
width: 100% !important;
height: 46px !important;
background: #ffffff !important;
border: 1px solid #d1d5db !important;
border-radius: 4px !important;
padding: 0 12px !important;
box-sizing: border-box !important;
box-shadow: 0 1px 3px rgba(0,0,0,0.05) !important;
}
.spotify-search-sticky-header .search-input-icon {
position: absolute !important;
left: 12px !important;
width: 22px !important;
height: 22px !important;
pointer-events: none !important;
}
.spotify-search-field, 
.spotify-search-sticky-header .search-field {
width: 100% !important;
height: 100% !important;
border: none !important;
background: transparent !important;
padding-left: 36px !important;
font-size: 15px !important;
font-weight: 600 !important;
color: #111827 !important;
outline: none !important;
box-shadow: none !important;
} .spotify-search-scroll-content {
flex: 1 !important;
overflow-y: auto !important;
-webkit-overflow-scrolling: touch !important;
padding: 8px 16px 80px 16px !important; 
}
.spotify-discover-heading {
color: #374151 !important;
font-size: 18px !important;
font-weight: 700 !important;
margin: 0 0 16px 0 !important;
}
.spotify-discover-grid {
display: grid !important;
grid-template-columns: repeat(2, 1fr) !important;
gap: 16px !important;
}
.spotify-card {
display: flex !important;
position: relative !important;
height: 100px !important;
border-radius: 4px !important;
padding: 12px !important;
box-sizing: border-box !important;
text-decoration: none !important;
overflow: hidden !important;
border: none !important;
}
.spotify-card span {
display: -webkit-box !important;
-webkit-line-clamp: 3 !important;
-webkit-box-orient: vertical !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
font-size: 14px !important;
color: #ffffff !important;
font-weight: 400 !important; 
line-height: 1.2 !important;
text-align: left !important;
position: relative !important;
z-index: 2 !important;
} .spotify-discover-grid a[class*="flag-id-"] span {
max-width: 65% !important;
position: relative !important;
display: inline-block !important;
text-indent: 0 !important; 
padding-left: 0 !important;
overflow: hidden !important;
white-space: nowrap !important;
}
.spotify-discover-grid a[class*="flag-id-"] {
overflow: hidden !important;
}
.spotify-discover-grid a[class*="flag-id-"]::after {
position: absolute !important;
z-index: 1 !important;
bottom: 8px !important; 
right: 12px !important;
font-size: 40px !important; 
line-height: 1 !important;
display: block !important;
pointer-events: none !important;
}
.spotify-discover-grid .flag-id-de::after { content: "🇩🇪" !important; }
.spotify-discover-grid .flag-id-at::after { content: "🇦🇹" !important; }
.spotify-discover-grid .flag-id-ch::after { content: "🇨🇭" !important; }
.spotify-discover-grid .flag-id-us::after { content: "🇺🇸" !important; }
.spotify-discover-grid .flag-id-gb::after { content: "🇬🇧" !important; }
.spotify-discover-grid .flag-id-fr::after { content: "🇫🇷" !important; }
.spotify-discover-grid .flag-id-it::after { content: "🇮🇹" !important; }
.spotify-discover-grid .flag-id-es::after { content: "🇪🇸" !important; }
.spotify-discover-grid .flag-id-jp::after { content: "🇯🇵" !important; }
.spotify-discover-grid .flag-id-be::after { content: "🇧🇪" !important; } 
.spotify-discover-grid .flag-id-se::after { content: "🇸🇪" !important; } .spotify-card img.spotify-card-img {
position: absolute !important;
z-index: 1 !important;
width: 65px !important;
height: 65px !important;
bottom: -10px !important;  
right: -15px !important;  
transform: rotate(25deg) !important;
object-fit: cover !important;
border-radius: 4px !important; 
box-shadow: -2px 4px 10px rgba(0, 0, 0, 0.3) !important; 
margin: 0 !important;
padding: 0 !important;
} .card-pink   { background-color: #e2128c !important; }
.card-green  { background-color: #006450 !important; }
.card-blue   { background-color: #1e3264 !important; }
.card-purple { background-color: #8c1e8c !important; }
.card-olive  { background-color: #4c6414 !important; }
.card-grey   { background-color: #686868 !important; }
.spotify-light-theme .card-orange { background-color: #e85c04 !important; }
.spotify-light-theme .card-teal   { background-color: #008080 !important; }
.spotify-light-theme .card-red    { background-color: #b8001f !important; }
.spotify-light-theme .card-indigo { background-color: #3f51b5 !important; }
.spotify-light-theme .card-yellow { background-color: #f1c40f !important; }
.spotify-light-theme .card-brown  { background-color: #795548 !important; }
.spotify-light-theme .card-neonpurple   { background-color: #a01c54 !important; }
.spotify-light-theme .card-electricteal { background-color: #048c7c !important; }
.spotify-light-theme .card-lime         { background-color: #689c14 !important; }
.spotify-light-theme .card-neonblue     { background-color: #1464c4 !important; }
.spotify-light-theme .card-berry        { background-color: #7c144c !important; }
.spotify-light-theme .card-slate        { background-color: #44545c !important; }
.spotify-light-theme .card-terracotta { background-color: #c05c44 !important; }
.spotify-light-theme .card-forest     { background-color: #1e5434 !important; }
.spotify-light-theme .card-plum       { background-color: #5c245c !important; }
.spotify-light-theme .card-denim      { background-color: #2c547c !important; }
.spotify-light-theme .card-mustard    { background-color: #d0941c !important; }
.spotify-light-theme .card-sage       { background-color: #748c74 !important; }
.spotify-light-theme .cat-fallback-img {
width: 50px !important; height: 50px !important; bottom: -5px !important; right: -10px !important;
filter: invert(100%) opacity(15%) !important; transform: rotate(-15deg) !important;
} @media (max-width: 768px) {
.gp-mobile-footer-bar .footer-bar-item * {
pointer-events: none !important;
}
button.footer-bar-item {
border: none !important; background: transparent !important; outline: none !important;
box-shadow: none !important; padding: 0 !important; width: 100% !important;
cursor: pointer !important; -webkit-appearance: none !important;
}
} body {
--global-font-scale: 1;
}
body p, 
body span:not(.footer-bar-text), 
body a:not(.footer-bar-item), 
body li, 
body div:not(.gp-mobile-footer-bar) {
font-size: calc(1em * var(--global-font-scale)) !important;
}
body h1 { font-size: calc(2.2em * var(--global-font-scale)) !important; }
body h2:not(.spotify-search-title) { font-size: calc(1.8em * var(--global-font-scale)) !important; }
body h3:not(.spotify-discover-heading) { font-size: calc(1.4em * var(--global-font-scale)) !important; }
body h4 { font-size: calc(1.2em * var(--global-font-scale)) !important; }
.gp-mobile-footer-bar .footer-bar-text {
font-size: 11px !important;
} .theme-switch .switch-slider::before {
content: "";
position: absolute;
height: 22px;
width: 22px;
left: 3px;
bottom: 3px;
background-color: white;
transition: .3s cubic-bezier(0.4, 0, 0.2, 1);
border-radius: 50%;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}
.theme-switch input:checked + .switch-slider {
background-color: #2563eb !important; 
}
.theme-switch input:checked + .switch-slider::before {
transform: translateX(22px);
}
.theme-switch input:focus-visible + .switch-slider {
box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.4);
}
body.dark-contrast .theme-switch .switch-slider {
background-color: #4b5563; 
} body.dark-contrast,
body.dark-contrast #page,
body.dark-contrast #main,
body.dark-contrast .site-content,
body.dark-contrast .inside-article,
body.dark-contrast article,
body.dark-contrast .sidebar,
body.dark-contrast .widget, body.dark-contrast .footer-widgets, body.dark-contrast #footer-widgets, body.dark-contrast .site-footer, body.dark-contrast .site-info, body.dark-contrast #comments,                      
body.dark-contrast .comments-area,                  
body.dark-contrast .comment-respond,                
body.dark-contrast .comment-list .comment-content,
body.dark-contrast .comment-list li.comment {
background-color: #121212 !important; 
color: #f3f4f6 !important; 
} body.dark-contrast .separate-containers .comments-area,
body.dark-contrast .separate-containers .widget,
body.dark-contrast .inside-footer-widgets .widget,
body.dark-contrast .site-footer,                    
body.dark-contrast .site-info {                     
border-color: #4b5563 !important;
box-shadow: none !important;
}
body.dark-contrast a:not(.footer-bar-item),
body.dark-contrast li a,
body.dark-contrast .comment-reply-link {            
color: #60a5fa !important; 
} body.dark-contrast h1, 
body.dark-contrast h2, 
body.dark-contrast h3, 
body.dark-contrast h4,
body.dark-contrast p,
body.dark-contrast li,
body.dark-contrast span:not(.footer-bar-text),
body.dark-contrast .widget-title,                  
body.dark-contrast .footer-widgets .widget-title,   
body.dark-contrast .comment-meta a,                 
body.dark-contrast .fn {                            
color: #ffffff !important;
} body.dark-contrast input, 
body.dark-contrast select,
body.dark-contrast .accessibility-setting-card,
body.dark-contrast .spotify-search-sticky-header,
body.dark-contrast .spotify-search-scroll-content,
body.dark-contrast .menu-overlay-header,
body.dark-contrast .footer-overlay-scroll-container {
background-color: #1f2937 !important;
color: #ffffff !important;
border-color: #4b5563 !important;
} body.dark-contrast #submit,
body.dark-contrast .submit {
background-color: #2563eb !important;
color: #ffffff !important;
border: 1px solid #1d4ed8 !important;
}
body.dark-contrast .inside-navigation,
body.dark-contrast .separate-containers .inside-article,
body.dark-contrast .inside-footer {                 
background-color: #121212 !important;
}
body.dark-contrast .gp-mobile-footer-bar {
background-color: #ffffff !important;
border-top: 1px solid #d1d5db !important;
}
body.dark-contrast .footer-bar-text {
color: #111827 !important;
} @media (min-width: 769px) { #footerSearchOverlay .spotify-search-scroll-content,
#footerAccessibilityOverlay .spotify-search-scroll-content,
.spotify-search-scroll-content {
-ms-overflow-style: none !important; scrollbar-width: none !important; } #footerSearchOverlay .spotify-search-scroll-content::-webkit-scrollbar,
#footerAccessibilityOverlay .spotify-search-scroll-content::-webkit-scrollbar,
.spotify-search-scroll-content::-webkit-scrollbar {
display: none !important; width: 0 !important;
height: 0 !important;
}
} @media (min-width: 769px) {
nav.gp-mobile-footer-bar {
display: block !important;
position: static !important;
background: transparent !important;
box-shadow: none !important;
border: none !important;
width: auto !important;
height: auto !important;
}
nav.gp-mobile-footer-bar #footerHomeTrigger,
nav.gp-mobile-footer-bar #footerMenuTrigger {
display: none !important;
} nav.gp-mobile-footer-bar #footerScrollToTop,
nav.gp-mobile-footer-bar #footerAccessibilityTrigger,
nav.gp-mobile-footer-bar #footerSearchTrigger {
display: flex !important;
position: fixed !important;
right: 24px !important;
width: 48px !important;
height: 48px !important;
background-color: #ffffff !important;
border: 1px solid #d1d5db !important;
border-radius: 50% !important;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12) !important;
z-index: 9999 !important;
justify-content: center !important;
align-items: center !important;
cursor: pointer !important;
transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), background-color 0.2s ease, box-shadow 0.2s ease !important;
padding: 0 !important;
} nav.gp-mobile-footer-bar #footerScrollToTop { bottom: 24px !important; }
nav.gp-mobile-footer-bar #footerAccessibilityTrigger { bottom: 88px !important; }
nav.gp-mobile-footer-bar #footerSearchTrigger { bottom: 152px !important; } nav.gp-mobile-footer-bar #footerScrollToTop .footer-bar-text,
nav.gp-mobile-footer-bar #footerAccessibilityTrigger .footer-bar-text,
nav.gp-mobile-footer-bar #footerSearchTrigger .footer-bar-text {
display: none !important;
}
nav.gp-mobile-footer-bar #footerScrollToTop .footer-bar-icon,
nav.gp-mobile-footer-bar #footerAccessibilityTrigger .footer-bar-icon,
nav.gp-mobile-footer-bar #footerSearchTrigger .footer-bar-icon {
width: 22px !important;
height: 22px !important;
margin: 0 !important;
color: #374151 !important;
} body:has(#footerAccessibilityOverlay.is-active) nav.gp-mobile-footer-bar #footerScrollToTop,
body:has(#footerAccessibilityOverlay.is-active) nav.gp-mobile-footer-bar #footerAccessibilityTrigger,
body:has(#footerAccessibilityOverlay.is-active) nav.gp-mobile-footer-bar #footerSearchTrigger,
body:has(#footerSearchOverlay.is-active) nav.gp-mobile-footer-bar #footerScrollToTop,
body:has(#footerSearchOverlay.is-active) nav.gp-mobile-footer-bar #footerAccessibilityTrigger,
body:has(#footerSearchOverlay.is-active) nav.gp-mobile-footer-bar #footerSearchTrigger {
transform: translateX(-380px) !important; 
}
nav.gp-mobile-footer-bar #footerScrollToTop:hover,
nav.gp-mobile-footer-bar #footerAccessibilityTrigger:hover,
nav.gp-mobile-footer-bar #footerSearchTrigger:hover {
background-color: #f3f4f6 !important;
box-shadow: 0 6px 16px rgba(0, 0, 0, 0.16) !important;
}
body:has(#footerAccessibilityOverlay.is-active) nav.gp-mobile-footer-bar #footerScrollToTop:hover,
body:has(#footerAccessibilityOverlay.is-active) nav.gp-mobile-footer-bar #footerAccessibilityTrigger:hover,
body:has(#footerAccessibilityOverlay.is-active) nav.gp-mobile-footer-bar #footerSearchTrigger:hover,
body:has(#footerSearchOverlay.is-active) nav.gp-mobile-footer-bar #footerScrollToTop:hover,
body:has(#footerSearchOverlay.is-active) nav.gp-mobile-footer-bar #footerAccessibilityTrigger:hover,
body:has(#footerSearchOverlay.is-active) nav.gp-mobile-footer-bar #footerSearchTrigger:hover {
transform: translateX(-380px) scale(1.05) !important;
} #footerAccessibilityOverlay.footer-search-overlay,
#footerSearchOverlay.footer-search-overlay {
display: flex !important;
flex-direction: column !important;
position: fixed !important;
right: 0 !important;
left: auto !important;
top: 0 !important;
width: 380px !important;
height: 100vh !important;
background-color: #ffffff !important;
box-shadow: -4px 0 24px rgba(0, 0, 0, 0.15) !important;
z-index: 9998 !important;
padding: 24px !important;
box-sizing: border-box !important;
transform: translateX(100%) !important; 
transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
#footerAccessibilityOverlay.footer-search-overlay.is-active,
#footerSearchOverlay.footer-search-overlay.is-active {
transform: translateX(0) !important;
}
#footerAccessibilityOverlay .spotify-search-sticky-header,
#footerSearchOverlay .spotify-search-sticky-header {
background: transparent !important;
padding: 0 0 16px 0 !important;
}
#footerAccessibilityOverlay .spotify-search-title,
#footerSearchOverlay .spotify-search-title {
margin: 0 0 8px 0 !important;
} body.dark-contrast nav.gp-mobile-footer-bar #footerScrollToTop,
body.dark-contrast nav.gp-mobile-footer-bar #footerAccessibilityTrigger,
body.dark-contrast nav.gp-mobile-footer-bar #footerSearchTrigger {
background-color: #1f2937 !important;
border-color: #4b5563 !important;
}
body.dark-contrast nav.gp-mobile-footer-bar #footerScrollToTop .footer-bar-icon,
body.dark-contrast nav.gp-mobile-footer-bar #footerAccessibilityTrigger .footer-bar-icon,
body.dark-contrast nav.gp-mobile-footer-bar #footerSearchTrigger .footer-bar-icon {
filter: invert(1) !important;
}
body.dark-contrast nav.gp-mobile-footer-bar #footerScrollToTop:hover,
body.dark-contrast nav.gp-mobile-footer-bar #footerAccessibilityTrigger:hover,
body.dark-contrast nav.gp-mobile-footer-bar #footerSearchTrigger:hover {
background-color: #374151 !important;
}
body.dark-contrast #footerAccessibilityOverlay.footer-search-overlay,
body.dark-contrast #footerSearchOverlay.footer-search-overlay {
background-color: #121212 !important;
box-shadow: -4px 0 24px rgba(0, 0, 0, 0.5) !important;
}
body.dark-contrast .spotify-search-sticky-header {
background-color: #121212 !important;
}
}  body.large-cursor { cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='38' height='38' viewBox='0 0 32 32'%3E%3Cpath fill='%23111827' stroke='%23111827' stroke-width='1' stroke-linejoin='miter' d='M2 2v24l6.5-6.5 5 9.5 3.5-1.8-5-9.5 7.5-.2z'/%3E%3C/svg%3E") 0 0, auto !important;
} body.large-cursor a,
body.large-cursor button,
body.large-cursor input[type="submit"],
body.large-cursor input[type="button"],
body.large-cursor .pointer,
body.large-cursor [role="button"],
body.large-cursor .spotify-card,
body.large-cursor .footer-bar-item { cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='38' height='38' viewBox='0 0 32 32'%3E%3Cpath fill='%23111827' stroke='%23111827' stroke-width='1' stroke-linejoin='miter' d='M6 30h12a5 5 0 0 0 5-5V14h-1V8a1.5 1.5 0 0 0-3 0v6h-1V5a1.5 1.5 0 0 0-3 0v9h-1V2a1.5 1.5 0 0 0-3 0v12H9V7a1.5 1.5 0 0 0-3 0v17a6 6 0 0 0 6 6z'/%3E%3C/svg%3E") 6 0, pointer !important;
} body.large-cursor.dark-contrast { cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='38' height='38' viewBox='0 0 32 32'%3E%3Cpath fill='%23ffffff' stroke='%23000000' stroke-width='1.2' stroke-linejoin='miter' d='M2 2v24l6.5-6.5 5 9.5 3.5-1.8-5-9.5 7.5-.2z'/%3E%3C/svg%3E") 0 0, auto !important;
} body.dark-contrast.large-cursor a,
body.dark-contrast.large-cursor button,
body.dark-contrast.large-cursor .spotify-card,
body.dark-contrast.large-cursor .footer-bar-item { cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='38' height='38' viewBox='0 0 32 32'%3E%3Cpath fill='%23ffffff' stroke='%23000000' stroke-width='1.2' stroke-linejoin='miter' d='M6 30h12a5 5 0 0 0 5-5V14h-1V8a1.5 1.5 0 0 0-3 0v6h-1V5a1.5 1.5 0 0 0-3 0v9h-1V2a1.5 1.5 0 0 0-3 0v12H9V7a1.5 1.5 0 0 0-3 0v17a6 6 0 0 0 6 6z'/%3E%3C/svg%3E") 6 0, pointer !important;
} .weekly-posts-container {
margin: 30px 0;
width: 100%;
} .weekly-posts-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
gap: 20px;
} .weekly-post-card {
background-color: #ffffff;
border: 1px solid #e5e7eb;
border-radius: 8px;
overflow: hidden; display: flex;
flex-direction: column;
transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}
.weekly-post-card:hover {
transform: translateY(-4px);
box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.05);
} .weekly-post-image-wrapper {
position: relative;
width: 100%;
background-color: #f3f4f6;
display: block;
overflow: hidden;
} .weekly-post-img {
width: 100%;
height: auto; max-height: 300px; display: block;
object-fit: scale-down; transition: opacity 0.2s ease;
} .weekly-post-img-fallback {
width: 100%;
height: 220px;
background: linear-gradient(135deg, #e5e7eb 0%, #d1d5db 100%);
} .weekly-post-content-wrapper {
padding: 20px;
display: flex;
flex-direction: column;
flex-grow: 1; justify-content: space-between;
} .weekly-post-card-title {
margin: 0 0 10px 0;
font-size: 16px;
line-height: 1.4;
}
.weekly-post-card-title a {
color: #111827;
text-decoration: none !important;
font-weight: 600;
}
.weekly-post-card-title a:hover {
color: #4b5563;
} .weekly-post-excerpt {
color: #4b5563;
font-size: 13px;
line-height: 1.6;
margin-bottom: 15px;
}
.weekly-post-excerpt p {
margin: 0;
} .weekly-post-link {
font-size: 13px;
font-weight: 500;
color: #111827;
text-decoration: none;
display: inline-block;
}
.weekly-post-link:hover {
text-decoration: underline;
} @media (min-width: 600px) and (max-width: 900px) {
.weekly-posts-grid {
grid-template-columns: repeat(2, 1fr);
}
} .footer-widget-posts {
width: 100%;
margin-top: 15px;
}
.widget-posts-list.side-by-side-layout {
list-style: none !important;
padding: 0 !important;
margin: 0 !important;
display: flex;
flex-direction: column;
gap: 30px;
}
.widget-post-item {
display: flex;
flex-direction: row; 
align-items: flex-start;
gap: 20px; 
padding-bottom: 25px;
border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
.widget-post-item:last-child {
padding-bottom: 0;
border-bottom: none;
} .widget-post-img-wrapper.exact-square {
flex-shrink: 0 !important; width: 300px !important;
height: 300px !important;
min-width: 300px !important; min-height: 300px !important; border-radius: 6px;
overflow: hidden;
background-color: #f3f4f6;
}
.widget-post-thumb {
width: 100% !important;
height: 100% !important;
object-fit: cover !important; display: block;
}
.widget-post-content {
flex-grow: 1;
display: flex;
flex-direction: column;
gap: 10px;
min-width: 0; }
.widget-post-title {
margin: 0 !important;
font-size: 18px !important; 
line-height: 1.4 !important;
font-weight: 700;
}
.widget-post-title a {
color: inherit;
text-decoration: none !important;
transition: opacity 0.2s ease;
}
.widget-post-title a:hover {
opacity: 0.75;
}
.widget-post-excerpt {
color: #4b5563;
font-size: 13px;
line-height: 1.6;
}
.widget-post-excerpt p {
margin: 0 !important;
padding: 0 !important;
} @media (max-width: 600px) {
.widget-post-item {
flex-direction: column;
align-items: stretch;
}
.widget-post-img-wrapper.exact-square {
width: 100% !important;
max-width: 300px !important; height: 300px !important;
margin: 0 auto;
}
}  .category main {
display: block !important; } @media (min-width: 769px) {
.category main {
display: flex !important;
flex-direction: column;
} .category main .page-header {
margin-bottom: 45px !important; 
} .category article.post {
display: flex;
} .category main {
display: grid !important;
grid-template-columns: repeat(3, 1fr);
gap: 30px;
}
.category main .page-header,
.category main .paging-navigation,
.category main .pagination,
.category main nav.navigation {
grid-column: 1 / -1; }
} @media (min-width: 481px) and (max-width: 768px) {
.category main {
display: grid !important;
grid-template-columns: repeat(2, 1fr);
gap: 20px;
}
.category main .page-header,
.category main .paging-navigation,
.category main .pagination,
.category main nav.navigation {
grid-column: 1 / -1;
}
} .category article.post {
background-color: #ffffff;
border: 1px solid #e5e7eb;
border-radius: 8px;
transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
margin-bottom: 0 !important;
} .category article.post .inside-article {
display: flex;
flex-direction: column;
width: 100%;
height: 100%;
padding: 25px !important;
} .category .post-image {
width: 100%;
aspect-ratio: 16 / 9; 
overflow: hidden;
}
.category .post-image img {
width: 100% !important;
height: 100% !important;
object-fit: cover !important; 
display: block;
} .category .entry-summary, 
.category .entry-content {
flex-grow: 1; 
}  .category .post-image {
margin-bottom: 8px !important; 
}
.category .entry-header {
margin-top: 8px !important; 
} .category .entry-title {
margin-bottom: 25px !important; 
}
.category .post-image + .entry-summary,
.category .post-image + .entry-content {
margin-top: 8px !important; 
} .category article.post:hover {
transform: translateY(-4px);
box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.05);
}  .category .pagination,
.category .nav-links,
.category .loop-pagination,
.category nav.navigation {
display: block !important;
width: 100% !important;
clear: both !important;
margin: 70px 0 30px 0 !important; text-align: center !important;
grid-column: 1 / -1 !important;
} .category nav .nav-links,
.category .loop-pagination {
display: inline-flex !important;
background-color: transparent !important;
padding: 0 !important;
border: none !important;
box-shadow: none !important;
gap: 10px !important; justify-content: center !important;
align-items: center !important;
} .category nav .page-numbers,
.category .loop-pagination .page-numbers {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
min-width: 46px !important; height: 46px !important; padding: 0 18px !important; font-size: 15px !important; font-weight: 600 !important; color: #1f2937 !important; text-decoration: none !important;
border: 2px solid #e5e7eb !important; background-color: #ffffff !important;
border-radius: 10px !important; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.04) !important; transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important; box-sizing: border-box !important;
} .category nav a.page-numbers:hover,
.category .loop-pagination a.page-numbers:hover {
color: #111827 !important;
background-color: #ffffff !important;
border-color: #111827 !important; transform: translateY(-2px) !important; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.08) !important; } .category nav .page-numbers.current,
.category .loop-pagination .page-numbers.current {
color: #ffffff !important;
background-color: #111827 !important; border-color: #111827 !important;
font-weight: 700 !important;
transform: none !important;
box-shadow: 0 4px 12px rgba(17, 24, 39, 0.2) !important; cursor: default !important;
} .category nav .page-numbers.prev,
.category nav .page-numbers.next,
.category .loop-pagination .page-numbers.prev,
.category .loop-pagination .page-numbers.next {
font-weight: 700 !important;
background-color: #f9fafb !important; color: #111827 !important;
} .category nav .page-numbers.dots,
.category .loop-pagination .page-numbers.dots {
background: transparent !important;
border: none !important;
box-shadow: none !important;
color: #9ca3af !important;
min-width: 30px !important;
padding: 0 !important;
}  .category article.post .inside-article,
.home article.post .inside-article {
display: flex !important;
flex-direction: column !important;
justify-content: flex-start !important;
height: 100% !important;
} .category .post-image,
.home .post-image {
order: 1 !important;
margin: -25px -25px 15px -25px !important; width: calc(100% + 50px) !important;
max-width: none !important;
} .category .entry-header,
.home .entry-header {
order: 2 !important;
margin-top: 5px !important;
margin-bottom: 12px !important;
} .category .entry-summary, 
.category .entry-content,
.home .entry-summary,
.home .entry-content {
order: 3 !important;
flex-grow: 1 !important; margin-bottom: 20px !important;
} .custom-read-more-container {
order: 4 !important;
margin-top: auto !important; text-align: left !important;
padding-top: 10px !important;
} .custom-grid-read-more {
display: inline-block !important;
font-size: 14px !important;
font-weight: 600 !important;
color: #111827 !important; text-decoration: none !important;
transition: all 0.2s ease-in-out !important;
} .custom-grid-read-more:hover {
color: #4b5563 !important; text-decoration: underline !important;
transform: translateX(3px) !important; }  .category .read-more,
.home .read-more,
.category .entry-summary a.read-more,
.home .entry-summary a.read-more {
display: none !important;
} .category .entry-header,
.home .entry-header {
margin-bottom: 4px !important; }
.category .entry-summary, 
.category .entry-content,
.home .entry-summary,
.home .entry-content {
margin-top: 0 !important; }  .custom-grid-read-more {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
padding: 8px 16px !important; font-size: 13px !important;
font-weight: 600 !important;
color: #374151 !important; background-color: #ffffff !important; border: 1px solid #d1d5db !important; border-radius: 6px !important; text-decoration: none !important;
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important; transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
} .custom-grid-read-more:hover {
color: #ffffff !important; background-color: #111827 !important; border-color: #111827 !important;
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.08) !important;
transform: translateY(-1px) !important; text-decoration: none !important; } .custom-grid-read-more:hover {
transform: translateY(-1px) !important;
}  .inside-content-breadcrumbs,
.category main .archive-direct-inside {
display: flex !important;
flex-wrap: wrap !important;
align-items: center !important;
width: 100% !important;
background: transparent !important; border: none !important; padding: 0 0 12px 0 !important; margin-top: 0 !important;
margin-left: 0 !important;
margin-right: 0 !important;
margin-bottom: 28px !important;  font-size: 14px !important; line-height: 1.5 !important;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
letter-spacing: 0.02em !important; } .inside-content-breadcrumbs .breadcrumb-link,
.category main .archive-direct-inside .breadcrumb-link {
color: #2563eb !important; text-decoration: none !important;
font-weight: 500 !important;
border-bottom: 1px solid transparent !important;
transition: all 0.1s ease-in-out !important;
} .inside-content-breadcrumbs .breadcrumb-link:hover,
.category main .archive-direct-inside .breadcrumb-link:hover {
color: #1d4ed8 !important; border-bottom: 1px solid #1d4ed8 !important; } .inside-content-breadcrumbs .breadcrumb-separator,
.category main .archive-direct-inside .breadcrumb-separator {
margin: 0 12px !important; color: #9ca3af !important; font-size: 12px !important;
font-weight: 400 !important;
user-select: none !important;
} .inside-content-breadcrumbs .breadcrumb-current,
.category main .archive-direct-inside .breadcrumb-current {
color: #111827 !important; font-weight: 600 !important; white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
max-width: 350px !important; } @media (max-width: 768px) {
.inside-content-breadcrumbs,
.category main .archive-direct-inside {
margin-bottom: 20px !important;
font-size: 13px !important; }
.inside-content-breadcrumbs .breadcrumb-separator,
.category main .archive-direct-inside .breadcrumb-separator {
margin: 0 8px !important;
}
.inside-content-breadcrumbs .breadcrumb-current,
.category main .archive-direct-inside .breadcrumb-current {
max-width: 180px !important; }
} @media (max-width: 768px) { .site-footer .footer-widgets,
.site-footer .footer-widgets-container,
.site-footer .inside-footer-widgets,
.site-footer [class*="footer-widget-"] {
display: none !important;
visibility: hidden !important;
opacity: 0 !important;
height: 0 !important;
padding: 0 !important;
margin: 0 !important;
} .footer-menu-overlay .footer-overlay-widget-zone,
.footer-menu-overlay .footer-overlay-widget-zone .widget {
display: block !important;
visibility: visible !important;
opacity: 1 !important;
height: auto !important;
padding: 20px !important; margin: 15px 0 0 0 !important;
}
}  .post-term--land {
display: inline-flex !important;
align-items: center !important;
} .flag-id-de::before { content: "🇩🇪\a0" !important; } .flag-id-at::before { content: "🇦🇹\a0" !important; }
.flag-id-ch::before { content: "🇨🇭\a0" !important; }
.flag-id-us::before { content: "🇺🇸\a0" !important; }
.flag-id-gb::before { content: "🇬🇧\a0" !important; }
.flag-id-fr::before { content: "🇫🇷\a0" !important; }
.flag-id-be::before { content: "🇧🇪\a0" !important; }
.flag-id-se::before { content: "🇸🇪\a0" !important; }
.flag-id-jp::before { content: "🇯🇵\a0" !important; } .inside-article .spotify-grid-compact {
display: grid !important; grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)) !important;
gap: 12px !important; margin: 24px 0 !important;
}
.inside-article .spotify-grid-compact .spotify-card {
height: 64px !important; padding: 10px 8px !important; }
.inside-article .spotify-grid-compact .spotify-card span {
font-size: 13px !important; font-weight: 500 !important;
line-height: 1.15 !important;
max-width: 80% !important;
} .inside-article .spotify-grid-compact .cat-fallback-img {
width: 38px !important; height: 38px !important;
bottom: -4px !important;
right: -6px !important;
opacity: 0.12 !important;
} body.dark-contrast .weekly-post-card {
background-color: #1f2937 !important; border-color: #4b5563 !important;
}
body.dark-contrast .weekly-post-card-title a {
color: #ffffff !important;
}
body.dark-contrast .weekly-post-card-title a:hover {
color: #60a5fa !important;
}
body.dark-contrast .weekly-post-excerpt {
color: #d1d5db !important;
}
body.dark-contrast .weekly-post-link {
color: #60a5fa !important;
}
body.dark-contrast .weekly-post-image-wrapper {
background-color: #121212 !important;
}
body.dark-contrast .reihe-sektion-titel {
color: #ffffff !important;
}
body.dark-contrast .kategorie-sektion-titel {
color: #ffffff !important;
} .shariff-share-container {
margin: 25px 0;
width: 100%;
}
.shariff-share-list {
display: grid; grid-template-columns: repeat(auto-fit, minmax(110px, 1fr));
gap: 8px;
padding: 0;
margin: 0;
list-style: none;
}
.shariff-item {
margin: 0;
padding: 0;
}
.shariff-item a {
display: flex;
align-items: center;
justify-content: center;
gap: 6px;
padding: 8px 10px;
color: #ffffff !important;
text-decoration: none !important;
font-size: 12px;
font-weight: 600;
border-radius: 4px;
transition: background-color 0.2s ease, transform 0.1s ease;
box-sizing: border-box;
}
.shariff-item a:hover {
transform: translateY(-1px);
}
.shariff-item .shariff-icon {
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
} .shariff-item.facebook a  { background-color: #1877f2; }
.shariff-item.facebook a:hover { background-color: #145dbf; }
.shariff-item.x-twitter a { background-color: #000000; }
.shariff-item.x-twitter a:hover { background-color: #1a1a1a; }
.shariff-item.bluesky a   { background-color: #0285ff; }
.shariff-item.bluesky a:hover { background-color: #0066cc; }
.shariff-item.mastodon a  { background-color: #6364ff; }
.shariff-item.mastodon a:hover { background-color: #5051db; }
.shariff-item.reddit a    { background-color: #ff4500; }
.shariff-item.reddit a:hover { background-color: #d93a00; }
.shariff-item.pinterest a { background-color: #e60023; }
.shariff-item.pinterest a:hover { background-color: #b8001c; }
.shariff-item.whatsapp a  { background-color: #25d366; }
.shariff-item.whatsapp a:hover { background-color: #1ebd58; }
.shariff-item.email a     { background-color: #4b5563; }
.shariff-item.email a:hover { background-color: #374151; } @media (max-width: 480px) {
.shariff-share-list {
grid-template-columns: repeat(4, 1fr); }
.shariff-label {
display: none;
}
.shariff-item a {
padding: 10px;
}
} body.dark-contrast .shariff-item a {
border: 1px solid #4b5563;
}
body.dark-contrast .shariff-item.facebook a  { background-color: #0c5dc7; }
body.dark-contrast .shariff-item.facebook a:hover { background-color: #094799; }
body.dark-contrast .shariff-item.x-twitter a { background-color: #1f2937; }
body.dark-contrast .shariff-item.x-twitter a:hover { background-color: #111827; }
body.dark-contrast .shariff-item.bluesky a   { background-color: #0066cc; }
body.dark-contrast .shariff-item.bluesky a:hover { background-color: #004c99; }
body.dark-contrast .shariff-item.mastodon a  { background-color: #4849cc; }
body.dark-contrast .shariff-item.mastodon a:hover { background-color: #3738a0; }
body.dark-contrast .shariff-item.reddit a    { background-color: #cc3700; }
body.dark-contrast .shariff-item.reddit a:hover { background-color: #992900; }
body.dark-contrast .shariff-item.pinterest a { background-color: #b8001c; }
body.dark-contrast .shariff-item.pinterest a:hover { background-color: #8f0015; }
body.dark-contrast .shariff-item.whatsapp a  { background-color: #1ebd58; }
body.dark-contrast .shariff-item.whatsapp a:hover { background-color: #169443; }
body.dark-contrast .shariff-item.email a     { background-color: #374151; }
body.dark-contrast .shariff-item.email a:hover { background-color: #1f2937; }
body.dark-contrast .social-share-titel {
color: #ffffff !important;
}.footer-widgets-container{padding:40px}.inside-footer-widgets{display:flex}.inside-footer-widgets>div{flex:1 1 0}.site-footer .footer-widgets-container .inner-padding{padding:0 0 0 40px}.site-footer .footer-widgets-container .inside-footer-widgets{margin-left:-40px}.top-bar{font-weight:400;text-transform:none;font-size:13px}.top-bar .inside-top-bar{display:flex;align-items:center;flex-wrap:wrap}.top-bar .inside-top-bar .widget{padding:0;display:inline-block;margin-bottom:0}.top-bar .inside-top-bar .textwidget p:last-child{margin:0}.top-bar .widget-title{display:none}.top-bar .widget{margin:0 10px}.top-bar .widget_nav_menu>div>ul{display:flex;align-items:center}.top-bar .widget_nav_menu li{margin:0 10px;padding:0}.top-bar .widget_nav_menu li:first-child{margin-left:0}.top-bar .widget_nav_menu li:last-child{margin-right:0}.top-bar .widget_nav_menu li ul{display:none}.inside-top-bar{padding:10px 40px}div.top-bar .widget{margin-bottom:0}.top-bar-align-right .widget{margin-right:0}.top-bar-align-right .widget:first-child{margin-left:auto}.top-bar-align-right .widget:nth-child(2n){order:-20}.top-bar-align-right .widget:nth-child(2){margin-left:0}.top-bar-align-left .widget{margin-left:0}.top-bar-align-left .widget:nth-child(odd){order:-20}.top-bar-align-left .widget:nth-child(2){margin-left:auto}.top-bar-align-left .widget:last-child{margin-right:0}.top-bar-align-center .widget:first-child{margin-left:auto}.top-bar-align-center .widget:last-child{margin-right:auto}.top-bar-align-center .widget:not(:first-child):not(:last-child){margin:0 5px}.footer-bar-active .footer-bar .widget{padding:0}.footer-bar .widget_nav_menu>div>ul{display:flex;align-items:center;flex-wrap:wrap}.footer-bar .widget_nav_menu li{margin:0 10px;padding:0}.footer-bar .widget_nav_menu li:first-child{margin-left:0}.footer-bar .widget_nav_menu li:last-child{margin-right:0}.footer-bar .widget_nav_menu li ul{display:none}.footer-bar .textwidget p:last-child{margin:0}.footer-bar .widget-title{display:none}.footer-bar-align-right .copyright-bar{order:-20;margin-right:auto}.footer-bar-align-left .copyright-bar{margin-left:auto}.footer-bar-align-center .inside-site-info{flex-direction:column}.footer-bar-align-center .footer-bar{margin-bottom:10px}.site-footer:not(.footer-bar-active) .copyright-bar{margin:0 auto}@media (max-width:768px){.top-bar .inside-top-bar{justify-content:center}.top-bar .inside-top-bar>.widget{order:1;margin:0 10px}.top-bar .inside-top-bar:first-child{margin-left:auto}.top-bar .inside-top-bar:last-child{margin-right:auto}.top-bar .widget_nav_menu li{padding:5px 0}.top-bar-align-center{text-align:center}.inside-footer-widgets{flex-direction:column}.inside-footer-widgets>div:not(:last-child){margin-bottom:40px}.site-footer .footer-widgets .footer-widgets-container .inside-footer-widgets{margin:0}.site-footer .footer-widgets .footer-widgets-container .inner-padding{padding:0}.footer-bar-active .inside-site-info{flex-direction:column}.footer-bar-active .footer-bar{margin-bottom:10px}.footer-bar .widget_nav_menu>div>ul{justify-content:center}.footer-bar .widget_nav_menu li{padding:5px 0}.footer-bar .widget_nav_menu li:first-child{margin-left:10px}.footer-bar .widget_nav_menu li:last-child{margin-right:10px}.footer-bar-align-left .copyright-bar{margin-left:0}.footer-bar-align-right .copyright-bar{order:unset;margin-right:0}}html {
scroll-behavior: smooth;
} .gp-mobile-footer-bar,
.footer-search-overlay,
.footer-menu-overlay {
display: none;
}
@media (max-width: 768px) { #mobile-header,
.main-navigation button.menu-toggle,
.mobile-bar-items {
display: none !important;
} .gp-mobile-footer-bar {
display: flex !important;
position: fixed;
bottom: 0;
left: 0;
width: 100%;
height: 60px;
background-color: #ffffff;
box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
z-index: 9999;
justify-content: space-around;
align-items: center;
border-top: 1px solid #e5e7eb;
padding: 0;
}
.footer-bar-item {
flex: 1;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-decoration: none;
font-size: 11px;
font-weight: 500;
height: 100%;
border: none !important;
border-radius: 0 !important;
background: transparent;
}
.footer-bar-icon {
width: 20px;
height: 20px;
margin-bottom: 4px;
display: block;
object-fit: contain;
}
.footer-bar-text {
color: #374151;
} .footer-search-overlay.true-spotify-search-overlay {
display: flex !important;
flex-direction: column !important;
justify-content: flex-start !important;
position: fixed !important;
left: 0 !important; 
top: 0 !important;
width: 100% !important;
bottom: 60px !important; 
height: calc(100vh - 60px) !important;
background-color: #f9fafb !important; 
z-index: 9998 !important;
padding: 0 !important;
box-sizing: border-box;
transform: translateX(-100%) !important; 
transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important; 
}
.footer-search-overlay.true-spotify-search-overlay.is-active {
transform: translateX(0) !important;
} .footer-menu-overlay {
display: flex !important;
flex-direction: column !important;
position: fixed !important;
top: 0 !important;
left: 0 !important; 
width: 100% !important;
height: calc(100vh - 60px) !important;
background: #ffffff !important;
z-index: 9997 !important;
box-sizing: border-box;
transform: translateX(-100%) !important; 
transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.footer-menu-overlay.is-active {
transform: translateX(0) !important;
}
.menu-overlay-header {
display: flex;
justify-content: space-between;
align-items: center;
padding: 20px;
border-bottom: 1px solid #e5e7eb;
}
.menu-overlay-header h3 {
margin: 0;
font-size: 18px;
}
.close-menu-btn {
background: none;
border: none;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
}
.footer-overlay-nav {
padding: 10px 20px;
overflow-y: auto;
}
.footer-overlay-nav ul {
list-style: none;
padding: 0;
margin: 0;
}
.footer-overlay-nav li {
position: relative;
margin: 0;
}
.footer-overlay-nav a {
display: block;
font-size: 18px;
color: #111827;
text-decoration: none;
padding: 12px 60px 12px 0; 
border-bottom: 1px solid #f3f4f6;
}
.sub-menu-toggle {
position: absolute;
right: 0;
top: 4px; 
width: 50px; 
height: 38px;
background: #f3f4f6; 
border: 1px solid #e5e7eb; 
border-radius: 4px;
cursor: pointer;
transition: all 0.2s ease-in-out;
display: flex;
align-items: center;
justify-content: center;
z-index: 2;
}
.sub-menu-toggle img {
width: 14px !important;
height: 14px !important;
opacity: 0.8;
transition: transform 0.2s ease;
}
.sub-menu-toggle.is-rotated img {
transform: rotate(180deg);
}
.footer-overlay-nav .sub-menu {
max-height: 0;
overflow: hidden;
transition: max-height 0.3s ease-out;
background-color: #f9fafb;
padding-left: 15px;
}
.footer-overlay-nav .sub-menu.is-open {
max-height: 500px;
}
.footer-overlay-nav .sub-menu a {
font-size: 16px;
color: #4b5563;
}
body {
padding-bottom: 60px !important;
}
a.generate-back-to-top {
display: none !important;
}
} @media (max-width: 768px) {
.gp-mobile-footer-bar .footer-bar-item {
transition: background-color 0.2s ease, color 0.2s ease !important;
}
.gp-mobile-footer-bar .footer-bar-item.is-active-btn {
background-color: #f3f4f6 !important;
color: #2563eb !important;
}
.gp-mobile-footer-bar .footer-bar-item.is-active-btn .footer-bar-icon {
filter: invert(32%) sepia(90%) md(100%) saturate(1919%) hue-rotate(212deg) brightness(97%) contrast(93%) !important;
}
.gp-mobile-footer-bar .footer-bar-item.is-active-btn .footer-bar-text {
color: #2563eb !important;
font-weight: 600 !important;
}
} .spotify-search-sticky-header {
position: sticky !important;
top: 0 !important;
z-index: 10 !important;
flex-shrink: 0 !important; 
padding: 20px 16px 12px 16px !important;
background-color: #f9fafb !important;
}
.spotify-search-title {
color: #111827 !important;
font-size: 28px !important;
font-weight: 700 !important;
margin: 0 0 16px 0 !important;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
}
.spotify-search-sticky-header .search-input-wrapper {
position: relative !important;
display: flex !important;
align-items: center !important;
width: 100% !important;
height: 46px !important;
background: #ffffff !important;
border: 1px solid #d1d5db !important;
border-radius: 4px !important;
padding: 0 12px !important;
box-sizing: border-box !important;
box-shadow: 0 1px 3px rgba(0,0,0,0.05) !important;
}
.spotify-search-sticky-header .search-input-icon {
position: absolute !important;
left: 12px !important;
width: 22px !important;
height: 22px !important;
pointer-events: none !important;
}
.spotify-search-field, 
.spotify-search-sticky-header .search-field {
width: 100% !important;
height: 100% !important;
border: none !important;
background: transparent !important;
padding-left: 36px !important;
font-size: 15px !important;
font-weight: 600 !important;
color: #111827 !important;
outline: none !important;
box-shadow: none !important;
} .spotify-search-scroll-content {
flex: 1 !important;
overflow-y: auto !important;
-webkit-overflow-scrolling: touch !important;
padding: 8px 16px 80px 16px !important; 
}
.spotify-discover-heading {
color: #374151 !important;
font-size: 18px !important;
font-weight: 700 !important;
margin: 0 0 16px 0 !important;
}
.spotify-discover-grid {
display: grid !important;
grid-template-columns: repeat(2, 1fr) !important;
gap: 16px !important;
}
.spotify-card {
display: flex !important;
position: relative !important;
height: 100px !important;
border-radius: 4px !important;
padding: 12px !important;
box-sizing: border-box !important;
text-decoration: none !important;
overflow: hidden !important;
border: none !important;
}
.spotify-card span {
display: -webkit-box !important;
-webkit-line-clamp: 3 !important;
-webkit-box-orient: vertical !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
font-size: 14px !important;
color: #ffffff !important;
font-weight: 400 !important; 
line-height: 1.2 !important;
text-align: left !important;
position: relative !important;
z-index: 2 !important;
} .spotify-discover-grid a[class*="flag-id-"] span {
max-width: 65% !important;
position: relative !important;
display: inline-block !important;
text-indent: 0 !important; 
padding-left: 0 !important;
overflow: hidden !important;
white-space: nowrap !important;
}
.spotify-discover-grid a[class*="flag-id-"] {
overflow: hidden !important;
}
.spotify-discover-grid a[class*="flag-id-"]::after {
position: absolute !important;
z-index: 1 !important;
bottom: 8px !important; 
right: 12px !important;
font-size: 40px !important; 
line-height: 1 !important;
display: block !important;
pointer-events: none !important;
}
.spotify-discover-grid .flag-id-de::after { content: "🇩🇪" !important; }
.spotify-discover-grid .flag-id-at::after { content: "🇦🇹" !important; }
.spotify-discover-grid .flag-id-ch::after { content: "🇨🇭" !important; }
.spotify-discover-grid .flag-id-us::after { content: "🇺🇸" !important; }
.spotify-discover-grid .flag-id-gb::after { content: "🇬🇧" !important; }
.spotify-discover-grid .flag-id-fr::after { content: "🇫🇷" !important; }
.spotify-discover-grid .flag-id-it::after { content: "🇮🇹" !important; }
.spotify-discover-grid .flag-id-es::after { content: "🇪🇸" !important; }
.spotify-discover-grid .flag-id-jp::after { content: "🇯🇵" !important; }
.spotify-discover-grid .flag-id-be::after { content: "🇧🇪" !important; } 
.spotify-discover-grid .flag-id-se::after { content: "🇸🇪" !important; } .spotify-card img.spotify-card-img {
position: absolute !important;
z-index: 1 !important;
width: 65px !important;
height: 65px !important;
bottom: -10px !important;  
right: -15px !important;  
transform: rotate(25deg) !important;
object-fit: cover !important;
border-radius: 4px !important; 
box-shadow: -2px 4px 10px rgba(0, 0, 0, 0.3) !important; 
margin: 0 !important;
padding: 0 !important;
} .card-pink   { background-color: #e2128c !important; }
.card-green  { background-color: #006450 !important; }
.card-blue   { background-color: #1e3264 !important; }
.card-purple { background-color: #8c1e8c !important; }
.card-olive  { background-color: #4c6414 !important; }
.card-grey   { background-color: #686868 !important; }
.spotify-light-theme .card-orange { background-color: #e85c04 !important; }
.spotify-light-theme .card-teal   { background-color: #008080 !important; }
.spotify-light-theme .card-red    { background-color: #b8001f !important; }
.spotify-light-theme .card-indigo { background-color: #3f51b5 !important; }
.spotify-light-theme .card-yellow { background-color: #f1c40f !important; }
.spotify-light-theme .card-brown  { background-color: #795548 !important; }
.spotify-light-theme .card-neonpurple   { background-color: #a01c54 !important; }
.spotify-light-theme .card-electricteal { background-color: #048c7c !important; }
.spotify-light-theme .card-lime         { background-color: #689c14 !important; }
.spotify-light-theme .card-neonblue     { background-color: #1464c4 !important; }
.spotify-light-theme .card-berry        { background-color: #7c144c !important; }
.spotify-light-theme .card-slate        { background-color: #44545c !important; }
.spotify-light-theme .card-terracotta { background-color: #c05c44 !important; }
.spotify-light-theme .card-forest     { background-color: #1e5434 !important; }
.spotify-light-theme .card-plum       { background-color: #5c245c !important; }
.spotify-light-theme .card-denim      { background-color: #2c547c !important; }
.spotify-light-theme .card-mustard    { background-color: #d0941c !important; }
.spotify-light-theme .card-sage       { background-color: #748c74 !important; }
.spotify-light-theme .cat-fallback-img {
width: 50px !important; height: 50px !important; bottom: -5px !important; right: -10px !important;
filter: invert(100%) opacity(15%) !important; transform: rotate(-15deg) !important;
} @media (max-width: 768px) {
.gp-mobile-footer-bar .footer-bar-item * {
pointer-events: none !important;
}
button.footer-bar-item {
border: none !important; background: transparent !important; outline: none !important;
box-shadow: none !important; padding: 0 !important; width: 100% !important;
cursor: pointer !important; -webkit-appearance: none !important;
}
} body {
--global-font-scale: 1;
}
body p, 
body span:not(.footer-bar-text), 
body a:not(.footer-bar-item), 
body li, 
body div:not(.gp-mobile-footer-bar) {
font-size: calc(1em * var(--global-font-scale)) !important;
}
body h1 { font-size: calc(2.2em * var(--global-font-scale)) !important; }
body h2:not(.spotify-search-title) { font-size: calc(1.8em * var(--global-font-scale)) !important; }
body h3:not(.spotify-discover-heading) { font-size: calc(1.4em * var(--global-font-scale)) !important; }
body h4 { font-size: calc(1.2em * var(--global-font-scale)) !important; }
.gp-mobile-footer-bar .footer-bar-text {
font-size: 11px !important;
} .theme-switch .switch-slider::before {
content: "";
position: absolute;
height: 22px;
width: 22px;
left: 3px;
bottom: 3px;
background-color: white;
transition: .3s cubic-bezier(0.4, 0, 0.2, 1);
border-radius: 50%;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}
.theme-switch input:checked + .switch-slider {
background-color: #2563eb !important; 
}
.theme-switch input:checked + .switch-slider::before {
transform: translateX(22px);
}
.theme-switch input:focus-visible + .switch-slider {
box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.4);
}
body.dark-contrast .theme-switch .switch-slider {
background-color: #4b5563; 
} body.dark-contrast,
body.dark-contrast #page,
body.dark-contrast #main,
body.dark-contrast .site-content,
body.dark-contrast .inside-article,
body.dark-contrast article,
body.dark-contrast .sidebar,
body.dark-contrast .widget, body.dark-contrast .footer-widgets, body.dark-contrast #footer-widgets, body.dark-contrast .site-footer, body.dark-contrast .site-info, body.dark-contrast #comments,                      
body.dark-contrast .comments-area,                  
body.dark-contrast .comment-respond,                
body.dark-contrast .comment-list .comment-content,
body.dark-contrast .comment-list li.comment {
background-color: #121212 !important; 
color: #f3f4f6 !important; 
} body.dark-contrast .separate-containers .comments-area,
body.dark-contrast .separate-containers .widget,
body.dark-contrast .inside-footer-widgets .widget,
body.dark-contrast .site-footer,                    
body.dark-contrast .site-info {                     
border-color: #4b5563 !important;
box-shadow: none !important;
}
body.dark-contrast a:not(.footer-bar-item),
body.dark-contrast li a,
body.dark-contrast .comment-reply-link {            
color: #60a5fa !important; 
} body.dark-contrast h1, 
body.dark-contrast h2, 
body.dark-contrast h3, 
body.dark-contrast h4,
body.dark-contrast p,
body.dark-contrast li,
body.dark-contrast span:not(.footer-bar-text),
body.dark-contrast .widget-title,                  
body.dark-contrast .footer-widgets .widget-title,   
body.dark-contrast .comment-meta a,                 
body.dark-contrast .fn {                            
color: #ffffff !important;
} body.dark-contrast input, 
body.dark-contrast select,
body.dark-contrast .accessibility-setting-card,
body.dark-contrast .spotify-search-sticky-header,
body.dark-contrast .spotify-search-scroll-content,
body.dark-contrast .menu-overlay-header,
body.dark-contrast .footer-overlay-scroll-container {
background-color: #1f2937 !important;
color: #ffffff !important;
border-color: #4b5563 !important;
} body.dark-contrast #submit,
body.dark-contrast .submit {
background-color: #2563eb !important;
color: #ffffff !important;
border: 1px solid #1d4ed8 !important;
}
body.dark-contrast .inside-navigation,
body.dark-contrast .separate-containers .inside-article,
body.dark-contrast .inside-footer {                 
background-color: #121212 !important;
}
body.dark-contrast .gp-mobile-footer-bar {
background-color: #ffffff !important;
border-top: 1px solid #d1d5db !important;
}
body.dark-contrast .footer-bar-text {
color: #111827 !important;
} @media (min-width: 769px) { #footerSearchOverlay .spotify-search-scroll-content,
#footerAccessibilityOverlay .spotify-search-scroll-content,
.spotify-search-scroll-content {
-ms-overflow-style: none !important; scrollbar-width: none !important; } #footerSearchOverlay .spotify-search-scroll-content::-webkit-scrollbar,
#footerAccessibilityOverlay .spotify-search-scroll-content::-webkit-scrollbar,
.spotify-search-scroll-content::-webkit-scrollbar {
display: none !important; width: 0 !important;
height: 0 !important;
}
} @media (min-width: 769px) {
nav.gp-mobile-footer-bar {
display: block !important;
position: static !important;
background: transparent !important;
box-shadow: none !important;
border: none !important;
width: auto !important;
height: auto !important;
}
nav.gp-mobile-footer-bar #footerHomeTrigger,
nav.gp-mobile-footer-bar #footerMenuTrigger {
display: none !important;
} nav.gp-mobile-footer-bar #footerScrollToTop,
nav.gp-mobile-footer-bar #footerAccessibilityTrigger,
nav.gp-mobile-footer-bar #footerSearchTrigger {
display: flex !important;
position: fixed !important;
right: 24px !important;
width: 48px !important;
height: 48px !important;
background-color: #ffffff !important;
border: 1px solid #d1d5db !important;
border-radius: 50% !important;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12) !important;
z-index: 9999 !important;
justify-content: center !important;
align-items: center !important;
cursor: pointer !important;
transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), background-color 0.2s ease, box-shadow 0.2s ease !important;
padding: 0 !important;
} nav.gp-mobile-footer-bar #footerScrollToTop { bottom: 24px !important; }
nav.gp-mobile-footer-bar #footerAccessibilityTrigger { bottom: 88px !important; }
nav.gp-mobile-footer-bar #footerSearchTrigger { bottom: 152px !important; } nav.gp-mobile-footer-bar #footerScrollToTop .footer-bar-text,
nav.gp-mobile-footer-bar #footerAccessibilityTrigger .footer-bar-text,
nav.gp-mobile-footer-bar #footerSearchTrigger .footer-bar-text {
display: none !important;
}
nav.gp-mobile-footer-bar #footerScrollToTop .footer-bar-icon,
nav.gp-mobile-footer-bar #footerAccessibilityTrigger .footer-bar-icon,
nav.gp-mobile-footer-bar #footerSearchTrigger .footer-bar-icon {
width: 22px !important;
height: 22px !important;
margin: 0 !important;
color: #374151 !important;
} body:has(#footerAccessibilityOverlay.is-active) nav.gp-mobile-footer-bar #footerScrollToTop,
body:has(#footerAccessibilityOverlay.is-active) nav.gp-mobile-footer-bar #footerAccessibilityTrigger,
body:has(#footerAccessibilityOverlay.is-active) nav.gp-mobile-footer-bar #footerSearchTrigger,
body:has(#footerSearchOverlay.is-active) nav.gp-mobile-footer-bar #footerScrollToTop,
body:has(#footerSearchOverlay.is-active) nav.gp-mobile-footer-bar #footerAccessibilityTrigger,
body:has(#footerSearchOverlay.is-active) nav.gp-mobile-footer-bar #footerSearchTrigger {
transform: translateX(-380px) !important; 
}
nav.gp-mobile-footer-bar #footerScrollToTop:hover,
nav.gp-mobile-footer-bar #footerAccessibilityTrigger:hover,
nav.gp-mobile-footer-bar #footerSearchTrigger:hover {
background-color: #f3f4f6 !important;
box-shadow: 0 6px 16px rgba(0, 0, 0, 0.16) !important;
}
body:has(#footerAccessibilityOverlay.is-active) nav.gp-mobile-footer-bar #footerScrollToTop:hover,
body:has(#footerAccessibilityOverlay.is-active) nav.gp-mobile-footer-bar #footerAccessibilityTrigger:hover,
body:has(#footerAccessibilityOverlay.is-active) nav.gp-mobile-footer-bar #footerSearchTrigger:hover,
body:has(#footerSearchOverlay.is-active) nav.gp-mobile-footer-bar #footerScrollToTop:hover,
body:has(#footerSearchOverlay.is-active) nav.gp-mobile-footer-bar #footerAccessibilityTrigger:hover,
body:has(#footerSearchOverlay.is-active) nav.gp-mobile-footer-bar #footerSearchTrigger:hover {
transform: translateX(-380px) scale(1.05) !important;
} #footerAccessibilityOverlay.footer-search-overlay,
#footerSearchOverlay.footer-search-overlay {
display: flex !important;
flex-direction: column !important;
position: fixed !important;
right: 0 !important;
left: auto !important;
top: 0 !important;
width: 380px !important;
height: 100vh !important;
background-color: #ffffff !important;
box-shadow: -4px 0 24px rgba(0, 0, 0, 0.15) !important;
z-index: 9998 !important;
padding: 24px !important;
box-sizing: border-box !important;
transform: translateX(100%) !important; 
transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
#footerAccessibilityOverlay.footer-search-overlay.is-active,
#footerSearchOverlay.footer-search-overlay.is-active {
transform: translateX(0) !important;
}
#footerAccessibilityOverlay .spotify-search-sticky-header,
#footerSearchOverlay .spotify-search-sticky-header {
background: transparent !important;
padding: 0 0 16px 0 !important;
}
#footerAccessibilityOverlay .spotify-search-title,
#footerSearchOverlay .spotify-search-title {
margin: 0 0 8px 0 !important;
} body.dark-contrast nav.gp-mobile-footer-bar #footerScrollToTop,
body.dark-contrast nav.gp-mobile-footer-bar #footerAccessibilityTrigger,
body.dark-contrast nav.gp-mobile-footer-bar #footerSearchTrigger {
background-color: #1f2937 !important;
border-color: #4b5563 !important;
}
body.dark-contrast nav.gp-mobile-footer-bar #footerScrollToTop .footer-bar-icon,
body.dark-contrast nav.gp-mobile-footer-bar #footerAccessibilityTrigger .footer-bar-icon,
body.dark-contrast nav.gp-mobile-footer-bar #footerSearchTrigger .footer-bar-icon {
filter: invert(1) !important;
}
body.dark-contrast nav.gp-mobile-footer-bar #footerScrollToTop:hover,
body.dark-contrast nav.gp-mobile-footer-bar #footerAccessibilityTrigger:hover,
body.dark-contrast nav.gp-mobile-footer-bar #footerSearchTrigger:hover {
background-color: #374151 !important;
}
body.dark-contrast #footerAccessibilityOverlay.footer-search-overlay,
body.dark-contrast #footerSearchOverlay.footer-search-overlay {
background-color: #121212 !important;
box-shadow: -4px 0 24px rgba(0, 0, 0, 0.5) !important;
}
body.dark-contrast .spotify-search-sticky-header {
background-color: #121212 !important;
}
}  body.large-cursor { cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='38' height='38' viewBox='0 0 32 32'%3E%3Cpath fill='%23111827' stroke='%23111827' stroke-width='1' stroke-linejoin='miter' d='M2 2v24l6.5-6.5 5 9.5 3.5-1.8-5-9.5 7.5-.2z'/%3E%3C/svg%3E") 0 0, auto !important;
} body.large-cursor a,
body.large-cursor button,
body.large-cursor input[type="submit"],
body.large-cursor input[type="button"],
body.large-cursor .pointer,
body.large-cursor [role="button"],
body.large-cursor .spotify-card,
body.large-cursor .footer-bar-item { cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='38' height='38' viewBox='0 0 32 32'%3E%3Cpath fill='%23111827' stroke='%23111827' stroke-width='1' stroke-linejoin='miter' d='M6 30h12a5 5 0 0 0 5-5V14h-1V8a1.5 1.5 0 0 0-3 0v6h-1V5a1.5 1.5 0 0 0-3 0v9h-1V2a1.5 1.5 0 0 0-3 0v12H9V7a1.5 1.5 0 0 0-3 0v17a6 6 0 0 0 6 6z'/%3E%3C/svg%3E") 6 0, pointer !important;
} body.large-cursor.dark-contrast { cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='38' height='38' viewBox='0 0 32 32'%3E%3Cpath fill='%23ffffff' stroke='%23000000' stroke-width='1.2' stroke-linejoin='miter' d='M2 2v24l6.5-6.5 5 9.5 3.5-1.8-5-9.5 7.5-.2z'/%3E%3C/svg%3E") 0 0, auto !important;
} body.dark-contrast.large-cursor a,
body.dark-contrast.large-cursor button,
body.dark-contrast.large-cursor .spotify-card,
body.dark-contrast.large-cursor .footer-bar-item { cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='38' height='38' viewBox='0 0 32 32'%3E%3Cpath fill='%23ffffff' stroke='%23000000' stroke-width='1.2' stroke-linejoin='miter' d='M6 30h12a5 5 0 0 0 5-5V14h-1V8a1.5 1.5 0 0 0-3 0v6h-1V5a1.5 1.5 0 0 0-3 0v9h-1V2a1.5 1.5 0 0 0-3 0v12H9V7a1.5 1.5 0 0 0-3 0v17a6 6 0 0 0 6 6z'/%3E%3C/svg%3E") 6 0, pointer !important;
} .weekly-posts-container {
margin: 30px 0;
width: 100%;
} .weekly-posts-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
gap: 20px;
} .weekly-post-card {
background-color: #ffffff;
border: 1px solid #e5e7eb;
border-radius: 8px;
overflow: hidden; display: flex;
flex-direction: column;
transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}
.weekly-post-card:hover {
transform: translateY(-4px);
box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.05);
} .weekly-post-image-wrapper {
position: relative;
width: 100%;
background-color: #f3f4f6;
display: block;
overflow: hidden;
} .weekly-post-img {
width: 100%;
height: auto; max-height: 300px; display: block;
object-fit: scale-down; transition: opacity 0.2s ease;
} .weekly-post-img-fallback {
width: 100%;
height: 220px;
background: linear-gradient(135deg, #e5e7eb 0%, #d1d5db 100%);
} .weekly-post-content-wrapper {
padding: 20px;
display: flex;
flex-direction: column;
flex-grow: 1; justify-content: space-between;
} .weekly-post-card-title {
margin: 0 0 10px 0;
font-size: 16px;
line-height: 1.4;
}
.weekly-post-card-title a {
color: #111827;
text-decoration: none !important;
font-weight: 600;
}
.weekly-post-card-title a:hover {
color: #4b5563;
} .weekly-post-excerpt {
color: #4b5563;
font-size: 13px;
line-height: 1.6;
margin-bottom: 15px;
}
.weekly-post-excerpt p {
margin: 0;
} .weekly-post-link {
font-size: 13px;
font-weight: 500;
color: #111827;
text-decoration: none;
display: inline-block;
}
.weekly-post-link:hover {
text-decoration: underline;
} @media (min-width: 600px) and (max-width: 900px) {
.weekly-posts-grid {
grid-template-columns: repeat(2, 1fr);
}
} .footer-widget-posts {
width: 100%;
margin-top: 15px;
}
.widget-posts-list.side-by-side-layout {
list-style: none !important;
padding: 0 !important;
margin: 0 !important;
display: flex;
flex-direction: column;
gap: 30px;
}
.widget-post-item {
display: flex;
flex-direction: row; 
align-items: flex-start;
gap: 20px; 
padding-bottom: 25px;
border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
.widget-post-item:last-child {
padding-bottom: 0;
border-bottom: none;
} .widget-post-img-wrapper.exact-square {
flex-shrink: 0 !important; width: 300px !important;
height: 300px !important;
min-width: 300px !important; min-height: 300px !important; border-radius: 6px;
overflow: hidden;
background-color: #f3f4f6;
}
.widget-post-thumb {
width: 100% !important;
height: 100% !important;
object-fit: cover !important; display: block;
}
.widget-post-content {
flex-grow: 1;
display: flex;
flex-direction: column;
gap: 10px;
min-width: 0; }
.widget-post-title {
margin: 0 !important;
font-size: 18px !important; 
line-height: 1.4 !important;
font-weight: 700;
}
.widget-post-title a {
color: inherit;
text-decoration: none !important;
transition: opacity 0.2s ease;
}
.widget-post-title a:hover {
opacity: 0.75;
}
.widget-post-excerpt {
color: #4b5563;
font-size: 13px;
line-height: 1.6;
}
.widget-post-excerpt p {
margin: 0 !important;
padding: 0 !important;
} @media (max-width: 600px) {
.widget-post-item {
flex-direction: column;
align-items: stretch;
}
.widget-post-img-wrapper.exact-square {
width: 100% !important;
max-width: 300px !important; height: 300px !important;
margin: 0 auto;
}
}  .category main {
display: block !important; } @media (min-width: 769px) {
.category main {
display: flex !important;
flex-direction: column;
} .category main .page-header {
margin-bottom: 45px !important; 
} .category article.post {
display: flex;
} .category main {
display: grid !important;
grid-template-columns: repeat(3, 1fr);
gap: 30px;
}
.category main .page-header,
.category main .paging-navigation,
.category main .pagination,
.category main nav.navigation {
grid-column: 1 / -1; }
} @media (min-width: 481px) and (max-width: 768px) {
.category main {
display: grid !important;
grid-template-columns: repeat(2, 1fr);
gap: 20px;
}
.category main .page-header,
.category main .paging-navigation,
.category main .pagination,
.category main nav.navigation {
grid-column: 1 / -1;
}
} .category article.post {
background-color: #ffffff;
border: 1px solid #e5e7eb;
border-radius: 8px;
transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
margin-bottom: 0 !important;
} .category article.post .inside-article {
display: flex;
flex-direction: column;
width: 100%;
height: 100%;
padding: 25px !important;
} .category .post-image {
width: 100%;
aspect-ratio: 16 / 9; 
overflow: hidden;
}
.category .post-image img {
width: 100% !important;
height: 100% !important;
object-fit: cover !important; 
display: block;
} .category .entry-summary, 
.category .entry-content {
flex-grow: 1; 
}  .category .post-image {
margin-bottom: 8px !important; 
}
.category .entry-header {
margin-top: 8px !important; 
} .category .entry-title {
margin-bottom: 25px !important; 
}
.category .post-image + .entry-summary,
.category .post-image + .entry-content {
margin-top: 8px !important; 
} .category article.post:hover {
transform: translateY(-4px);
box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.05);
}  .category .pagination,
.category .nav-links,
.category .loop-pagination,
.category nav.navigation {
display: block !important;
width: 100% !important;
clear: both !important;
margin: 70px 0 30px 0 !important; text-align: center !important;
grid-column: 1 / -1 !important;
} .category nav .nav-links,
.category .loop-pagination {
display: inline-flex !important;
background-color: transparent !important;
padding: 0 !important;
border: none !important;
box-shadow: none !important;
gap: 10px !important; justify-content: center !important;
align-items: center !important;
} .category nav .page-numbers,
.category .loop-pagination .page-numbers {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
min-width: 46px !important; height: 46px !important; padding: 0 18px !important; font-size: 15px !important; font-weight: 600 !important; color: #1f2937 !important; text-decoration: none !important;
border: 2px solid #e5e7eb !important; background-color: #ffffff !important;
border-radius: 10px !important; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.04) !important; transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important; box-sizing: border-box !important;
} .category nav a.page-numbers:hover,
.category .loop-pagination a.page-numbers:hover {
color: #111827 !important;
background-color: #ffffff !important;
border-color: #111827 !important; transform: translateY(-2px) !important; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.08) !important; } .category nav .page-numbers.current,
.category .loop-pagination .page-numbers.current {
color: #ffffff !important;
background-color: #111827 !important; border-color: #111827 !important;
font-weight: 700 !important;
transform: none !important;
box-shadow: 0 4px 12px rgba(17, 24, 39, 0.2) !important; cursor: default !important;
} .category nav .page-numbers.prev,
.category nav .page-numbers.next,
.category .loop-pagination .page-numbers.prev,
.category .loop-pagination .page-numbers.next {
font-weight: 700 !important;
background-color: #f9fafb !important; color: #111827 !important;
} .category nav .page-numbers.dots,
.category .loop-pagination .page-numbers.dots {
background: transparent !important;
border: none !important;
box-shadow: none !important;
color: #9ca3af !important;
min-width: 30px !important;
padding: 0 !important;
}  .category article.post .inside-article,
.home article.post .inside-article {
display: flex !important;
flex-direction: column !important;
justify-content: flex-start !important;
height: 100% !important;
} .category .post-image,
.home .post-image {
order: 1 !important;
margin: -25px -25px 15px -25px !important; width: calc(100% + 50px) !important;
max-width: none !important;
} .category .entry-header,
.home .entry-header {
order: 2 !important;
margin-top: 5px !important;
margin-bottom: 12px !important;
} .category .entry-summary, 
.category .entry-content,
.home .entry-summary,
.home .entry-content {
order: 3 !important;
flex-grow: 1 !important; margin-bottom: 20px !important;
} .custom-read-more-container {
order: 4 !important;
margin-top: auto !important; text-align: left !important;
padding-top: 10px !important;
} .custom-grid-read-more {
display: inline-block !important;
font-size: 14px !important;
font-weight: 600 !important;
color: #111827 !important; text-decoration: none !important;
transition: all 0.2s ease-in-out !important;
} .custom-grid-read-more:hover {
color: #4b5563 !important; text-decoration: underline !important;
transform: translateX(3px) !important; }  .category .read-more,
.home .read-more,
.category .entry-summary a.read-more,
.home .entry-summary a.read-more {
display: none !important;
} .category .entry-header,
.home .entry-header {
margin-bottom: 4px !important; }
.category .entry-summary, 
.category .entry-content,
.home .entry-summary,
.home .entry-content {
margin-top: 0 !important; }  .custom-grid-read-more {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
padding: 8px 16px !important; font-size: 13px !important;
font-weight: 600 !important;
color: #374151 !important; background-color: #ffffff !important; border: 1px solid #d1d5db !important; border-radius: 6px !important; text-decoration: none !important;
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important; transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
} .custom-grid-read-more:hover {
color: #ffffff !important; background-color: #111827 !important; border-color: #111827 !important;
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.08) !important;
transform: translateY(-1px) !important; text-decoration: none !important; } .custom-grid-read-more:hover {
transform: translateY(-1px) !important;
}  .inside-content-breadcrumbs,
.category main .archive-direct-inside {
display: flex !important;
flex-wrap: wrap !important;
align-items: center !important;
width: 100% !important;
background: transparent !important; border: none !important; padding: 0 0 12px 0 !important; margin-top: 0 !important;
margin-left: 0 !important;
margin-right: 0 !important;
margin-bottom: 28px !important;  font-size: 14px !important; line-height: 1.5 !important;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
letter-spacing: 0.02em !important; } .inside-content-breadcrumbs .breadcrumb-link,
.category main .archive-direct-inside .breadcrumb-link {
color: #2563eb !important; text-decoration: none !important;
font-weight: 500 !important;
border-bottom: 1px solid transparent !important;
transition: all 0.1s ease-in-out !important;
} .inside-content-breadcrumbs .breadcrumb-link:hover,
.category main .archive-direct-inside .breadcrumb-link:hover {
color: #1d4ed8 !important; border-bottom: 1px solid #1d4ed8 !important; } .inside-content-breadcrumbs .breadcrumb-separator,
.category main .archive-direct-inside .breadcrumb-separator {
margin: 0 12px !important; color: #9ca3af !important; font-size: 12px !important;
font-weight: 400 !important;
user-select: none !important;
} .inside-content-breadcrumbs .breadcrumb-current,
.category main .archive-direct-inside .breadcrumb-current {
color: #111827 !important; font-weight: 600 !important; white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
max-width: 350px !important; } @media (max-width: 768px) {
.inside-content-breadcrumbs,
.category main .archive-direct-inside {
margin-bottom: 20px !important;
font-size: 13px !important; }
.inside-content-breadcrumbs .breadcrumb-separator,
.category main .archive-direct-inside .breadcrumb-separator {
margin: 0 8px !important;
}
.inside-content-breadcrumbs .breadcrumb-current,
.category main .archive-direct-inside .breadcrumb-current {
max-width: 180px !important; }
} @media (max-width: 768px) { .site-footer .footer-widgets,
.site-footer .footer-widgets-container,
.site-footer .inside-footer-widgets,
.site-footer [class*="footer-widget-"] {
display: none !important;
visibility: hidden !important;
opacity: 0 !important;
height: 0 !important;
padding: 0 !important;
margin: 0 !important;
} .footer-menu-overlay .footer-overlay-widget-zone,
.footer-menu-overlay .footer-overlay-widget-zone .widget {
display: block !important;
visibility: visible !important;
opacity: 1 !important;
height: auto !important;
padding: 20px !important; margin: 15px 0 0 0 !important;
}
}  .post-term--land {
display: inline-flex !important;
align-items: center !important;
} .flag-id-de::before { content: "🇩🇪\a0" !important; } .flag-id-at::before { content: "🇦🇹\a0" !important; }
.flag-id-ch::before { content: "🇨🇭\a0" !important; }
.flag-id-us::before { content: "🇺🇸\a0" !important; }
.flag-id-gb::before { content: "🇬🇧\a0" !important; }
.flag-id-fr::before { content: "🇫🇷\a0" !important; }
.flag-id-be::before { content: "🇧🇪\a0" !important; }
.flag-id-se::before { content: "🇸🇪\a0" !important; }
.flag-id-jp::before { content: "🇯🇵\a0" !important; } .inside-article .spotify-grid-compact {
display: grid !important; grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)) !important;
gap: 12px !important; margin: 24px 0 !important;
}
.inside-article .spotify-grid-compact .spotify-card {
height: 64px !important; padding: 10px 8px !important; }
.inside-article .spotify-grid-compact .spotify-card span {
font-size: 13px !important; font-weight: 500 !important;
line-height: 1.15 !important;
max-width: 80% !important;
} .inside-article .spotify-grid-compact .cat-fallback-img {
width: 38px !important; height: 38px !important;
bottom: -4px !important;
right: -6px !important;
opacity: 0.12 !important;
} body.dark-contrast .weekly-post-card {
background-color: #1f2937 !important; border-color: #4b5563 !important;
}
body.dark-contrast .weekly-post-card-title a {
color: #ffffff !important;
}
body.dark-contrast .weekly-post-card-title a:hover {
color: #60a5fa !important;
}
body.dark-contrast .weekly-post-excerpt {
color: #d1d5db !important;
}
body.dark-contrast .weekly-post-link {
color: #60a5fa !important;
}
body.dark-contrast .weekly-post-image-wrapper {
background-color: #121212 !important;
}
body.dark-contrast .reihe-sektion-titel {
color: #ffffff !important;
}
body.dark-contrast .kategorie-sektion-titel {
color: #ffffff !important;
} .shariff-share-container {
margin: 25px 0;
width: 100%;
}
.shariff-share-list {
display: grid; grid-template-columns: repeat(auto-fit, minmax(110px, 1fr));
gap: 8px;
padding: 0;
margin: 0;
list-style: none;
}
.shariff-item {
margin: 0;
padding: 0;
}
.shariff-item a {
display: flex;
align-items: center;
justify-content: center;
gap: 6px;
padding: 8px 10px;
color: #ffffff !important;
text-decoration: none !important;
font-size: 12px;
font-weight: 600;
border-radius: 4px;
transition: background-color 0.2s ease, transform 0.1s ease;
box-sizing: border-box;
}
.shariff-item a:hover {
transform: translateY(-1px);
}
.shariff-item .shariff-icon {
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
} .shariff-item.facebook a  { background-color: #1877f2; }
.shariff-item.facebook a:hover { background-color: #145dbf; }
.shariff-item.x-twitter a { background-color: #000000; }
.shariff-item.x-twitter a:hover { background-color: #1a1a1a; }
.shariff-item.bluesky a   { background-color: #0285ff; }
.shariff-item.bluesky a:hover { background-color: #0066cc; }
.shariff-item.mastodon a  { background-color: #6364ff; }
.shariff-item.mastodon a:hover { background-color: #5051db; }
.shariff-item.reddit a    { background-color: #ff4500; }
.shariff-item.reddit a:hover { background-color: #d93a00; }
.shariff-item.pinterest a { background-color: #e60023; }
.shariff-item.pinterest a:hover { background-color: #b8001c; }
.shariff-item.whatsapp a  { background-color: #25d366; }
.shariff-item.whatsapp a:hover { background-color: #1ebd58; }
.shariff-item.email a     { background-color: #4b5563; }
.shariff-item.email a:hover { background-color: #374151; } @media (max-width: 480px) {
.shariff-share-list {
grid-template-columns: repeat(4, 1fr); }
.shariff-label {
display: none;
}
.shariff-item a {
padding: 10px;
}
} body.dark-contrast .shariff-item a {
border: 1px solid #4b5563;
}
body.dark-contrast .shariff-item.facebook a  { background-color: #0c5dc7; }
body.dark-contrast .shariff-item.facebook a:hover { background-color: #094799; }
body.dark-contrast .shariff-item.x-twitter a { background-color: #1f2937; }
body.dark-contrast .shariff-item.x-twitter a:hover { background-color: #111827; }
body.dark-contrast .shariff-item.bluesky a   { background-color: #0066cc; }
body.dark-contrast .shariff-item.bluesky a:hover { background-color: #004c99; }
body.dark-contrast .shariff-item.mastodon a  { background-color: #4849cc; }
body.dark-contrast .shariff-item.mastodon a:hover { background-color: #3738a0; }
body.dark-contrast .shariff-item.reddit a    { background-color: #cc3700; }
body.dark-contrast .shariff-item.reddit a:hover { background-color: #992900; }
body.dark-contrast .shariff-item.pinterest a { background-color: #b8001c; }
body.dark-contrast .shariff-item.pinterest a:hover { background-color: #8f0015; }
body.dark-contrast .shariff-item.whatsapp a  { background-color: #1ebd58; }
body.dark-contrast .shariff-item.whatsapp a:hover { background-color: #169443; }
body.dark-contrast .shariff-item.email a     { background-color: #374151; }
body.dark-contrast .shariff-item.email a:hover { background-color: #1f2937; }
body.dark-contrast .social-share-titel {
color: #ffffff !important;
}