@charset "UTF-8";
/*
Theme Name: Merz Narbeninfo
Theme URI:
Author: dreiQBIK Webentwicklung
Author URI: http://dreiqbik.de
Description: Dieses Theme wurde für Merz Narbeninfo entwickelt
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: merz
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

The theme is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/

/* Add your CSS code here.

For example:
.example {
    color: red;
}

For brushing up on your CSS knowledge, check out http://www.w3schools.com/css/css_syntax.asp

End of comment */ 

/*Styles for the Popup */
.pum-container.pum-responsive img {
    max-width: 170%!important;
}

.popup-images {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); /* Flexible layout */
    gap: 15px;
    justify-items: center; /* Centers images */
    align-items: center;
    text-align: center;
    max-width: 900px; /* Prevents overly wide popups */
    margin: 0 -80px 0px 0px; /* Centers grid */
}

/* Standardize image sizes while keeping aspect ratio */
.popup-images img {
    width: 140%; /* Ensures images fit inside their cell */
    object-fit: contain;
    padding: 5px; /* Adds some space to prevent crowding */
}

/* Media Query for General Mobile (max-width 768px) */
@media screen and (max-width: 768px) {
    .popup-images {
        display: grid;
        grid-template-columns: 1fr; /* 1 image per row */
        margin: 0 auto;
        padding: 0;
    }

    .popup-images img {
        width: 80%; /* Adjust image size */
        margin-bottom: 15px;
        margin: 0 auto; /* Centers the image */
    }
}

/* Media Query for iPad Air 3/4 Portrait Mode (up to 820px) */
@media screen and (min-width:800px) and (max-width: 820px) {
    .popup-images {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
        margin: 0 -60px 0px 0px;
        padding: 0;
    }

    .popup-images img {
        width: 150%; /* Ensures images take up full width of their grid cell */
        margin-bottom: 15px;
    }
}

/* Media Query for iPad Air 3/4 Landscape Mode (up to 1180px) */
@media screen and (min-width:1050px) and (max-width: 1180px) {
    .popup-images {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(90px, 1fr));
        margin: 0 -60px 0px 0px;
        padding: 0;
    }

    .popup-images img {
        width: 150%; /* Ensures images take up full width of their grid cell */
        margin-bottom: 15px;
    }
}

/* Media Query for Large Screens */
@media screen and (min-width: 1500px) {
    .popup-images {
        margin: 0 auto; /* Centers grid */
    }
    
    .popup-images img {
    width: 170%;
    object-fit: contain;
    padding: 5px;
}
}


/* Styles for the button КЪДЕ ДА НАМЕРЯ */
@media screen and (max-width: 1023px) {
    .pum-trigger,#primary-menu > li:last-child .first-level-item  {
        background: #eaeff1!important;
		border: 1px solid transparent!important;

    }
	
	.meta-navigation-mobile {
        margin-top:0!important;
}

}

@media screen and (min-width: 1024px) {
.pum-trigger,#primary-menu > li:last-child .first-level-item {
    background: #fd0!important;
    border: 1px solid transparent!important;
	padding:20px!important;

}

.pum-trigger:hover,#primary-menu > li:last-child .first-level-item:hover {
    background: transparent !important;
    border: 1px solid #fd0 !important;
}

}


h5{
    font-size: 22px!important;
    margin-bottom: 0;
}

/* Footer */
@media only screen and (min-width: 481px) {
footer .col{
    padding-left: 5px!important;
    padding-right: 5px!important;
}

	footer .container--inner{
	width:90%!important;
}
}

	
/*Styles for the Menu */
@media screen and (min-width: 1025px) {
    .mega-menu-wrapper {
        top: 75px!important;

    }
}



/* Styles for the popup box on the left side - Задължителни текстове */
#pflichttexte{
	display:none;
}

.pflichttexte-flag {
        bottom: 400px!important;
    }

@media only screen and (min-width: 769px) {
    .pflichttexte-flag {
        bottom: 280px!important;
    }
}


/* Styles for the not found page after Search from search boxes */
.page-content .search-bar #searchsubmit {
	position:relative;
    right: 0px;
    width: 23px;
    height: 23px;
    background: url(https://nice-fermat.142-93-160-160.plesk.page/wp-content/themes/merz/dist/img/search-icon--gray.svg) no-repeat; 
    background-size: contain;
    border: none;
    outline: 0;
}


.menu-hauptmenue-container .menu > li:nth-child(4) .first-level-item {
  width: 100px;
}