/*
Theme Name: Uncode Child
Description: Child theme for Uncode theme
Author: Undsgn™
Author URI: http://www.undsgn.com
Template: uncode
Version: 1.0.0
Text Domain: uncode

Modified by: Agentur Bertsche + Spiegel
*/


/* MEGA MENU Changes */

ul.mega-menu-inner.in-mega.mega-menu-four.sm-nowrap
{
 	width: -webkit-fill-available !important;
	left: 142px !important;
}

.menu-horizontal:not(.menu-sub-enhanced) .mega-menu-inner > li.menu-item {
	display: block; 
}

.submenu-dark .menu-horizontal .menu-smart ul, #uncode_sidecart.style-dark {
	background-color: #ffffff;
}

.submenu-dark .menu-horizontal .menu-smart > .mega-menu .mega-menu-inner > li > a {
	color: #000000;
}


/* MAX MEGA MENÜ */

#mega-menu-wrap-primary,
#mega-menu-wrap-primary .mega-menu-toggle + #mega-menu-primary {
	background-color: transparent !important;
	z-index: 1000 !important;
}

.mega-menu-wrap {
	display: flex !important;
	justify-content: center !important;
}

@media only screen and (max-width: 959px) {
	.mega-menu-wrap {
		justify-content: flex-start !important;	
	}
	
	ul.mega-sub-menu {
		box-shadow: none !important;
	}
	
	/* Striche unter Kategorien */
	.mega-menu-row-custom {		
		border-top: 1px solid #1b1d1f !important;
		border-bottom: 1px solid #1b1d1f !important;
	}
	
	.mega-menu-row-custom,
	#mega-menu-wrap-primary, 
	#mega-menu-wrap-primary #mega-menu-primary, 
	#mega-menu-wrap-primary #mega-menu-primary ul.mega-sub-menu, 
	#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item, 
	#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-row, 
	#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-column, 
	#mega-menu-wrap-primary #mega-menu-primary a.mega-menu-link {
		min-width: 100% !important;
	}
	
}

.mega-menu-horizontal li:last-of-type {
	margin: 0 !important;
}

.mega-menu-link,
.mega-menu-row {
	word-wrap: normal !important;
}

@media only screen and (min-width: 959px) and (max-width: 1120px) {
	.mega-menu-link {
		font-size: 16px !important;
	}
	
	.logo-image{
		height: 36px !important;
	}
	
	.logo-container {
		min-width: 160px !important;
	}
}


/* Suche hat bessere Farbgebung */
.search-container form {
	color: white !important;
}


/* Angenehmere Seitensprünge */
html {
	scroll-behavior: smooth !important;
}


/* Unterstich bei Headline schwarz statt Akzentfarbe */
/* In die style-custom.css Zeile 830 einfügen/dort ändern!! */
.separator-accent {
	border-color: black !important;
}

/* Outline-Buttons in Leihausstellungen */

.style-light .btn-default, 
.style-dark .style-light .btn-default, 
.tmb-light .t-entry-text .btn-default, 
.style-dark .tmb-light .t-entry-text .btn-default, 
.tmb-dark .t-overlay-inner .btn-default {
	color: #1b1d1f !important;
	background-color: white !important;
}

.style-light .btn-default:not(.btn-hover-nobg):not(.icon-animated):not(.btn-flat):hover, 
.style-dark .style-light .btn-default:not(.btn-hover-nobg):not(.icon-animated):not(.btn-flat):hover, 
.tmb-light .t-entry-text .btn-default:not(.btn-hover-nobg):not(.icon-animated):not(.btn-flat):hover, 
.style-dark .tmb-light .t-entry-text .btn-default:not(.btn-hover-nobg):not(.icon-animated):not(.btn-flat):hover, 
.tmb-dark .t-overlay-inner .btn-default:not(.btn-hover-nobg):not(.icon-animated):not(.btn-flat):hover,
.style-light .btn-default.active, 
.style-dark .style-light .btn-default.active, 
.tmb-light .t-entry-text .btn-default.active, 
.style-dark .tmb-light .t-entry-text .btn-default.active, 
.tmb-dark .t-overlay-inner .btn-default.active {
	color: white !important;
	background-color: #1b1d1f !important;
}

/* back to top button wieder Standart schwarz-weiß */
.fa-angle-up {
	color: white !important;
	background-color: #1b1d1f !important;
}



/* Erfolglose Suche leicht angepasst */
.no-results h1{
	font-family:'Bely-Display', sans-serif;
}

..no-results .page-content p{
	display: block;
}

/* Bely Self-hosted Font */

@font-face {
  font-family: "BelyDisplay";
  src: url('fonts/webFonts/BelyDisplay/font.woff2') format('woff2'), url('fonts/webFonts/BelyDisplay/font.woff') format('woff');
}
@font-face {
  font-family: "BelyBold";
  src: url('fonts/webFonts/BelyBold/font.woff2') format('woff2'), url('fonts/webFonts/BelyBold/font.woff') format('woff');
}
@font-face {
  font-family: "BelyBoldItalic";
  src: url('fonts/webFonts/BelyBoldItalic/font.woff2') format('woff2'), url('fonts/webFonts/BelyBoldItalic/font.woff') format('woff');
}
@font-face {
  font-family: "Bely";
  src: url('fonts/webFonts/Bely/font.woff2') format('woff2'), url('fonts/webFonts/Bely/font.woff') format('woff');
}
@font-face {
  font-family: "BelyItalic";
  src: url('fonts/webFonts/BelyItalic/font.woff2') format('woff2'), url('fonts/webFonts/BelyItalic/font.woff') format('woff');
}

/* */

input::placeholder {
  color: white !important;
  opacity: 1 !important;
}

/* Fuebessere Browser-Kompatibilitaet (optional) */
input::-webkit-input-placeholder { color: white; }
input::-moz-placeholder { color: white; }
input:-ms-input-placeholder { color: white; }
input:-moz-placeholder { color: white; }

.loadmore-button a:focus{
	outline:3px solid #0e06f0;
}
a:focus,
button:focus,
input:focus,
textarea:focus,
select:focus {
  outline: 3px solid #0e06f0; /* Gelber Rahmen */
  outline-offset: 3px;
  transition: outline 0.2s ease-in-out;
}

.sbi_item:focus,
.sbi_item *:focus,
.t-entry-visual:focus,
.cli-modal-body:focus,
.cli-modal-dialog:focus,
.cli-privacy-readmore:focus,
.cli-modal-close:focus,
.cli-modal-dialog *:focus,
#cookie-law-info-bar:focus,
#cokie-law-info-bar *:focus   {
  outline: 3px solid #0e06f0 !important; /* Gelber Rahmen */
  outline-offset: 3px !important;
  transition: outline 0.2s ease-in-out;
}

.mega-wpml-ls-item{
	position: fixed !important;
	right: 70px !important;
}
.mega-wpml-ls-item a{
	font-size:12px !important;
}


@media (min-width: 1400px) {
	.mega-wpml-ls-item{
		position: absolute !important;
		left: 940px !important;
		right:unset !important;
	}
}

@media (max-width: 1160px) {
	#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item {
    	margin: 0 25px 0 0;
	}
}

@media (max-width: 1024px) {
	#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item {
    	margin: 0 20px 0 0;
	}
	.style-dark-bg {
    	background-color: #000;
	}
}

@media (max-width: 959px) {
	.mega-wpml-ls-item{
		position: relative !important;
		right: unset !important;
		bottom:-40px !important;
	}
}


.owl-prev, .owl-next{
	transform: translateY(-50%);
}

.header-wrapper .owl-next .owl-nav-container, 
.header-wrapper .owl-prev .owl-nav-container{
	top: 0 !important;
}


.skip-link {
    position: absolute;
    top: -40px;
    left: 0;
    background: #000;
    color: #fff;
    padding: 8px 16px;
    z-index: 1000;
    text-decoration: none;
    transition: top 0.3s ease;
	display:flex !important;
	align-items: center;
}
.skip-link:focus {
    top: 0;
}

.screen-reader-text {
    position: absolute !important;
    height: 1px; width: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
    white-space: nowrap;
}
.skip-link:focus {
    position: absolute !important;
    clip: auto !important;
    height: auto;
    width: auto;
    background-color: #000;
    color: #fff;
    padding: 1rem;
}

.wpcf7 input::placeholder {
  opacity: 0.5;
  color: black !important;
}

#LS1,
#LS2,
#LS3,
#LS4{
	scroll-margin-top: 100px; 
}

@media (max-width: 959px) {
	#LS1,
	#LS2,
	#LS3,
	#LS4{
		scroll-margin-top: 60px; 
	}
}


.mega-easy-read-icon{
	position: fixed !important;
	margin: 0px !important;
	right: 140px !important;
}
.mega-easy-read-icon > a{
	font-size:0px !important;
}
@media (min-width: 1400px) {
	.mega-easy-read-icon{
		position: absolute !important;
		left: 880px !important;
		right: unset !important;
	}
}

@media (max-width: 959px) {
	.mega-easy-read-icon{
		position: relative !important;
		bottom:-40px !important;
		right: unset !important;
	}
	.mega-easy-read-icon > a{
		font-size:12px !important;
	}
}

.mega-easy-read-icon > a::before {
  content: '';
  display: inline-block !important;
  vertical-align: middle !important;
  width: 32px !important;
  height: 32px !important;
  margin-right: 6px !important;
  background-image: url('https://www.dzm-museum.de/wp-content/uploads/2025/09/logo_etr.jpg') !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
}

.cli-bar-container,
.cli-privacy-readmore{
	font-weight: bold;
}

#cookie-law-info-bar{
	background-color: #000 !important;
}

a:active, button:active{
	outline: none !important;
}

a:focus:not(:focus-visible),
button:focus:not(:focus-visible) {
  outline: none !important;
}