/*
Theme Name: Metallwerkstatt
Author: Life Design
Version: 1.0.0
Text Domain: ambient
Template: ambient
*/

/*
 * Hauptfarben:
 * dunkelblau		#0d031e
 * Gold 			#d9b256
 * Blau (dezent)	#172540
 * */

/* Header */

body .eltdf-main-menu > ul > li > a > span.item_outer .item_text:after, 
body .eltdf-main-menu > ul > li > a:hover > span.item_outer .item_text:after,
body .eltdf-drop-down .second .inner ul li a .item_text:after {
	background-color: #515151;
}

@media only screen and (max-width: 1200px) {
	body .eltdf-main-menu > ul > li > a {
		padding: 0 7px;
	}
}

@media only screen and (max-width: 680px) {
	body .eltdf-mobile-header .eltdf-mobile-menu-opener .eltdf-mobile-menu-text {
		display: none;
	}
	body .eltdf-mobile-header .eltdf-mobile-logo-wrapper img {
		display: block;
		width: 100%;
		height: auto;
		max-width: 300px;
	}
}

@media only screen and (max-width: 480px) {
	body .eltdf-mobile-header .eltdf-mobile-logo-wrapper img {
		max-width: 240px;
	}
}

/* Content */

body .eltdf-portfolio-filter-holder.eltdf-portfolio-filter-top .eltdf-portfolio-filter-holder-inner .eltdf-portfolio-filter-parent-categories li span {
	font-family: "Open Sans", sans-serif;
}

.subtitle {
	font-size: 30px;
	line-height: 37px;
	font-family: Montserrat;
	font-weight: 700;
}

/* Gallery */

body .eltdf-image-gallery .owl-nav .eltdf-next-icon, 
body .eltdf-image-gallery .owl-nav .eltdf-prev-icon {
    color: #fff;
    text-shadow: 0 0 10px rgb(0 0 0 / 30%);
}

body .eltdf-image-gallery .eltdf-ig-slider.eltdf-items-has-margin .owl-item img {
    box-shadow: none;
}

/* Footer */

body:not(.home) footer {
	background-color: #fff;
}

body footer .eltdf-footer-top-holder {
	position: relative;
	margin-top: 40px;
	border-top: 4px solid #EAEAEA;
}

body footer .eltdf-footer-top:not(.eltdf-footer-top-full) .eltdf-container-inner {
	padding: 40px 0 0;
}

body footer .eltdf-footer-top .widget .eltdf-footer-widget-title {
	color: #515151;
}

body footer .eltdf-footer-top-holder .eltdf-footer-top .widget {
	color: #515151;
}

body .eltdf-footer-bottom-holder, body .eltdf-footer-bottom-holder p {
	font-size: .9em;
}

body .eltdf-footer-bottom-holder,
body .eltdf-footer-bottom-holder a {
	color: #515151;
}


/*---------------------Logo Anpassungen----------------------------*/

.eltdf-logo-wrapper img {
    width: 400px !important; /* Standardbreite für größere Bildschirme */
    height: auto !important;
}

.eltdf-normal-logo {
    position: relative;
    top: 5px; /* Verschiebt das normale Logo leicht nach unten */
}

/* Für Bildschirme mit einer Breite von 1090px oder kleiner */
@media (max-width: 1090px) {
    .eltdf-logo-wrapper img {
        width: 250px !important; /* Verkleinert das Logo bei kleineren Bildschirmen */
    }
}

/* Für noch kleinere Bildschirme, wie Smartphones */
@media (max-width: 768px) {
    .eltdf-logo-wrapper img {
        width: 150px !important; /* Noch kleinere Logo-Größe für sehr kleine Bildschirme */
    }
}


/*------------------------Referenzen Layout Anpassung-----------------------------*/

.eltdf-two-columns-33-66 {
    display: flex;
    justify-content: center; /* Zentriert die gesamte Spaltenanordnung */
    gap: 0px; /* Entfernt zusätzlichen Abstand zwischen den Spalten */
}

.eltdf-column2 {
    display: none; /* Versteckt die rechte Spalte, wenn diese leer ist */
}

.eltdf-column1 {
    width: 100% !important;
    max-width: 1400px; /* Setzt eine maximale Breite */
    margin: 0 auto; /* Zentriert den Inhalt */
}

/*----------------Abstand--------------*/
.eltdf-container-inner.clearfix {
    position: relative;
    left: -30px; /* Passe diesen Wert an, bis es mittig sitzt */
}

.eltdf-title-text {
    position: static; /* Verhindert, dass sich der Titel bewegt */
}


/*-----------------------------Portfolio Referenzen Filter -----------------------------*/

/* Grundstil der Filter-Elemente */
.eltdf-portfolio-filter-parent-categories li {
    display: inline-block;
    margin: 0 15px;
    font-size: 16px;
    font-weight: 500;
    color: #515151 !important; /* Fixierte Standardfarbe */
    cursor: pointer;
    position: relative;
    padding-bottom: 5px;
}

/* Unterstrich bei Hover und für aktive Elemente, angepasst an die Wortbreite */
.eltdf-portfolio-filter-parent-categories li span {
    position: relative;
    display: inline-block;
    color: #515151 !important; /* Sicherstellung der Farbe beim Hover */
}

.eltdf-portfolio-filter-parent-categories li span:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -2px;
    height: 2px;
    width: 100%;
    background-color: #515151; /* Farbe des Unterstrichs */
    transform: scaleX(0);
    transform-origin: center;
    transition: transform 0.3s ease;
}

/* Animation des Unterstrichs bei Hover und Aktiv */
.eltdf-portfolio-filter-parent-categories li:hover span:after,
.eltdf-portfolio-filter-parent-categories li.active span:after {
    transform: scaleX(1); /* Der Unterstrich füllt sich mittig, ohne überzustehen */
}

/* Keine Änderung der Textfarbe bei Hover */
.eltdf-portfolio-filter-parent-categories li:hover span,
.eltdf-portfolio-filter-parent-categories li.active span {
    color: #515151 !important; /* Keine Veränderung der Textfarbe */
}


/*---------------------------------------------Footer-Anpassungen-------------------------------*/

.eltdf-footer-widget-title {
    font-weight: bold;
}


#text-2 .textwidget a {
    color: #515151; /* Standardfarbe */
    text-decoration: none;
}

#text-2 .textwidget a:hover {
    color: #8e8e8e; /* Hover-Farbe */
    text-decoration: none;
}



.eltdf-footer-top-holder {
    padding-bottom: 40px; /* Abstand unten anpassen */
}


/*-------------------------------------------Banner Titel ausblenden------------------------------------*/

.eltdf-title-subtitle-holder h1 {
    display: none !important;
}


/*-----------------------------------Portfolio Filter ausblenden---------------------------------------*/

.eltdf-portfolio-filter-holder-inner {
    display: none;
}