/* Import the fonts (Optional if already enqueued via functions.php) */
/* @import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700&family=Source+Code+Pro:wght@400;500;700&display=swap'); */

/* Base Font Settings (Default for the Website) */
body {
    font-family: 'Open Sans', sans-serif;
    font-weight: 300; /* Light weight */
    font-size: 16px;
    line-height: 1.2;
    color: #333;
	 margin: 0;
    padding: 0;
	overflow-x:hidden;
	transition: all 0.2s ease;
}

*{
	box-sizing: border-box;
}  


/* Headings (Bold by Default) */
h1, h2, h3, h4, h5, h6 {
    font-family: 'Open Sans', sans-serif;
    font-weight: 100; /* Bold */
    color: #333;
			transition: all 0.2s ease;

}

h3:hover{
		transition: all 0.2s ease;

}
	


a{
	color: #333;
	transition:color 0.3s ease;
}

a:hover{
	color: #90C9E1;
	transition:color 0.3s ease;

}

strong, b {
	font-weight: 600;

}

/* Code or Monospace Elements */
code, pre {
    font-family: 'Source Code Pro', monospace;
    font-size: 14px;
    background-color: #f9f9f9;
    padding: 4px;
    border-radius: 4px;
    color: #d63384; /* Optional color for syntax highlights */
}

.light-text {
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
}

.bold-text {
    font-family: 'Source Code Pro', monospace;
    font-weight: 700;
}


.grid-12{
	grid-template-columns: repeat(12, 1fr);
	display:grid;
	gap:20px;
}

/* Basic Reset */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}



/* Grid Container */
.container {
    display: grid;
    grid-template-columns: repeat(12, 1fr); /* Default: 12 equal columns */
    gap: 16px;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
}

/* Columns (Desktop Default) */
.col-desktop-1 { grid-column: span 1; }
.col-desktop-2 { grid-column: span 2; }
.col-desktop-3 { grid-column: span 3; }
.col-desktop-4 { grid-column: span 4; }
.col-desktop-5 { grid-column: span 5; }
.col-desktop-6 { grid-column: span 6; }
.col-desktop-7 { grid-column: span 7; }
.col-desktop-8 { grid-column: span 8; }
.col-desktop-9 { grid-column: span 9; }
.col-desktop-10 { grid-column: span 10; }
.col-desktop-11 { grid-column: span 11; }
.col-desktop-12 { grid-column: span 12; }



























/* Header Styles */
.header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: rgba(255, 255, 255, 0.8); /* Transparent white */
    -webkit-backdrop-filter: blur(10px); /* For Safari */
    backdrop-filter: blur(10px); /* Background blur effect */
    z-index: 1000;
    padding: 10px 0;
	box-shadow:  0 4px 6px rgba(0, 0, 0, 0.1);
}

.header-inner {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    align-items: center;
    width: 100%;
    max-width: none;
    margin: 0 auto;
    gap: 16px;
	max-width:1400px;
	position: relative;
}

.header-inner.container{
	padding: 0;
}

.logo {
    display: grid;
    align-items: end; /* Vertically centers the content */
		grid-template-columns: repeat(12, 1fr);
	gap:20px;
	margin-bottom: 20px;

}

.logo a {
    display: block;
    width: 100%; /* Makes the link take the full width of the 2 columns */
    height: 100%; /* Ensures it fills the height of its container */
    text-align: center; /* Centers the logo if needed */
}

.logo-image {
    max-width: 100%; /* Ensures the logo fits within the available space */
    height: auto; /* Maintains the aspect ratio */
}

/* CLAIM */
.claim-wrapper{
	padding-left: 0rem;
	margin-top: 10px;
}
.claim{
	font-size: 1rem;
}

/* Smaller Menu */
.header-top-menu {
    display: flex;
    justify-content: flex-end;
    gap: 20px;
    align-items: center;
	position: absolute;
	right: 0; 
	top:10px;
}

.menu-section {
    display: inline-block;
}

.menu-section a {
    color: #333;
    text-decoration: none;
    font-size: 12px;
    margin: 0 2px;
}

.menu-section a:hover {
    color: #90C9E1;
}

.search-button button {
    background: none;
    border: none;
    font-size: 16px;
    cursor: pointer;
}

.social-icons a i {
    font-size: 18px;
    margin: 0 5px;
}

.language-switcher a {
    margin: 0 5px;
    text-transform: uppercase;
    font-weight: bold;
}

.language-switcher a.active {
   color: #90C9E1;
}

.language-switcher a.active:hover {
   color: #333;
}

/* Larger Menu */
.header-bottom-menu {
    display: flex;
    justify-content: flex-end;
    margin-top: 10px;
	max-width: none;
}

/* Header Bottom Menu */
.header-bottom-menu {
    display: flex;
    justify-content: flex-end;
    margin-top: 10px;
    max-width: 1400px;
	padding: 0;
	
}

.menu-oben-container,
.menu-oben-fr-container,
.menu-oben-en-container

{
	width: 100%;
}

/* Large Menu Styling */
.large-menu {
    display: flex; /* Display main menu items inline */
    justify-content: space-between;
    gap: 10px; /* Space between main menu items */
    list-style: none; /* Remove default list styling */
    padding: 0;
    margin: 0;
    font-family: 'Open Sans', sans-serif; /* Use Open Sans for the large menu */
    font-weight: 300; /* Light weight */
    font-size: 20px; /* Font size for main menu items */
    text-transform: none; /* No uppercase transformation */
    position: relative;
}

/* Main Menu Items */
.large-menu > li {
    position: relative; /* Allow sub-menu positioning relative to parent */
}

.large-menu > li > a {
    text-decoration: none;
    color: #333; /* Default text color */
    padding: 10px 15px;
    transition: color 0.3s ease, background-color 0.3s ease;
    font-weight: 300; /* Open Sans Light */
    font-family: 'Open Sans', sans-serif; /* Explicitly set Open Sans */
    border-radius: 4px; /* Slightly rounded edges for better UX */
}

.large-menu > li > a:hover {
    color: #90C9E1; /* Hover color */
}


.large-menu .menu-item:first-of-type a{
	padding-left: 0px;
}

/* Sub-Menu Styling */
.large-menu li .sub-menu {
    display: none; /* Hide sub-menu by default */
    position: absolute;
    top: calc(100% + 10px); /* Position sub-menu below the parent */
    left: 0;
    background-color: white; /* Sub-menu background */
    box-shadow: 0 10px 6px rgba(0, 0, 0, 0.1); /* Sub-menu shadow */
    border-radius: 0px 0px 10px 10px; /* Rounded corners */
    padding: 10px 0; /* Add spacing around sub-menu items */
    font-size: 18px; /* Smaller font for sub-menu items */
    z-index: 1000; /* Ensure it appears above other elements */
    min-width: 100%; /* Ensure consistent width for sub-menus */
    font-weight: 300; /* Open Sans Light */
    font-family: 'Open Sans', sans-serif; /* Ensure consistent font for sub-menu */
    list-style: none; /* Remove default bullet points */
}

.large-menu .sub-menu .menu-item:first-of-type a,
.large-menu .sub-menu .menu-item a
{
	padding-left: 10px;
}

/* Sub-Menu Links */
.large-menu li .sub-menu li a {
    display: block; /* Stack sub-menu items */
    text-decoration: none;
    color: #333;
    padding: 10px 15px;
    transition: color 0.3s ease, background-color 0.3s ease;
    font-weight: 300; /* Open Sans Light */
    font-family: 'Open Sans', sans-serif;
    border-radius: 4px; /* Rounded edges for sub-menu items */
}

.large-menu li .sub-menu li a:hover {
    color: #90C9E1; /* Hover text color */
    background-color: rgba(144, 201, 225, 0.1); /* Light hover background */
}

/* Show Sub-Menu on Hover */
.large-menu > li:hover > .sub-menu {
    display: block; /* Show sub-menu when hovering over the parent */
}

/* Sub-Sub-Menu Styling (Third Level) */
.large-menu li .sub-menu li .sub-menu {
    display: none; /* Hide third-level menu by default */
    position: absolute;
    top: 0;
    left: 100%; /* Position third-level menu to the right of the parent */
    background-color: white;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    padding: 10px 0;
    min-width: 200px;
    z-index: 1000;
}

/* Show Sub-Sub-Menu on Hover */
.large-menu li .sub-menu li:hover > .sub-menu {
    display: block; /* Show third-level menu on hover */
}



.sub-menu li{
	position: relative;
}

/* Responsive Adjustments for Tablets and Smaller Screens */
@media (max-width: 992px) {
    .large-menu {
        flex-direction: column; /* Stack main menu items vertically */
        font-size: 18px; /* Adjust font size for smaller screens */
        gap: 10px; /* Add spacing between stacked items */
    }

    .large-menu > li {
        width: 100%; /* Make main menu items take full width */
    }

    .large-menu > li > a {
        display: block; /* Ensure links span the full width */
        padding: 12px 15px; /* Adjust padding for better touch targets */
        text-align: left; /* Align text to the left */
        border-bottom: 1px solid #ddd; /* Add a divider for clarity */
        background-color: white; /* Ensure a clean background */
        transition: background-color 0.3s ease; /* Add hover effect */
    }

    .large-menu > li > a:hover {
        background-color: rgba(144, 201, 225, 0.1); /* Subtle hover effect */
    }

    .large-menu li .sub-menu {
        display: none; /* Keep sub-menu hidden initially */
        position: static; /* Remove absolute positioning */
        background-color: #f9f9f9; /* Light background for clarity */
        box-shadow: none; /* Remove shadow for simplicity */
        padding: 10px 15px; /* Adjust padding for readability */
    }

    .large-menu > li.open > .sub-menu {
        display: block; /* Show sub-menu when parent is "open" */
    }

    .large-menu li .sub-menu li a {
        padding: 10px 15px; /* Adjust padding for sub-menu items */
        font-size: 16px; /* Smaller font for sub-menu items */
        border-bottom: 1px solid #eee; /* Divider between sub-menu items */
    }

    .large-menu li .sub-menu li a:hover {
        background-color: rgba(144, 201, 225, 0.1); /* Subtle hover effect for sub-menu links */
    }
}

/* Mobile Adjustments (Extra Small Screens) */
@media (max-width: 576px) {
    .large-menu {
        font-size: 16px; /* Further reduce font size */
        gap: 8px; /* Adjust spacing for compact menus */
    }

    .large-menu > li > a {
        padding: 10px 12px; /* Smaller padding for mobile */
        font-size: 16px; /* Adjust font size for main items */
    }

    .large-menu li .sub-menu {
        padding: 8px 10px; /* Smaller padding for sub-menus */
    }

    .large-menu li .sub-menu li a {
        padding: 8px 10px; /* Smaller padding for sub-menu items */
        font-size: 14px; /* Smaller font for very small screens */
    }
}

/* Additional Tweaks for Touch Devices */
@media (hover: none) {
    .large-menu > li:hover > a {
        background-color: transparent; /* No hover effects on touch devices */
    }
    .large-menu li .sub-menu li a:hover {
        background-color: transparent; /* No hover effects for sub-menu items */
    }
}
/* Search Bar */
.search-bar {
    position: fixed;
    top: 60px; /* Adjust for the header height */
    width: 100%;
    background: white;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    padding: 10px 20px;
    display: none;
    z-index: 1001;
}

.search-bar.open {
    display: block;
}

.search-bar form {
    display: flex;
    justify-content: center;
    gap: 10px;
}

.search-bar input {
    width: 70%;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 4px;
}

.search-bar button {
    background: #90C9E1;
    color: white;
    border: none;
    padding: 10px 15px;
    border-radius: 4px;
    cursor: pointer;
}




/* Upper Right Menu Container */
.header-top-menu {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 20px;
}


/* Compartment Styling */
.menu-compartment {
    background-color: white;
    border-radius: 8px; /* Rounded corners */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Soft drop shadow */
    padding: 5px 10px;
    font-family: 'Source Code Pro', monospace;
    font-size: 12px;
    text-transform: uppercase; /* All caps */
    display: flex;
    align-items: center;
    gap: 10px;
}

.menu-compartment.podcast-link-wrapper{
	position: absolute;
	right: -5px;
		border-radius: 50%;
padding: 0;	
	margin-top: 10px;
	top:40px;
	
}

.menu-compartment.podcast-link-wrapper a{
	color: #fff;
		background-color:#ffcf01;
	padding: 4px;
			border-radius: 50%;
	transition: all 0.1s ease;	


}

.menu-compartment.podcast-link-wrapper a:hover{

	padding: 6px;
	transition: all 0.1s ease;	


}

.menu-compartment.podcast-link-wrapper a:hover{
	color: #333;
}

.menu-compartment.podcast-link-wrapper img{
	width:35px;
}

.podcast-link{
	position: relative;
}

.podcast-link:before{
	position: absolute;
	top:14px;
	left:-222px;;
	content: 'RADIO MARC BLOCH – Der Podcast';
	display: block;
	color:#ffcf01;
}


/* Link Styling */
.menu-compartment a {
    color: #333;
    text-decoration: none;
    transition: color 0.3s;
}

.menu-compartment a:hover {
    color: #90C9E1;
}

/* Button Styling (Search Icon) */
.menu-compartment button {
    background: none;
    border: none;
    font-size: 16px;
    color: #333;
    cursor: pointer;
    transition: color 0.3s;
}

.menu-compartment button:hover {
    color: #90C9E1;
}

/* Social Media Icons */
.menu-compartment .fab {
    font-size: 14px;
    color: #333;
    transition: color 0.3s;
}

.menu-compartment .fab:hover {
    color: #90C9E1;
}

/* Responsive Adjustments */
@media (max-width: 992px) {
    .header-top-menu {
        flex-wrap: wrap;
        gap: 10px;
    }

    .menu-compartment {
        flex: 1 1 auto;
        justify-content: center;
    }
}











































/* General Reset */
body, h1, h2, h3, h4, h5, h6, p, ul, ol, li, figure, figcaption {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: 'Open Sans', sans-serif;
    font-weight: 300; /* Default to light font */
    line-height: 1.2;
    color: #333;
}

section{
	max-width: 1400px;
	margin-left: auto;
	margin-right: auto;
}

/* Section Headline Styling */
.section-headline {
    font-size: 20px;
    margin-bottom: 20px;
	border-radius: 8px;
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
	padding: 5px 10px;
	text-transform: uppercase;
	background-color:#90C9E1;
	background-color: #c1b59e;
	width: auto;
	color: #fff;
	font-weight: 100;
	display: inline-block;
	letter-spacing: 0.05em;
}
h1.section-headline{
	font-size: 30px;
}

/* Headline (H1) */
.block-headline {
    font-size: 48px;
    font-weight: 100;
    color: #333;
    margin: 40px 40px 0px 40px;
	margin: 0;
}

/* Subheadline */
.block-subheadline {
    font-size: 36px;
    font-weight: 100;
    color: #333;
    margin: 0px 40px 40px 0px;
}

/* Large Text Section */
.large-text-section {
    padding: 00px;
    margin-bottom: 40px;
    border-radius: 8px;
}

.large-text-section .content {
    font-size: 36px;
    line-height: 1.4;
}

.large-text-section .content a,
.two-box-text-section a{
    text-decoration: none;
	border-bottom: 1px solid #000;
	transition: all 0.2s ease;
}

.large-text-section .content a:hover,
.two-box-text-section a:hover{
    padding-bottom: 2px;
		transition: all 0.2s ease;

}


/* One-Box-Text-Sectiom */


.one-box-text-section .text-box{
	line-height: 1.6;
	font-size: 20px;
	margin-bottom:40px;
}

.one-box-text-section .cut{
	width: 66.6666%;
}




/* Two-Column Text Section */
.two-column-text-section,
.wp-block-columns-is-layout-flex{
    padding: 20px 0px;
	max-width: 1400px;
	margin: 0 auto;
}



.two-column-text-section .two-column-content {
    column-count: 2; /* Split the text into two columns */
    column-gap: 30px; /* Space between columns */
    line-height: 1.6;
    font-size: 20px;
}

@media (max-width: 768px) {
    .two-column-text-section .two-column-content {
        column-count: 1; /* Single column on smaller screens */
    }
}

/* Two-Box Text Section */
.two-box-text-section {
    margin: 40px auto;
    padding: 20px 0px;
}

.subpage-links-repeater{
	

    margin: 40px auto;
}


/* Container for Text Boxes */
.two-box-text-section .box-container {
    display: flex;
    justify-content: space-between;
    gap: 20px; /* Space between the two boxes */
}

.two-box-text-section .text-box {
    flex: 1; /* Ensure both boxes take up equal width */
    line-height: 1.6;
    font-size: 20px;
}

/* Responsive Design */
@media (max-width: 768px) {
    .two-box-text-section .box-container {
        flex-direction: column; /* Stack boxes vertically on smaller screens */
        gap: 20px; /* Add spacing between stacked boxes */
    }
}

/* Full-Width Image */
.full-width-image img {
    width: 100%;
    height: auto;
    border-radius: 8px;
    margin-bottom: 20px;
}

/* Image with Text */
.image-with-text {
    display: flex;
    align-items: center;
    gap: 20px;
	margin: 40px 0px;
}

.image-with-text img {
    width: 50%;
    height: auto;
    border-radius: 8px;
}

.image-with-text .text {
    flex: 1;
    font-size: 18px;
    line-height: 1.6;
}







/* People Repeater Section */
.people-repeater {
    padding: 40px 0px;
    margin-bottom: 40px;
}



/* People Grid */
.people-repeater .people-grid {
    display: flex;
    flex-wrap: wrap; /* Cards wrap onto the next line */
    gap: 20px; /* Space between cards */
    justify-content: flex-start; /* Align cards to the left */
    align-items: flex-start; /* Align cards to the top */
	align-items: stretch;
}

/* Person Box Link */
.people-repeater .person-box-link {
    text-decoration: none; /* Remove link underline */
    color: inherit; /* Ensure text color matches the design */
    display: block; /* Make the entire card clickable */
    max-width: 200px; /* Set the max width to match the image */
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.people-repeater .person-box-link:hover {
    transform: translateY(-5px);
    box-shadow: 0 6px 10px rgba(0, 0, 0, 0.15); /* Subtle elevation on hover */
}

/* Person Box */
.people-repeater .person-box {
    text-align: center;
    border-radius: 8px; /* Rounded corners */
    overflow: hidden; /* Keep image and content within the box */
    background-color: #f9f9f9; /* Card background */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Subtle shadow for depth */
	padding-bottom: 0.5rem;
	hyphens: auto;
		
}

.person-box .person-position{
}


/* Person Image */
.people-repeater .person-box .person-image img {
    width: 100%;
    height: auto; /* Maintain aspect ratio */
    display: block;
    border-bottom: 0px;
}

/* Person Details */
.people-repeater .person-box .person-name {
    font-size: 18px;
    margin: 10px 0;
	text-align: center;
	padding-left: 10px;
	padding-right: 10px;
	font-weight: 100;
}

.person-box .person-function{
	font-size: 0.8rem;
	padding-bottom: 0.5rem;
}

.person-meta{
	padding: 0.0rem;
}

.people .person-header .person-meta h4{
	font-size: 0.8rem;
}

.people .person-header .person-meta a{
	text-decoration: none;
}

.people-repeater .person-box .person-phone,
.people-repeater .person-box .person-mobile,
.people-repeater .person-box .person-email {
    font-size: 14px;
    margin: 5px 0;
	text-align: left;
	padding-left: 10px;
	margin-top: 0px;
}

.people-repeater .person-box .person-phone,
.people-repeater .person-box .person-mobile{
	margin-bottom:0px;
}

.people-repeater .person-box .person-email a {
    text-decoration: none;
    color: #90C9E1;
    transition: color 0.3s ease;
}

.people-repeater .person-box .person-email a:hover {
    color: #005580; /* Slightly darker on hover */
}




.person-image-wrapper {
  width: 100%;
  aspect-ratio: 2 / 3; /* or 1 / 1 for square */
  overflow: hidden;
  position: relative;
  border-radius: 4px;
}

.person-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.subsection-headline {
	margin-top: 1rem;
	margin-bottom: 10px;
}


.people-list{
	list-style: none;

}

.people-list .person-thumb{
	display:block;
  width:80px; height:80px;  /* override if you used 256 */
  object-fit:cover;
	  object-position: top center; /* shows the top of the image */

  border-radius:.5rem;
  flex:0 0 auto;
	grid-column: span 1;
}

.people-section{
 margin-top: 2rem;	
}

.people-list .person-item a{
		display: grid;
	grid-template-columns:repeat(12, 1fr);
	text-decoration:none;
	position: relative;
	align-items: center;
	margin-bottom: 10px;
}

.people-list .name{
	text-decoration: none;
	line-height: 1.4;
	grid-column: span 3;
	font-size: 1.5rem;
}

.people-list .person-meta{
			grid-column: span 7;
	align-self: center;

}

.person-thumb{
	grid-column: span 3;
	max-width: 150px;
	display: none;
}



/* PEOPLE SINGLE */


.people-main-single,
.person-header-single{
	max-width: 1400px;
	margin-left: auto;
	margin-right: auto;
}

.people-main-single section,
.people-main-single .person-meta,
.people-main-single .person-header
{
	margin-bottom: 2rem;
}

.person-thumb-single-wrapper{
	grid-column: span 2;
}
.people-main-single .person-thumb{
	display: block;
	max-width: 100%;
	height: auto;
	
}


.person-headline{
	grid-column: span 12;
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	gap: 16px;
}

.person-headline .person-name{
	text-transform: uppercase;
}


.person-titlebox{
	grid-column: span 10; 	
}
.people .person-vita-inner{
	grid-template-columns: repeat(12, 1fr);
	display: grid;
	column-gap:20px;
}

.vita_left{
	display: grid;
	gap:16px;
}

.people h4, .people h3{
	text-transform: uppercase!important;
	letter-spacing: 0.05em!important;
	margin-top: 10px;
}

.people p{
	font-size: 1.2rem;
	line-height: 1.4;
}
.people .person-publications p,
.people .person-old-info p{
	font-size: 1.0rem;
}


/* people page */

.people-list{
	
}

.people-group{
	position: relative;
}

.people-group-heading{
	
	position: sticky;
	  position: -webkit-sticky;
  inset: 50px 100px 50px 100px;

	margin-top: 2rem;
	top:210px;

margin-left: -39px;
}


.people-group-list{
	
}

.people-group-list .person-item{
	
}



.wiss-list{
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	text-decoration: none;

}

.wiss-list .person-item{
	grid-column: span 4;

}


.people-list.wiss-list .person-item a{
		column-gap: 10px;

}

.list-person-thumb{
		grid-column: span 4;
	aspect-ratio: 1 / 1;
	border-radius: 8px;
	background-size:cover;
	background-position: top;
	
}

.people-list.wiss-list .wiss_wrap{
		grid-column: span 8; 

}

.single-people .people h3{
	text-transform: uppercase;
	letter-spacing: 0.05rem;
	margin-bottom: 5px;
}


/* Custom Submenu */
.custom-submenu {
    position: fixed;
    bottom: 20px;
    left: 20px;
    background: rgba(255, 255, 255, 0.8); /* Transparent white background */
    border-radius: 10px; /* Rounded corners */
    backdrop-filter: blur(10px); /* Blur effect */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2); /* Subtle shadow */
    padding: 10px;
    z-index: 1000;
    max-width: 250px;
    overflow: hidden;
    transition: all 0.3s ease;
}

.custom-submenu.minified {
    height: 40px;
    overflow: hidden;
    padding: 5px;
}

.custom-submenu .submenu-toggle {
    position: absolute;
    top: -15px;
    right: -15px;
    background: #333;
    color: #fff;
    border: none;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    font-size: 18px;
    cursor: pointer;
    text-align: center;
}

.custom-submenu ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.custom-submenu li {
    margin-bottom: 10px;
}

.custom-submenu a {
    display: block;
    color: #333;
    font-family: 'Source Code Pro', monospace;
    font-size: 14px;
    text-decoration: none;
    padding: 5px 10px;
    border-radius: 5px;
    transition: background 0.3s ease, color 0.3s ease;
}

.custom-submenu a:hover {
    background: #90C9E1;
    color: #fff;
}









/* Start Page - First Section */
.first-section {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 60px 20px;
    margin: 0 auto;
}

.first-section-container {
    display: grid;
    grid-template-columns: 5fr 8fr; /* Image takes 4 columns, text takes 8 */
    gap: 20px;
    align-items: flex-start;
}

/* Image Styling */
.first-section .left-image img {
    width: 100%;
    aspect-ratio: 3 / 2; /* Maintain 3:2 aspect ratio */
    height: auto;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

/* Text Container */
.first-section .text-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 15px;
}

/* Headline */
.first-section .text-container .headline {
    font-family: 'Open Sans', sans-serif;
    font-size: 36px;
    font-weight: 100; /* Updated font weight */
    color: #333; /* Updated color */
    margin: 0;
}

/* Subline */
.first-section .text-container .subline {
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    font-weight: 100; /* Updated font weight */
    color: #333; /* Updated color */
}

/* CTA Link */
.first-section .text-container .cta-link {
    font-family: 'Source Code Pro', monospace;
    font-size: 12px;
    text-transform: uppercase;
    background: white;
    color: #333; /* Updated color */
    padding: 5px 10px;
    border: 1px solid #ddd;
    border-radius: 8px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    text-decoration: none;
    display: inline-block;
    transition: all 0.3s ease;
	width: auto;
	align-self: flex-start;
}

.first-section .text-container .cta-link:hover {
    background: #90C9E1;
    color: white;
    border-color: #90C9E1;
    box-shadow: 0 6px 10px rgba(0, 0, 0, 0.2);
}

/* Responsive Design */
@media (max-width: 992px) {
    .first-section-container {
        grid-template-columns: 1fr; /* Stack image and text on smaller screens */
    }

    .first-section .left-image {
        margin-bottom: 20px;
    }
}




















/* Single Event Page */


#venue_icon{
	width: 12px;
	height: 12px;
}

.single-event-wrapper {
    padding: 40px 0px;
    margin: 0 auto;
	text-align: left;
	max-width: 1400px;
}

.single-event .event-categories{
	padding: 0;
}

.single-event .event-header {
    margin-bottom: 30px;
	grid-template-columns: 9fr  3fr;
	display: grid;
}

.single-event .event-title {
    font-family: 'Open Sans', sans-serif;
    font-size: 3rem;
    font-weight: 200;
    color: #333;
    margin:  0px 0px 0px 0px;
}

.single-event .event-thumbnail img {
    width: 100%;
    height: auto;
    margin: 0px 0;
    border-radius: 0px;
}

.single-event .event-dates {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    color: #666;
    margin-top: 35px;
	margin-bottom: 5px;
}

.single-event .event-content {
    text-align: left;
}

.single-event .event-venue{
	margin-bottom: 20px;
}

.single-event .event-subheadline {
    font-family: 'Open Sans', sans-serif;
    font-size: 1.8rem;
    font-weight: 200;
    margin: 0px 0px 20px 0;
}

.single-event .event-description {
    font-family: 'Open Sans', sans-serif;
    font-size: 1.2rem;
    color: #555;
    line-height: 1.4;
	max-width: 960px;
}


.single-event .event-categories {
	background-color: transparent;
	padding: ßpx;
}

/* Event Dates */
.event-dates {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    color: #666;
    margin-bottom: 10px;
}

.event-dates span.time {
    display: inline-block;
    margin-left: 5px;
    font-weight: 600;
    color: #333;
}


.single-events-post-categories {
	display: inline-block;
	margin-left: 50px;
	list-style: none;
}

.single-events-post-categories li{

	list-style: none;
}

.single-events-post-categories a{
	text-decoration: none;
	background-color: #e0dace;
	padding: 5px 10px;
	border-radius: 7px;
}











/* Events Section */







.events-section {
    padding: 60px 0px;
    display: grid;
	grid-template-columns:repeat(12, 1fr);
    justify-content: center;
	background-color: #eeeeee;
	position: relative;
	z-index: 2;
}


.events-section:after{
	position: absolute;
	width: 200%;
	left: -50%;
	height: 100%;
	z-index:-1;
	content: '.';
	font-size: 0px;
	display: block;
	top:0;
	background-color: #eeeeee;
}


.events-wrapper {
    margin-left: auto;
	grid-column: span 12;
	grid-template-columns:repeat(12, 1fr);
	display:grid;
}

.events-wrapper .section-headline-wrapper {
  grid-column: span 12;

}

.event-item {
    display: grid;
	grid-template-columns:repeat(12, 1fr);
    gap: 20px;
    margin-bottom: 40px;
    align-items: flex-start;
	grid-column: span 6;
}

.event-image{
	grid-column: span 4;
}

.event-item .event-image img {
    width: 100%;
    height: auto;
    /* No border-radius, shadows, or frame */
}

.event-item .event-date {
    font-family: 'Open Sans', sans-serif;
    font-size: 1.2rem	;
    font-weight: 100; /* Light font weight */
    color: #333; /* Theme text color */
    text-align: left;
}

.event-item .event-content {
    padding: 0;
    background: none; /* No background box */
    text-align: left;
	grid-column: span 8;
}

.event-item .event-title {
    font-family: 'Open Sans', sans-serif;
    font-size: 24px;
    font-weight: 100; /* Light font weight */
    margin: 0 0 10px;
    color: #333; /* Theme text color */
}

.event-item .event-subtitle {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-weight: 100; /* Light font weight */
    color: #333; /* Theme text color */
}

/* Button Wrapper */
.events-button-wrapper {
    text-align: left;
    margin-top: 20px;
	grid-column: span 12;
}
/* Archive Button */
.events-archive-button {
    font-family: 'Source Code Pro', monospace;
    font-size: 12px;
    text-transform: uppercase;
    background: white;
    color: #333;
    padding: 5px 10px;
    border: 1px solid #ddd;
    border-radius: 8px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    text-decoration: none;
    display: inline-block;
    transition: all 0.3s ease;
}

.events-archive-button:hover {
    background: #90C9E1;
    color: white;
    border-color: #90C9E1;
    box-shadow: 0 6px 10px rgba(0, 0, 0, 0.2);
}







.subpage-link{
	text-decoration: none;
}
.subpage-link .arrow{
	width: 35px;
	display: inline-block;
margin-right: 20px;
vertical-align: middle;
transition: all 0.3s;
}

.subpage-link:hover .arrow{
	transform: translate(15px, 0px);
transition: all 0.3s;
	
}

.subpage-title{
	font-size: 2rem;
color: #000;
	display: inline-block;
	vertical-align: middle;
}







/* Remove background color from the section */
.latest-meldungen-section {
    background-color: transparent;
    padding: 60px 0px; /* Adjust padding as needed */
}
.latest-meldungen-section a{
	text-decoration: none;
}

/* Center the section title */
.latest-meldungen-section .section-title {
    text-align: center;
    font-size: 2em;
    margin-bottom: 40px;
    color: #333;
}

/* Styling for each melding box */
.meldung-box {
    background-color: #A9E8DD;
    color: #333;
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 30px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
	flex: 1 1 calc(50% - 20px);
}

.meldung-box:hover {
    transform: translateY(-5px);
    box-shadow: 0 6px 10px rgba(0, 0, 0, 0.15);
}

/* Ensure titles and subtitles have appropriate styling */
.meldung-title {
    font-size: 1.5em;
    margin-bottom: 10px;
		font-weight: 100;
	text-decoration: none;

}

.meldung-subtitle {
    font-size: 1.2em;
    margin-bottom: 15px;
	font-weight: 100;

}





/* Standardize button styling */
.cta-button {
   font-family: 'Source Code Pro', monospace;
    font-size: 12px;
    text-transform: uppercase;
    background: white;
    color: #333; /* Updated color */
    padding: 5px 10px;
    border: 1px solid #ddd;
    border-radius: 8px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    text-decoration: none;
    display: inline-block;
    transition: all 0.3s ease;
	width: auto;
	align-self: flex-start;
}

.cta-button:hover {
  background: #90C9E1;
    color: white;
    border-color: #90C9E1;
    box-shadow: 0 6px 10px rgba(0, 0, 0, 0.2);}


.start-page{
	overflow: hidden;
}





.start-section{
	padding: 60px 20px;
	padding: 60px 0px;
	
}







.publications-section{
	background-color: #fff;
	position: relative;
	z-index: 2;
	
}

.publications-section:after{
	position: absolute;
	width: 200%;
	left: -50%;
	height: 100%;
	z-index:-1;
	content: '.';
	font-size: 0px;
	display: none;
	top:0;
	background-color: #eeeeee;
}

.publications-section .row{
	
	display: grid;
	grid-template-columns: repeat(12, 1fr);
}

.publication-box {
    color: #333;
    border-radius: 8px;
    margin-bottom: 30px;
	grid-column: span 4; 	
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	flex-direction: column;
	text-decoration: none;
}

.publication-box:hover h3{
	color: #90C9E1;
}

.publication-thumbnail{
	grid-column-start: 1;
	grid-column-end:4;
	
}

.publication-thumbnail img{
	width: 100%;
	height: auto;
}

.publication-title{
	font-weight: 100;
	vertical-align: top;
	font-size: 1.4rem;
	line-height: 1.2;
	grid-column-start: 4;
	grid-column-end:12;
	padding-left: 20px;

}





.start-section a{
	text-decoration: none;
	color: #333;
}




.schwerpunkte-section.start-section{
	background-color:#939292;
	position: relative;
	z-index: 2;
}

.schwerpunkte-section.start-section:after{
	width: 200%;
	background-color:#939292;
	content:'.';
	display: block;
	z-index: -1;
	position: absolute;
	left: -50%;
	top:0px;
	font-size: 0px;
	height: 100%;
}

.page-template-page-forschungsschwerpunkte .schwerpunkte-section.start-section:after{
	display: none;
}


.schwerpunkte-section .schwerpunkt-title{
	font-size: 3rem;
	vertical-align: middle;
	display:inline-block;
	max-width:90%;
}


.schwerpunkte-section .arrow{
	width: 50px;
	display: inline-block;
	margin-right: 20px;
	vertical-align: middle;
		transition: all 0.3s;

}

.schwerpunkt-box{
	display: block;
		margin-bottom: 1.5rem;

	

}

.schwerpunkt-box .schwerpunkt-title{
	color:#fff;
}

.schwerpunkt-box:hover .schwerpunkt-title{
	color:#fff;
}

.schwerpunkt-box:hover {
	color:#90C9E1;
}

.schwerpunkt-box:hover .arrow {
	transform: translate(15px, 0px);
	transition: all 0.3s;
}







.custom-section{
	width: 50%;
	margin-left: 50%;
}



.custom-section .section-headline{
	background-color:   #792050;
}

.custom-section .section-headline{
	background-color:   #792050;
}

.custom_section-text{
	color:#792050;
	font-size: 2rem;
	line-height: 1.4;
}



.uc-box{
	background-color: #FF5B00;
	position: fixed;
	right: 20px;
	bottom: 20px;
	font-size: 1rem;
	padding: 20px;
	z-index: 9999999999;
	
	color: #333;
	font-weight: 500;
	text-align: center;
	    font-family: 'Source Code Pro', monospace;
	
}


footer{
	background-color: #fff;
	margin-top: 5rem;
}


.footer-images-container{
	border-top: 0.01rem solid #333;
	border-bottom: 0.01rem solid #333;
	padding: 20px 0px;
	width: calc(100% - 40px);
	margin-left: 20px;
	display: flex;
	


}

.footer-images {
    display: flex;
    flex-wrap: wrap; /* Allows wrapping on small screens */
    justify-content: space-around; /* Centers images */
    gap: 2	0px; /* Adds spacing between images */
	align-items: center;
	
	width: calc(80% - 1px);
	border-right: 0.05em #333 solid; 
}



.footer-image-item {
    flex: 1 1 calc(100% / 10 - 50px); /* Adjust the divisor (5) for the max number per row */
    max-width: calc(100% / 10 - 50px); /* Matches the flex value */
}

.footer-image-item img {
    width: 100%;
    height: auto;
    object-fit: contain;
    border-radius: 0px; /* Optional: Rounded corners */
    transition: transform 0.2s ease;
}

.footer-image-item img:hover,
.footer-box img:hover{
    transform: scale(1.05); /* Adds a slight hover effect */
}

.footer-images-steady {
    display: flex;
    flex-wrap: wrap; /* Allows wrapping on small screens */
    justify-content: space-around; /* Centers images */
    gap: 2	0px; /* Adds spacing between images */
	align-items: center;
	
	padding: 0px 0px;
	width: calc(20% - 20px);
	 
}

.footer-box{
	
flex: 1 1 calc(100% / 2 - 50px);
max-width: calc(100% / 2 - 50px);
	position: relative;
}

.footer-box p{
	font-size: 10px;
	margin-bottom: 10px;
	position: absolute;
	top:-20px;
	left:0px;
}
.footer-box img {
width: 60%;
height: auto;
object-fit: contain;
border-radius: 0px;
transition: transform 0.2s ease;


}

.footer_bottom{
	width: calc(100% - 40px);
	margin-left: 20px;
	padding-bottom: 20px;
	padding-top: 20px;
}

.footer_bottom_left{
	width: auto;
	display: inline-block;
}

.footer-bottom p {
	float: left;
	display: inline-block;
}


.menu-footer-right-container{
	background-color: white;
	border-radius: 8px;
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
	padding: 5px 10px;
	font-family: 'Source Code Pro', monospace;
	font-size: 12px;
	text-transform: uppercase;
	display: flex;
	align-items: center;
	gap: 10px;
	float: right;

}

#menu-footer-right{
	list-style: none;
}

.menu-footer-right-container a{
	color: #333;
	text-decoration: none;
}

.menu-footer-right-container a:hover{
color: #90C9E1
}

.menu-footer-right-container li {
	display: inline-block;
	margin-left: 0px;
}


.logo-footer{
	
}






.podcast-section {
	background-color: #ffcf01;
	border-radius: 8px;
	padding: 20px;
	margin: 60px auto;
	width: 50%;
	color: #333;
	
}


.podcast-section h2{
	text-transform: uppercase;
	color: #333;
	font-size: 2rem;
	line-height: 1;
	text-align: center;
	
	
}


.podcast-section .current{
	text-transform: uppercase;
	margin-top: 20px;
	display: inline-block;
	font-size: 0.8rem;
	letter-spacing: 0.05rem;
}


.podcast-section h3{
	color: #333;
	font-size: 1.6rem;
	line-height: 1.1;
		transition: all 0.2s ease;

	
	
}
.podcast-section .podcast-box:hover h3{
	color: #fff;
	transition: all 0.2s ease;
}

.pod_date{
	font-size: 0.7rem;
		color: #333;

}

.podcast-section .all_podcasts{
	position: relative;
	color: #333;
	
}

.podcasts-page .block-subheadline{
	font-size: 24px;
	line-height: 1.4;
	max-width: 900px;
}
.arrow_before{
	position: relative;
	display: inline-block;
	left: 20px;
	margin-top: 1rem;
	transition: all 0.2s ease;
}

.arrow_before:before{
	position: absolute;
	height: 100%;
	aspect-ratio:1 / 1;
	left: -25px;
	background-image: url('../images/arrow.svg');
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	display: block;
	content: '';
	transition: all 0.2s ease;

}

.arrow_before:hover::before{
	transform: translateX(5px); 
		transition: all 0.2s ease;

}

.podcast-box{
	border-top: 1px solid #333;
	display: block;
	padding-top: 0.2rem;
	padding-bottom: 0.2rem;
}

.podcast-box:last-child{
	border-bottom: 1px solid #333;

}

.podcast-page .block-headline{
	
	
}





.mediathek-section{
	border-top: #E7BA3A 0.01rem solid ;
	border-bottom: #E7BA3A 0.01rem solid;
	width: calc(100% - 40px);
	text-align: center;
	margin: 60px auto;
	padding: 20px;
}

.mediathek-section h2{
	font-size: 2rem;
	display: inline-block;
	vertical-align: middle;
}


.mediathek-section .play{
	width: 70px; 
	height: auto;
	display: inline-block;
	vertical-align: middle;
	margin-right: 20px;
	
}





/* FS */
.forschungsschwerpunkt h4.section-headline{
	background-color: transparent;
}

.fs-dot {
  display: inline-block;
	position: absolute;
	left: -20px;
	top:13px;
  width: 0.5em;
  height: 0.5em;
  border-radius: 50%;
  margin-right: 0.5em;
  vertical-align: middle;
  background-color: gray; /* fallback */
}
.fs-dot.fs0 { background-color: #fff; }
.fs-dot.fs1 { background-color: rgba(139,189, 189,1) }
.fs-dot.fs2 { background-color: rgba(255,241,123,1) }
.fs-dot.fs3 { background-color: rgba(169,145,158,1) }
.fs-dot.fs4 { background-color: rgba(255,194,87,1); }
.fs-dot.fs5 { background-color: rgba(87,170,255,1); }



.fs_eins h3.section-headline,
.fs_zwei h3.section-headline,
.fs_drei h3.section-headline,
.fs_vier h3.section-headline,
.fs_fuenf h3.section-headline
{
	background-color: #fff;
	color: #333;
	
}



.fs_eins{
	background-color: rgba(139,189, 189,0.8);
}

.fs_eins .single_single_fp_wrapper a,
.single-events-post-categories a.cat-16{
	background-color: rgba(139,189, 189,1);
}


.fs_zwei{
		background-color: rgba(255,241,123,0.7);

}

.fs_zwei .single_single_fp_wrapper a{
		background-color: rgba(255,241,123,1);
}

.fs_drei {
		background-color: rgba(169,145,158,0.7);

}

.fs_drei.single_single_fp_wrapper a{
		background-color: rgba(169,145,158,1);
}

.fs_vier{
	background-color: rgba(255,194,87,0.7);
}

.fs_vier .single_single_fp_wrapper a{
	background-color: rgba(255,194,87,1);
}

.fs_fuenf{
	background-color: rgba(87,170,255,0.3);
}

.fs_fuenf .single_single_fp_wrapper a{
	background-color: rgba(87,170,255,1);
}

.forschungsschwerpunkt .container{
	max-width: 1400px;
	width: 100%;
	margin: 60px auto;
	padding: 0px;
}

.forschungsschwerpunkt .event-list{
	width: 100%;
}

.forschungsschwerpunkt .event-item,
.forschungsschwerpunkt .event-title ,
.forschungsschwerpunkt .event-title-wrapper,
.forschungsschwerpunkt .event-link
{
	grid-column: span 12;
}

.forschungsschwerpunkt .event-categories{
	margin-bottom: 10px;
	font-size: 12px;
}

.forschungsschwerpunkt .event-item{
	margin-bottom: 0;
}

.fs_header_left {
	
}

.fs_header_left h1{
	font-size: 3rem; 
}

.fs_header_right a{
	text-decoration: none;
}

.fs_introtext h2{
	line-height: 1.4;
}

.fs_header_people_wrap{
	background-color: white;
    border-radius: 8px; /* Rounded corners */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Soft drop shadow */
    padding:  20px;
	font-size: 1rem;
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 10px;
	width: auto;
	margin-bottom: 20px;
}

.fs_header_people_wrap span{
    text-transform: uppercase; /* All caps */
	font-size: 0.6rem;
	letter-spacing: 0.05rem;
	font-weight: 400;
}


.fs_program_download{
	background-color: #333333;
    border-radius: 8px; /* Rounded corners */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Soft drop shadow */
    padding: 20px ;
    font-family: 'Source Code Pro', monospace;
	font-size: 0.8rem;
    text-transform: uppercase; /* All caps */
    display: flex;
    align-items: center;
    gap: 10px;
	color: #fff;
	text-align: center;

}

.fs_resp, 
.fs_co{
	grid-column: span 12;
	
}

.fs_resp{
}





.section_headline_wrapper{
				grid-column: span 12;

}

.fp_wrapper{

}

.single_fp_wrapper{
	grid-column: span 12;
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	column-gap: 20px;
    row-gap: 0px;
	margin-bottom: 60px;

}

.single_single_fp_wrapper{
	grid-column: span 12;
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	column-gap: 20px;
    row-gap: 20px;

}



.single_single_fp_wrapper a{
	grid-column: span 3;
	background-color: #333333;
    border-radius: 8px; /* Rounded corners */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Soft drop shadow */
    padding: 20px ;
	font-size: 1.2rem;
    gap: 10px;
	color: #fff;
	text-align: left;
	text-decoration: none;
	

}


.mitglieder_wrapper_inner{
		grid-template-columns: repeat(2, 1fr);
	grid-column: span 12;
	display: grid;
	gap:10px;

}

.mitglieder_wrapper_inner a{
	text-decoration: none;

}

.matched-people {
	
	grid-template-columns: repeat(2, 1fr);
grid-column: span 12;
display: grid;
gap: 10px;
}
.mitglieder_wrapper_inner .matched-people .person{
	margin-bottom: 5px;
}

h4.section-headline{
	color: #333;
	background-color: #fff;
    border-radius: 0px; /* Rounded corners */
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1); /* Soft drop shadow */
    padding: 0px ;
	font-weight: 400;
	text-transform: none;
	letter-spacing: 0;
	font-size: 15px;
	margin-bottom: 10px;
}







.page-template-page-forschungsschwerpunkte{
	background-color: #939292;
	color: #fff;
}

.fs-page{
	max-width: 900px;
	margin: 60px auto;
}

.fs-page .large-text-section p{
	font-size: 1.5rem;
} 

.fs-page .block-headline{
	text-align: center;
	color: #fff;
}

.fs-page .schwerpunkte-section .schwerpunkt-title{
	font-size: 2rem;
	color: #fff;
}

.fs-page .schwerpunkte-section .arrow{
	width:35px;
}

.page-template-page-forschungsschwerpunkte .footer_bottom_left p{
	color:#333!important;
}






/* Single Person */


.person-details{
	grid-column: span 12;
}

.person-details .section-headline{
	
}

.position-entry{
	grid-column: span 4;
	
	
}


.time-and-position{
	padding: 0px;
}




section:has(+ .wp-block-buttons),
.block-subheadline:has(+ .wp-block-buttons),
.wp-block-buttons:has(+ .wp-block-buttons)
{
	padding-bottom: 0px;
	margin-bottom: 10px;
}

.wp-block-buttons{
	padding-left: 0px;
	margin-bottom: 40px;
}




/* Drittmittel-Page */


.dm-subheadline{
	margin-bottom: 10px;
	margin-top: 40px;
	letter-spacing: 0.05em;
	text-transform: uppercase;
}

.dmp-page .schwerpunkte-section {
	background-color: #fff;
	
}

.dmp-page .schwerpunkte-section:after {
	display: none;
	
}

.dm-title{
	font-size: 2rem;
	margin-bottom: 10px;
		color: #EEEEEE;

}

.dm-subtitle,
.schwerpunkt-subtitle{
	margin-bottom: 20px;
	color: #EEEEEE;
}


.schwerpunkte-section .wrapper{
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	gap: 20px;
	align-items:flex-start;
width: 100%;
max-width: none;
margin: 0 auto;
}



.dm-projekte-item{
	background-color: #999;
	border-radius: 8px;
	padding: 20px;
	grid-column: span 4;
	align-items:flex-start;
justify-content: center;
	  align-self: stretch;

	
}


.dm-projekte-item .people-repeater{
	padding: 0px;
	margin-bottom: 10px;
}

.dm-projekte-item .people-section-headline{
	margin-bottom: 2px;
	text-transform: uppercase;
	font-size: 0.8rem;
	letter-spacing: 0.05em;
	
}





/* EVENTS PAGE */


.events-page .events-section {
	background-color: #fff;
	margin-top: 0px;
	padding-top:0px; 
}

.events-page .events-section:after {
	display: none;
}


.events-page .events-section .events-wrapper{
	width: 100%;
}

.events-wrapper .section-title{
	display: inline-block
}
.pagination,
.events-wrapper-header{
	grid-column: span 12;
}

.events-wrapper-header{
	margin-bottom: 2rem;
}

.events-wrapper .section-title{
	margin-bottom: 2rem;
}

.events-page .event-item {
	grid-column: span 12;
}

.events-page .events-section .event-item .event-title,
.past-events-page  .event-item .event-title

{
	font-size: 1.8rem;
	line-height: 1.2;
}

.events-page .events-section .event-item{
	grid-template-columns: repeat(12, 1fr);
}



.events-page .event-list{
	grid-column: span 12;
}

.events-page .event-list .event-venue{
	margin-top: 0.8rem;
}

.events-page .event-list .event-link:hover{
	color: #333;
}

.events-page .event-list .event-link:hover .event-title{
	color: #90C9E1;
}

.events-page .event-image{
	grid-column: span 1;
}

.events-page .event-content{
	grid-column: span 11;
	display: grid;
	grid-template-columns: repeat(12, 1fr);

}


.events-page .event-date{
	grid-column: span 2;
}
.events-page .event-title-wrapper {
	grid-column: span 6;
	padding-right: 20px;
}


.events-page .event-more-wrapper {
	grid-column: span 4;
}


.events-page .event-item .event-subtitle{
	
}

.event-link{
	text-decoration: none;
}
.event-filter-form{
	margin-bottom: 20px;
}


.event-title a{
	text-decoration: none;
}

.event-day{
	font-size: 3rem;
	line-height: 1;	
	letter-spacing: -0.05em;
}


.event-categories{
	margin-top: 0px;
	text-decoration: none;
	background-color: #e0dace;
	padding: 5px 10px;
	border-radius: 7px;
	font-size: 1rem;
	display: inline-block;
}

.event-categories a{
	text-decoration: none;
	background-color: #e0dace;
	padding: 5px 10px;
	border-radius: 7px;
	margin-right: 10px;
}

.event-venue{
	font-size: 1rem;
}
.event-venue strong{
	font-weight: 100;
	
}

.event-filter-form{
	position: sticky;
	display: inline-block;
	float: right;
	vertical-align: top;
	
}


/* Publictaions Page*/

.pub-page .publications-section {
	background-color: #fff;
}

.pub-page .publications-section:after {
	display: none;
}


.publications-section.page-section{
		padding: 60px 0px;

}


.pub-page{

}





.pub-page h1,
.events-page h1,
.mediathek-page h1,
.presse-page h1,
.podcasts-page h1,
.modular-page h1,
.dmp-page h1
{
	border-radius: 8px;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
padding: 5px 10px;
text-transform: uppercase;
background-color: #c1b59e;
	color: #fff;
	display: inline-block;
		margin-bottom:10px;
}

.pub-page .publication-box{
	grid-column: span 4;
}

.pub-page .publication-title{
	font-size: 1.2rem;
}

.apropos-box{
		border-radius: 8px;
	background-color: #c1b59e;
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
	padding: 10px;
}

.apropos-box img{
	width: 100%;
	height: auto;
}

.apropos-box{
	text-decoration: none;
}

.apropos-box p{
	margin-bottom: 1rem;
	line-height: 1.4;
	color: #fff;
}


/* Publictaions Single*/

article.publication{
	grid-column: span 12;
	
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	gap: 16px;
	margin-top: 3rem;
}


.publication h1{
	font-size: 3rem;	
}

.publication h2{
	font-size: 2rem;	
	margin-bottom: 3rem;
}


.publication-header{
	grid-column: span 12;
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	gap: 16px;
}

.pub-header-left{
	grid-column: span 8;
}

.pub-header-right{
		grid-column: span 4;

}

.publication_content{
	grid-column: span 8;
	margin-top: 3rem;
	margin-bottom: 6rem;
	line-height: 1.5;
}

.publication_content p{
		font-size: 1.2rem;

}

.publication-details{
	line-height: 1.5;
}

.authors-box{
	border-radius: 8px;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
padding: 10px 20px;
background-color: #90C9E1;
	display: inline-block;
	margin-bottom: 2rem;
}

.authors-box ul{
	list-style: none;
	margin-bottom: 0.5rem;
}

.authors-box a{
	text-decoration: none;
}

.authors-box a:hover{
	color: #fff;
}

.authors-box p{
	text-transform: uppercase;
font-size: 0.6rem;
letter-spacing: 0.05rem;
font-weight: 400;
}


.publication-details strong{
	font-weight: 300;
	text-transform: uppercase;
	font-size: 0.7rem;
	letter-spacing: 0.05em;
}


.pub-header-right img{
	width: 150px;
}
.pub-header-right .large-original{
	width:100%;
}



/* SIngel Publication */

.single-publication

.single-pub-wrapper  {
	padding: 0;
	max-width: 1400px;
	margin-left: auto;
	margin-right: auto;
}




/* Presse + Medien */

.pressemitteilungen{
	margin-bottom: 5rem;
}

.pressemitteilungen .cta-button{
	margin-top: 2rem;
}
/* .presse-page .section-headline,
.dmp-page .section-headline{
	color:#333;
	border: 1px solid #90C9E1;
	background-color: #fff;
} */

.presse-year-archive-menu{
	margin: 2rem 0;
}


.presse-year-archive-menu ul{
	list-style: none;
}

.presse-year-archive-menu li{
	display: inline-block;
	font-family: 'Source Code Pro', monospace;
font-size: 12px;
text-transform: uppercase;
background: white;
color: #333;
padding: 5px 10px;
border: 1px solid #ddd;
border-radius: 8px;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
text-decoration: none;
display: inline-block;
transition: all 0.3s ease;

}

.presse-year-archive-menu li a{
	text-decoration: none;

}

.presse-section.page-section{
		max-width: none;
		padding: 60px 40px;
}

.presse-section.page-section h2{
	text-transform: uppercase;
	margin-bottom: 2rem;
}

.presse-listing.downloads{
	margin-top: 5rem;
}
.presse-box-wrapper{
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	column-gap: 16px;
}
.presse-box{
	grid-column: span 3;
	border-radius: 8px;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
padding: 10px 20px;
background-color: #90C9E1;
	display: inline-block;
	margin-bottom: 2rem;
	text-decoration: none!important;
		transition: all 0.1s ease;

}

.presse-box:hover{
	background-color: rgba(144,201,225,0.8);
	color: #333;
	padding-left: 25px; 
	transition: all 0.1s ease;
}

.presse-box ul{
	list-style: none;
}
.presse-box a{
	text-decoration: none;
}

.presse-box a:hover{
	color: #fff;
}

.presse-box h3{
	margin-bottom: 0.5rem;
}
.presse-box strong{
	font-weight: 300;
	text-transform: uppercase;
	font-size: 0.7rem;
	letter-spacing: 0.05em;
}

.zum_artikel_link{
	
	color: #111;
	border-radius: 5px;
	padding: 5px 10px;
	background-color: #fff;
	text-transform: uppercase;
	letter-spacing: 0.05rem;
	font-size: 0.8rem;
}

.zum_artikel_link:hover{
	color: #111!important;
	background-color: rgba(255,255,255,0.6);
}
.link_wrap{
	margin-top: 18px;
	margin-bottom: 10px;
}



.downloads{
	
}

.downloads h2{
	margin-bottom: 20px;
}

.downloads_inner{
	display: grid;
	grid-template-columns:repeat(12, 1fr);
	
}
.downloads_inner h3{
	column-count: span 3;
	
}

.downloads .link-item{
	grid-column-start: 5;
	position: relative;
	margin-bottom: 1rem;
}

.downloads .link-item a{
	text-decoration: none;
	font-family: 'Source Code Pro', monospace;
font-size: 12px;
text-transform: uppercase;
background: white;
color: #333;
padding: 5px 10px;
border: 1px solid #ddd;
border-radius: 8px;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
text-decoration: none;
transition: all 0.3s ease;
}

.downloads .link-item a:hover{
	color:rgba(144,201,225,1)
}
.downloads .link-item:before{
	position: absolute;
	left: -20px;
	display: block;
	content: '↓';
		transition: all 0.2s ease;

	
}

.downloads .link-item:hover:before{
	position: absolute;
	left: -20px;
	top:10px;
	display: block;
	content: '↓';
	transition: all 0.2s ease;
	
}







/*------------------------------------------
  Slider container
-------------------------------------------*/
.slider_wrapper {
  display: grid;            /* or flex if your slider JS requires it */
  grid-column: span 12;
  overflow: visible;        /* keep arrows visible */
}

/*------------------------------------------
  Individual slide
-------------------------------------------*/
.slide {
  background-color: #A9E8DD;
  color: #333;
  border-radius: 8px;
  margin: 0 5rem 30px;
  padding: 0;
  box-shadow: 0 4px 6px rgba(0,0,0,0.1);
  overflow: hidden;
  display: flex;
}

/*------------------------------------------
  Inner wrapper: flex row, full height
-------------------------------------------*/
.slide_inner {
  display: flex;
  width: 100%;
  height: 300px;            /* fixed slide height */
}

/*------------------------------------------
  Image container: full height, no centering
-------------------------------------------*/
.slide_image {
  flex: 0 0 auto;           /* width determined by image */
  height: 100%;             /* fill slide height */
  display: block;           /* remove any centering flex */
}
.slide_image img {
  display: block;
  height: 100%;             /* fill container top-to-bottom */
  width: auto;              /* keep correct aspect ratio */
}

/*------------------------------------------
  Text/content area: always visible
-------------------------------------------*/
.slide_content {
  flex: 1;                  /* take remaining width */
  display: flex;
  align-items: center;      /* vertically center text if desired */
  padding: 0px;
  overflow: auto;           /* scroll if text overflows */
  position: relative;
  z-index: 1;               /* ensure text sits above image if anything overlaps */
}


.slide_content_inner{
	padding: 20px;
}

.slide_content_inner .event-categories{
	margin-bottom: 10px;
}

/*------------------------------------------
  Slick arrows (custom SVGs, no default glyphs)
-------------------------------------------*/
.slider_wrapper .slick-prev,
.slider_wrapper .slick-next {
  background: none;
  border: none;
  padding: 0;
  width: 40px;
  height: 40px;
  transition: transform 0.3s;
}
.slider_wrapper .slick-prev:hover {
  transform: translate(10px, -50%);
}
.slider_wrapper .slick-next:hover {
  transform: translate(-10px, -50%);
}
.slider_wrapper .slick-prev:before,
.slider_wrapper .slick-next:before {
  content: none;
}
.slider_wrapper .slick-prev img,
.slider_wrapper .slick-next img {
  width: 100%;
  height: 100%;
  display: block;
}

/*------------------------------------------
  Per–post-type tweaks
-------------------------------------------*/
.slide_event_image,
.publication .slide_image {
  /* no extra rules needed—.slide_image handles both */
}

.podcast_slide_inner {
  background-color: #ffcf01;
  width: 100%;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.podcast_slide_inner h2 {
  margin-bottom: 1rem;
}
.podcast_slide_inner p {
  max-width: 75%;
  margin: 0 auto;
}
.radio-marc-bloch-slider-title {
  text-transform: uppercase;
}

.slide.podcast{
	  background-color: #ffcf01;

}

/*------------------------------------------
  Title/Subtitles
-------------------------------------------*/
.slide_content h2 {
  margin: 0 0 0.5rem;
  font-size: 2rem;
}
.publication-subtitle,
.meldungen .slide_content_inner div {
  font-size: 1rem;
  color: #555;
}



























.page-template-page-podcasts{
	
}

.page-template-page-podcasts .block-headline{
	background-color: #ffcf01;
	color: #333;
	
}
.podcast-posts{
	
}

.podcast-on-overview{
	border-radius: 8px;
	background-color: #ffcf01;
	text-decoration: none;
	overflow: hidden;
}

.podcast-on-overview .entry-thumbnail{
	width: 100%;
}
.podcast-on-overview .entry-thumbnail img{
	width: 100%;
	height: auto;
}
.podcast-on-overview:hover header.entry-header h2,
.podcast-on-overview:hover header.entry-header p,
.podcast-on-overview:hover {
	color:#fff!important;
	
}

.podcast-on-overview h2,
.podcast-on-overview p
{
	padding-left: 1rem;
	padding-right: 1rem;
}

.podcast-on-overview p{
	padding-bottom: 1rem;
}



/* PODCAST SINGLE */

article.single-podcast .container{
	max-width: none;
	padding: 0px;
}
.single-podcast h1{
	font-size: 2rem;
	padding-left: 10px;
	color: #ffcf01;
}
.single-podcast h2{
	font-size: 1.2rem;
	padding-left: 10px;
	color: #ffcf01;
}
.single-podcast .podcast-thumbnail{
}

.single-podcast .podcast-thumbnail img{
	width: 100%;
	height: auto;
}

.podcast-content-text{
	font-size: 1.2rem;
	line-height: 1.4;
	margin-top: 2rem;
}

.css-168dm97 {
	padding: 0px!important;
}

/* PAGE PAGINATION */

.pagination a{
	border-radius: 8px;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
padding: 5px 10px;
font-family: 'Source Code Pro', monospace;
font-size: 15px;
text-transform: uppercase;
	letter-spacing: 0.05rem;
	text-decoration: none;
	
}




/* 404 */

.section-404 {
	min-height: 75vh;
}


.meldungen-overview-section{
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	padding-top: 2rem;
}

.meldungen-overview-section .meldung-box{
	padding: 0;
	margin-bottom: 10px;
	line-height: 0;
	grid-column: span 8;
	line-height: 1.2;
}

.meldungen-overview-section .meldung-box header{
	padding: 20px;
}

.meldungen-overview-section .entry-thumbnail img{
	width:100%;
	height: auto;
	border-bottom-left-radius: 5px;
	border-top-left-radius: 5px;
	
}

.meldungen-overview-section a{
	text-decoration: none;
	align-items: center;
	
}

.meldungen-overview-section a:hover{
	text-decoration: none;
	align-items: center;
	transition: all 0.2s ease;
	
}



/* RESPONISVE */ 

@media (max-width: 1420px) {
 
	main,
	.header,
	.single-event-wrapper,
	.single-publication .single-pub-wrapper{
		padding-left: 20px;
		padding-right: 20px;
	}
	
} /* end 1420px */





/* Tablet Columns */
@media (max-width: 992px) {
    .container {
        grid-template-columns: repeat(8, 1fr); /* Adjust to 8 columns for tablets */
    }
    .col-tablet-1 { grid-column: span 1; }
    .col-tablet-2 { grid-column: span 2; }
    .col-tablet-3 { grid-column: span 3; }
    .col-tablet-4 { grid-column: span 4; }
    .col-tablet-5 { grid-column: span 5; }
    .col-tablet-6 { grid-column: span 6; }
    .col-tablet-7 { grid-column: span 7; }
    .col-tablet-8 { grid-column: span 8; }
    .col-tablet-9 { grid-column: span 9; }
    .col-tablet-10 { grid-column: span 10; }
    .col-tablet-11 { grid-column: span 11; }
    .col-tablet-12 { grid-column: span 12; }
	
	.slide{
		margin: 0 1rem 30px;
	}
	
	
	
	.schwerpunkte-section .schwerpunkt-title{
		font-size: 2rem;
		max-width: 85%;
	}
	
	
	.schwerpunkte-section .arrow{
		width: 30px;
		max-width: 14%;
	}
	
	
	.custom-section{
		width: 90%;
		margin-left: 5%;
	}
	
	.row.meldungen-grid{
		gap:0px!important;
	}
	.meldung-box{
		margin-bottom: 10px;
	}
	
	.start-section{
		padding: 30px 0;
	}
	
	.footer_bottom{
		text-align: center;
	}
	
	.footer-images,
	.footer-images-steady{
		width: 100%;
		border-right:0px;
	}
	
	.footer-images{
			margin-bottom: 3rem; 
		border-bottom: 0.01rem solid #333;
		padding-bottom: 1rem;
	}
	
	.footer-images-steady{
		
	}
	
	.footer-images-container{
		display: block;
	
	}
	
	.footer-image-item{
		flex:1 1 25%;
		max-width: 25%;
		padding: 20px;
	}
	
	.menu-footer-right-container{
		display: inline-block;
		margin-top: 1rem;
		float: none;
	}
	
	
	.block-headline{
		font-size: 1.8rem;	
	}
	
	.events-page .event-image,
	.events-page .event-item .event-date,
	.events-page .event-title-wrapper,
	.events-page .event-more-wrapper,
	.events-page .event-content
	{
		grid-column: span 12;
	}
	
	.single-event .event-title{
		font-size: 1.8rem;
	}
	
	.single-event .event-header{
		grid-template-columns: 12fr ;
	}
	
	.subpage-title{
		font-size: 1.8rem;
	}
	.subpage-link .arrow{
		width: 28px;
		margin-right: 15px;
	}
	
	.block-subheadline,
	.publication h1{
		font-size: 1.8rem;
		
	}
	
	.dm-projekte-item{
		grid-column: span 6;
	}
}

/* Mobile Columns */
@media (max-width: 760px) {
    .container {
        grid-template-columns: repeat(4, 1fr); /* Adjust to 4 columns for phones */
    }
    .col-mobile-1 { grid-column: span 1; }
    .col-mobile-2 { grid-column: span 2; }
    .col-mobile-3 { grid-column: span 3; }
    .col-mobile-4 { grid-column: span 4; }
	
	.mobile-full  { grid-column: span 12!important;}

	
	.dm-projekte-item{
		grid-column: span 12;
	}
	
	.dm-title{
		font-size: 1.2rem;
	}
	.publication-thumbnail{
		grid-column-start: 1;
		grid-column-end: 13;
	}
	
	.fs-page .large-text-section p{
		font-size: 1.2rem;
		margin-top: 10px;
	}
	
	.fs-page .schwerpunkte-section .schwerpunkt-title{
		font-size: 1.2rem;
	}
	.fs-page .schwerpunkte-section .arrow{
		width: 20px;
	}
	
	.pub-page .publication-title{
		grid-column-start: 1;
		grid-column-end: 13;
		padding-left: 0px;
		padding-top: 10px;
	}
	
	.pub-header-left{
		grid-column: span 12;
	}
	.one-box-text-section .cut{
		width: 100%;
	}
	
	.block-subheadline,
	.publication h1{
		font-size: 1.5rem;
	}
	.subpage-title{
		font-size: 1rem;
	}
	.subpage-link .arrow{
		width: 20px;
		margin-right: 10px;
	}
	
	.meldung-box  {flex: fit-content;}	
	.publication-box{ grid-column:  span 12;}
	.podcast-section { width:100%;}
	
	.publication-title,
	.meldung-title{
		font-size: 1.2rem;
	}
	
	.schwerpunkte-section .schwerpunkt-title{
		font-size: 1.5rem;
		max-width: 80%;
	}
	.schwerpunkte-section .arrow{
		width: 12%;
		margin-right: 10px;
	}
	
	.custom_section-text{
		font-size: 1.2rem;
	}
	
	.event-item .event-date{
		font-size: 1rem;
	}
	
	.event-item .event-date p {
		display: inline-block;
		margin-right: 0px;
	}
	
	.start-section{
		padding: 20px 0;
	}
	
	.slider_wrapper .slick-prev, .slider_wrapper .slick-next{
		width: 20px;
		height: 20px;
	}
	
	.slick-next{
		right: -10px!important;
	}
	
	.slick-prev{
		left: -10px!important;
	}
	
	.slide_content h2{
		font-size: 1.2rem;
	}
	
	.slide-image{
		width: 100%;
		height: 100%;
	}

	.slide_image img{
		width: 100%;
        position: absolute;
        z-index: -1;
        opacity: 0.05;
		height: auto;
	}
}



/* ---- Burger button ---- */
.burger {
  display: none;
  position: absolute;
  right: 16px;
  top: 12px;
  width: 40px; height: 40px;
  border: 0; background: transparent; cursor: pointer;
  z-index: 1101;
}
.burger span {
  display: block;
  height: 2px; width: 24px; margin: 6px auto;
  background: #333; transition: transform .2s, opacity .2s;
}
.burger[aria-expanded="true"] span:nth-child(1){ transform: translateY(8px) rotate(45deg); }
.burger[aria-expanded="true"] span:nth-child(2){ opacity: 0; }
.burger[aria-expanded="true"] span:nth-child(3){ transform: translateY(-8px) rotate(-45deg); }

/* ---- Mobile drawer + overlay ---- */
.mobile-overlay {
  position: fixed; inset: 0; background: rgba(0,0,0,.35);
  z-index: 1100; opacity: 0; transition: opacity .2s;
}
.mobile-overlay.is-open { opacity: 1; }

.mobile-nav {
  position: fixed; top: 0; right: 0; height: 100vh; width: 88%;
  max-width: 420px; background: #fff; z-index: 1102;
  transform: translateX(100%); transition: transform .25s ease;
  display: flex; flex-direction: column; overflow-y: auto;
  box-shadow: -8px 0 24px rgba(0,0,0,.1);
}
.mobile-nav.is-open { transform: translateX(0); }
.mobile-nav[aria-hidden="true"] { visibility: hidden; }
.mobile-nav__header {
  display: flex; align-items: center; justify-content: space-between;
  padding: 14px 16px; border-bottom: 1px solid #eee;
}
.mobile-logo img { height: 30px; width: auto; }
.mobile-close {
  background: transparent; border: 0; font-size: 26px; line-height: 1; cursor: pointer;
}

/* ---- Mobile menu list ---- */
.mobile-menu,
.mobile-menu ul {
  list-style: none; margin: 0; padding: 0;
}
.mobile-menu > li > a {
  display: block; padding: 14px 16px; text-decoration: none; color: #333;
  border-bottom: 1px solid #f0f0f0;
  font-size: 18px; font-weight: 300;
}
.mobile-menu li.menu-item-has-children > a {
  padding-right: 56px; /* room for toggle button */
}

/* Submenu containers are collapsed by default (accordion) */
.mobile-menu li .sub-menu {
  max-height: 0; overflow: hidden; transition: max-height .25s ease;
  background: #f9f9f9;
  border-bottom: 1px solid #f0f0f0;
}

/* expanded state */
.mobile-menu li.is-open > .sub-menu {
  max-height: 1000px; /* large enough for smooth expand */
}

/* nesting indentation */
.mobile-menu .sub-menu > li > a { padding: 12px 16px 12px 28px; font-size: 16px; }
.mobile-menu .sub-menu .sub-menu > li > a { padding-left: 44px; font-size: 15px; }

/* toggle buttons injected by JS */
.submenu-toggle {
  position: absolute; right: 8px; top: 8px;
  width: 36px; height: 36px; border: 0; border-radius: 6px;
  background: #fff; box-shadow: 0 1px 3px rgba(0,0,0,.08);
  cursor: pointer;
}
.submenu-toggle:after {
  content: '▸'; display: block; font-size: 16px; line-height: 36px; text-align: center;
}
.submenu-toggle[aria-expanded="true"]:after { content: '▾'; }

/* Utility area */
.mobile-utility { padding: 16px; border-top: 1px solid #eee; }
.mobile-utility .mobile-langs a { margin-right: 8px; font-weight: 700; text-transform: uppercase; }
.mobile-utility .mobile-langs a.active { color: #90C9E1; }
.mobile-utility .mobile-quicklinks a { margin-right: 12px; text-decoration: none; }

/* Hide desktop menu on tablet/mobile, show burger */
@media (max-width: 992px) {
  .header-bottom-menu { display: none !important; }
  .burger { display: block; }
  /* optionally compress header-top-menu on mobile; or hide */
  .header-top-menu { display: none; } /* comment out if you want to keep it */
}

/* Prevent body scroll when menu open */
body.nav-open { overflow: hidden; }




/* Mobile podcast badge in drawer */
.mobile-utility .mobile-podcast-link {
  display: grid;
  grid-template-columns: 48px 1fr;
  align-items: center;
  gap: 12px;
  text-decoration: none;
  background: #ffcf01;
  color: #333;
  border-radius: 10px;
  padding: 10px 12px;
  margin-bottom: 14px;
  box-shadow: 0 2px 6px rgba(0,0,0,.08);
  transition: transform .1s ease, box-shadow .1s ease;
}
.mobile-utility .mobile-podcast-link:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 10px rgba(0,0,0,.12);
}
.mobile-utility .mobile-podcast-badge {
  display: inline-grid;
  place-items: center;
  width: 48px; height: 48px;
  border-radius: 50%;
  background: #ffcf01;
}
.mobile-utility .mobile-podcast-badge img {
  width: 34px; height: 34px; display: block;
}
.mobile-utility .mobile-podcast-text {
  font-family: 'Source Code Pro', monospace;
  text-transform: uppercase;
  letter-spacing: .02em;
  font-size: 12px;
  line-height: 1.2;
}

/* Optional: hide the floating desktop badge on mobile to avoid duplication */
@media (max-width: 992px) {
  .podcast-link-wrapper.radio_marc_bloch_logo_wrapper { display: none; }
}