/*

Theme Name:		        Aidea - Child
Theme URI: 		        https://aidea.forqy.website/
Description:            Child Theme for an Aidea
Text Domain: 			aidea-child
Version:				1.0.0

Template:		        aidea
Template Version: 		1.3.2

Author: 		        FORQY
Author URI:             https://forqy.website/

License:				GPL-3.0-or-later
License URI:			https://www.gnu.org/licenses/gpl-3.0-standalone.html

*/
@import url('fonts/feather-icons.css');


@font-face {
    font-family: 'Fira Sans';
    src: url('fonts/FiraSans/FiraSans-ExtraBoldItalic.woff2') format('woff2'),
        url('fonts/FiraSans/FiraSans-ExtraBoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Fira Sans';
    src: url('fonts/FiraSans/FiraSans-LightItalic.woff2') format('woff2'),
        url('fonts/FiraSans/FiraSans-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Fira Sans';
    src: url('fonts/FiraSans/FiraSans-Light.woff2') format('woff2'),
        url('fonts/FiraSans/FiraSans-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Fira Sans';
    src: url('fonts/FiraSans/FiraSans-ExtraBold.woff2') format('woff2'),
        url('fonts/FiraSans/FiraSans-ExtraBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Fira Sans';
    src: url('fonts/FiraSans/FiraSans-Italic.woff2') format('woff2'),
        url('fonts/FiraSans/FiraSans-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Fira Sans';
    src: url('fonts/FiraSans/FiraSans-BoldItalic.woff2') format('woff2'),
        url('fonts/FiraSans/FiraSans-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Fira Sans';
    src: url('fonts/FiraSans/FiraSans-Bold.woff2') format('woff2'),
        url('fonts/FiraSans/FiraSans-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Fira Sans';
    src: url('fonts/FiraSans/FiraSans-MediumItalic.woff2') format('woff2'),
        url('fonts/FiraSans/FiraSans-MediumItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'Fira Sans';
    src: url('fonts/FiraSans/FiraSans-SemiBoldItalic.woff2') format('woff2'),
        url('fonts/FiraSans/FiraSans-SemiBoldItalic.woff') format('woff');
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: 'Fira Sans';
    src: url('fonts/FiraSans/FiraSans-Regular.woff2') format('woff2'),
        url('fonts/FiraSans/FiraSans-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Fira Sans';
    src: url('fonts/FiraSans/FiraSans-SemiBold.woff2') format('woff2'),
        url('fonts/FiraSans/FiraSans-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Fira Sans';
    src: url('fonts/FiraSans/FiraSans-Medium.woff2') format('woff2'),
        url('fonts/FiraSans/FiraSans-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
  font-family: 'feather-icomoon'; 
  src: url('fonts/feather-icomoon.woff') format('woff'),
       url('fonts/feather-icomoon.ttf') format('truetype');
}


/* Schriftartenanpassung */
		h1, h2, h3, h4, h5, h6, a {
			font-family:Fira Sans!important
		}
		body, summary, label, input {
			font-family:Fira Sans!important
		}
		.fy-navigation a {
			font-family:Fira Sans!important
		}
      .n2-section-smartslider p, 
      .n2-section-smartslider div {
			font-family:Fira Sans!important
		}

/* Hauptmenü */

	/* Hauptmenü-Logo-Anpassung */
		.fy-logo-column {
			background: #ffffffb5;
			padding-bottom: 20px;
			border-radius: 8px;
		}
		.fy-logo {
			padding: 0 75px!important;
		}
		@media (max-width: 767px) {
		.fy-header-container .fy-flex-column-phone-100 {
			flex-basis: 0%;
		}
		.fy-header-container .fy-flex-container {
			justify-content: center;
		}
	}

	/* Abstand und Hintergrund Hauptmenü */
		.header-width-full .fy-header-container {
			padding-left: 25px;
			padding-right: 25px;
		}
		.fy-background {
			display: none!important;
	}	

/* Allgemeine Styles */

	/* Seitentitel entfernen */
		.fy-heading {
			height:auto!important;
			min-height:auto;
		}
		.cs-heading {
			display:none;
		}

     /*Abstände Toolbar korrigieren*/
.fy-bar .fy-socials, .fy-bar .fy-toolbar {
    padding: 0 0px;
}
/*Top-Bar Farbe*/
.fy-bar .fy-toolbar__list > li > a, 
.fy-bar .fy-toolbar__list > li > button
{color:#222222!important;}
.fy-bar .fy-toolbar__list > li > a:hover, 
.fy-bar .fy-toolbar__list > li > button:hover
{color:#7a2605!important;}
.fy-bar .fy-toolbar__list > li > a::before, 
.fy-bar .fy-toolbar__list > li > button::before {
    background-color: #7a2605!important;
}

/* Anpassung Größe volle Breite */
		.fy-container {max-width:100vw;}

/* About-Grid Homepage */

.about-grid {
	align-self: stretch!important;
    align-content: center!important;
}


/* Full width group */
	.full-width-group {
		width: 100vw;
		position: relative;
		left: 50%;
		right: 50%;
		margin-left: -50vw;
		margin-right: -50vw;
	}

	@media (min-width: 1230px) {
		.full-width-group .wp-block-columns,
		.category-teaser-container {
			padding-left: 100px;
			padding-right: 100px;
		}

		.full-width-group > h1,
		.full-width-group > h2,
		.full-width-group > h3,
		.full-width-group > h4,
		.full-width-group > h5,
		.full-width-group > h6,
		.full-width-group > p {
			padding-left: 100px;
			padding-right: 100px;
		}
	}

	@media (min-width: 552px) and (max-width: 1229px) {
		.full-width-group .wp-block-columns,
		.category-teaser-container {
			padding-left: 50px;
			padding-right: 50px;
		}
		
		.full-width-group > h1,
		.full-width-group > h2,
		.full-width-group > h3,
		.full-width-group > h4,
		.full-width-group > h5,
		.full-width-group > h6,
		.full-width-group > p {
			margin-left: 50px;
			margin-right: 50px;
		}
	}

	@media (max-width: 551px) {
	   .full-width-group .wp-block-columns,
		.category-teaser-container {
			padding-left: 20px;
			padding-right: 20px;
		}
		
		.full-width-group > h1,
		.full-width-group > h2,
		.full-width-group > h3,
		.full-width-group > h4,
		.full-width-group > h5,
		.full-width-group > h6,
		.full-width-group > p {
			margin-left: 20px;
			margin-right: 20px;
		}
	}

	/*Content Einstieg Abstand*/
		.page-id-71 .fy-main{
  		margin-top: -80px;
		}

/* Contact Form 7 Produktanfrage */
/* Formular */

	/* Container-Größe und Abstand */
		.container {
		  width: 100%;
		  max-width: 1140px;
		  margin: 0 auto;
		  padding: 0 15px;
		}

		/* Flex-Container für Spalten */
		.row {
		  display: flex;
		  flex-wrap: wrap;
		  margin: 0 -15px;
		}

		/* Spaltenbreiten */
		.col-4 {
			flex: 0 0 33.3333%;
			max-width: 33.3333%;
			padding: 0 15px;
		}

		.col-6 {
		  flex: 0 0 50%; 
		  max-width: 50%;
		  padding: 0 15px;
	      margin-top: -25px;
          margin-bottom: -25px;

		}

		.col-12 {
		  flex: 0 0 100%;
		  max-width: 100%;
		  padding: 0 15px;
	      margin-top: -25px;
          margin-bottom: -25px;
		}
		.wpcf7-textarea{
			max-height:150px!important;
			min-height:100px!important;
		}

		/* Abstand zwischen Zeilen */
		.row + .row {
		  margin-top: -20px;
		}

		/* Responsive Spaltenanpassung */
		@media (max-width: 768px) {
			.col-4,
			.col-6 {
				flex: 0 0 100%;
				max-width: 100%;
			}
			.col-r {margin-top:40px;}
			.col-f {margin-top:20px;}
			.c-row {margin-bottom: 30px;}
		}

	/* Contact Form Styles */
		.wpcf7 p {
			margin-bottom: 0px;
		}

.form-wrapper {
  padding: 20px; /* Optional: Fügt Innenabstand hinzu */
}

/* Hover-Animation */
	.up:hover {
		transition: transform 0.1s ease-in-out;
		transform: translateY(-10px);
		box-shadow: --wp--preset--shadow--natural:10px 2px 15px rgba(0, 0, 0, 0.3);
	}

/* Produkt Anfrage */


.product_inquiry_button {
    background-color: #0071a1;
    color: #fff;
    padding: 10px 20px;
    border-radius: 5px;
    text-decoration: none;
}

.product_inquiry_button:hover {
    background-color: #005f8d;
} 

/* Modal Hintergrund */
.inquiry-modal {
    z-index: 9999;
}

.show-modal {
    opacity: 1; /* Sichtbar machen */
    pointer-events: auto; /* Interaktion wieder möglich */
	position: fixed;
    z-index: 9999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.6);
    display: flex; /* Für die Zentrierung */
    justify-content: center;
    align-items: center;
}


/* Modal-Inhalt */
.inquiry-modal-content {
    background-color: #fff;
    padding: 20px;
    border-radius: 10px;
    width: 90%;
    max-width: 800px;
    overflow-y: auto;
    position: relative;
    box-shadow: 0 5px 15px rgba(0,0,0,0.3);
    animation: fadeIn 0.3s ease-in-out;
}
@media (max-width: 768px) {
    .inquiry-modal-content {
            max-height: 80vh;
    }
}


/* Schließen-Button */
.close-modal {
    font-size: 28px;
    font-weight: bold;
	height: 30px;
}

.close-modal-container {
    position: absolute; /* Oder relative, je nach Bedarf */
    top: 10px;
    right: 10px;
	cursor: pointer;
    /* Weitere Styling-Optionen für den Container */
    display: flex; /* Für die Zentrierung des X innerhalb des Containers */
    justify-content: center;
    align-items: center;
	color: #aaa;
}

.close-modal:hover,
.close-modal:focus {
    color: #000;
}

/* Sanfte Einblendung */
@keyframes fadeIn {
    from { opacity: 0; transform: scale(0.9); }
    to { opacity: 1; transform: scale(1); }
}

/* Trennlinie im Footer Entfernen */
	.fy-footer .widget_nav_menu li,.fy-footer .widget_pages li,.fy-footer .widget_categories li,.fy-footer .widget_product_categories li,.fy-footer .widget_layered_nav li,.fy-footer .widget_layered_nav_filters li,.fy-footer .widget_archive li,.fy-footer .widget_meta li {
		color: rgba(255,255,255,0.6);
		border-bottom-color: rgb(255 255 255 / 0%);
	}
/* Footer Highlight*/
	.widget a {
		 background-image: linear-gradient(transparent calc(100% - 1px), rgb(87 86 86) 1px);
		transition: none;
	}

.widget_nav_menu li a{
		border-top: 1px solid transparent;
		padding-top: 2px;
		padding-bottom: 2px;
		border-bottom: 1px solid transparent;
	}
.fy-footer, .fy-footer-widgets, .fy-footer .fy-centerer {background-color:#7a2605 !important}

.fy-footer .menu-item-200 {padding-bottom:50px;}

/*Footer Zentreirtz auf kleinen Geärten*/
@media (max-width: 1600px) {
.fy-flex-column-phone-100 {
        flex-basis: 100%;
        max-width: 100%;
    }
}
@media (min-width: 1024px) {
    .fy-footer-widgets .fy-widget-column {
        max-width: 33%;
    }
	.wp-image-194 {margin-left:60px!important;}
}

@media (max-width: 1023px) {
#block-9{
	margin-left:60px!important;
} 
}



.woocommerce .woocommerce-ordering select {
	max-width: fit-content!important;
}


/*Abstand Content zum Main Menü auf mobilen Geräten*/
@media (max-width: 767px) {
    .fy-centerer {
        background: #f4f6ff;
        padding-right: 20px;
        margin-top: -50px;
	}
}

/* Button Meeting im Hauptmenü*/
li#menu-item-2457 {
    height: 50px !important;
    display: flex
;
    justify-content: center;
    align-self: center;

}

.menu-item-2457 a {
    align-self: center;
	background: #f4f6ff;
    max-height: 50px!important;
    min-height: 50px!important;
    padding-left: 20px!important;
    padding-right: 20px!important;
	border-radius:4px;
}
.menu-item-2457 a:hover{
	background-color:#dfe3f7;
}

 /* Features Grid Startseite */
  .four-column-container {
    display: flex;
      flex-wrap: wrap;
      justify-content: center
  }

  .feature-column {
    position: relative;
    width: 25%;
    box-sizing: border-box;
    text-align: left;
    margin-bottom: 20px;
  color: inherit;
  }

.feature-icon {
      font-size: 50px;
      color: #7a2605;
      display: flex;
      justify-content: center;
      margin-bottom: 10px;
    }
    .feature-text {
      font-size: 25px;
	text-align:center;
    }


    /* Anpassungen für kleinere Bildschirme */

      @media (min-width: 1005px) {
        .feature-column {
			padding-top:25px;
        width: 25%;
        }
}

      @media (max-width: 1004px) {
        .feature-column {
			padding-top:25px;
        width: 50%;
        }
      }

      @media (max-width: 655px) {
        .feature-column {
        width: 100%; 
        }
      }



:is(.has-cnt-bg-background-color) a {
    color: #7a2605;
}

#wpfBlock_1 .wpfFilterVerScroll {
    max-height: max-content!important;
}

/* Filter Sidebar breite*/
.fy-flex-column-phone-100 {
	max-width:40%;
}

@media (max-width: 767px) {
    .fy-flex-column-phone-100 {
        flex-basis: 100%;
        max-width: 100% !important;
    }
}