/*
Theme Name:    Astra Child Theme
Description:
Author:        PARROT MEDIA
Author URI:    https://parrot-media.de/
Template:      astra
Version:       1.0.0
*/


/* HEADER - Header Image */
.header-image,
.elementor .elementor-element.header-image {
    height: 250px;
}


/* EDITOR */
/* Debugging Script from Mail-Encoder in Icon-List */
.elementor-icon-list-item span[id^="eeb-"] {
    display: flex;
    align-items: center;
}

/* WPForms fixes */
/* Initial field looks */
.wpforms-container input[type=date],
.wpforms-container input[type=datetime],
.wpforms-container input[type=datetime-local],
.wpforms-container input[type=email],
.wpforms-container input[type=month],
.wpforms-container input[type=number],
.wpforms-container input[type=password],
.wpforms-container input[type=range],
.wpforms-container input[type=search],
.wpforms-container input[type=tel],
.wpforms-container input[type=text],
.wpforms-container input[type=time],
.wpforms-container input[type=url],
.wpforms-container input[type=week],
.wpforms-container select,
.wpforms-container textarea {
    background: #fff;
    border-width: 0 0 1px 0;
    color: var(--ast-global-color-2);
    opacity: 0.5;
}
/* On focus */
.wpforms-container input:focus,
.wpforms-container select:focus,
.wpforms-container textarea:focus {
    outline: none;
    opacity: 1;
    border-color: var(--ast-global-color-0);
}
/* Don't allow resizing the Message box */
.wpforms-container textarea {
    resize: none;
}
/* Message box fixed height */
.wpforms-container .wpforms-field-textarea textarea.wpforms-field-medium {
    height: 136px;
}
/* Button size & font size */
.wpforms-container button {
    padding: 15px 34px;
    font-size: 15px;
}
/* WPForms done */
/* Footer 2 big columns on sides and 1 small one in the middle */
.ast-builder-grid-row-3-equal .ast-builder-grid-row {
    grid-template-columns: 3fr 1fr 3fr;
}


footer .elementor-widget-container p a {
  text-decoration: none;     
  border-bottom: 2px dotted transparent;
  padding-bottom: 2px;          
  transition: border-color 0.3s; 
}

/* Footer Links */
footer .elementor-widget-container p a:hover {
  border-bottom-color: #84BB12; 
}

/* Hover-Arrow */
.hover-arrow .elementor-button {
    display: inline-block;
    transition: transform 0.3s ease;
	border: none;
}

/* Hover-Arrow text unterstrichen */
.hover-arrow .elementor-button-text:hover {
	text-decoration: underline;
}

/* Hover Arrow */
.hover-arrow:hover .elementor-button-icon {
    transform: translateX(5px); 
}

/* Logo */
.logo {
    height: 80px;
	 position: relative !important;
     z-index: 9999 !important;
}

/* Tabelle Termine */
.elementor-2287 {
	padding: 0px;
}

table.termin-tabelle {
	margin-bottom: 0px;
}

.termin-tabelle tr:nth-child(even) {
  background-color: #F3F9FC;
}
.termin-tabelle tr:nth-child(odd) {
  background-color: #ffffff;
}

.termin-tabelle td {
  padding: 10px;
  text-align: left;
	border: none;
}

.termin-tabelle td:first-child {
  width: 15%;
	border-right: 1px solid var(--ast-border-color);
}

.termin-tabelle td:nth-child(2) {
  width: 75%;
}

.termin-tabelle-container {
  overflow-x: auto;
}

.elementor-menu-toggle {
  font-size: 45px;
  padding: 12px;
}

/* Text über Bilder */
.overflow-hidden {
    overflow: hidden!important;
}

/* Headerbilder */
.img-header {
	height: 250px;
}


/* Letzter Hauptmenüpunkt Button */
.elementor-nav-menu > li:not(.menu-item-has-children):last-child > a.elementor-item,
.elementor-nav-menu > li:not(.menu-item-has-children):last-child > a.elementor-item.elementor-item-active {
    background: #9FCE00 !important; 
    border: 2px solid #9FCE00 !important;
    padding: 10px 20px !important;
    display: flex;
    max-width: 150px;
    margin: auto;
	color: #004175;
}

.elementor-2161 .elementor-element.elementor-element-28acaf6e .elementor-nav-menu--main .elementor-item.elementor-item-active {
	color: #004175!important;
}


/* Hover */
.elementor-nav-menu > li:last-child > a.elementor-item:hover {
  color: #9FCE00!important;
  border: 2px solid #9FCE00;
  background: #fff!important;
	
}

@media (max-width: 1024px) {
    .elementor-nav-menu .sub-menu .sub-menu.elementor-nav-menu--dropdown {
        background-color: #F3F9FC !important;
    }
}

/* 1. Entfernt den border-bottom des vorletzten Menüpunkts ("Schulverband"), da dieser die Linie über "Kontakt" verursacht */
@media (max-width: 1024px) {
    /* Zielt auf das Listenelement des "Schulverband"-Menüpunkts */
    .elementor-nav-menu--dropdown .menu-item-3502 {
        border-bottom: none !important;
    }
    
    /* Zielt alternativ auf das Link-Element von "Schulverband", falls der Border dort gesetzt ist */
    .elementor-nav-menu--dropdown .menu-item-3502 > a {
        border-bottom: none !important;
    }
}

/* Definiert einen Selektor, der NUR den Haupt-Container des mobilen Menüs auswählt. */
@media (max-width: 1024px) {
    /* 1. Fügt Padding-Bottom dem Haupt-Dropdown-Container hinzu (wie gewünscht) */
    /* Zielt auf das <nav>-Element, das die Klasse elementor-nav-menu--dropdown und elementor-nav-menu__container hat */
    nav.elementor-nav-menu--dropdown.elementor-nav-menu__container {
        padding-bottom: 30px !important; /* Passen Sie den Wert nach Bedarf an */
    }

    /* 2. Entfernt das Padding-Bottom von den Untermenüs (sub-menus), um den ungewollten Abstand zu beseitigen */
    .elementor-nav-menu--dropdown .sub-menu {
        padding-bottom: 0 !important;
    }
}

/* Vergrößert den Abstand nach dem Menüpunkt "Schulverband" in der Desktop-Ansicht */
/* Zielt auf das Listenelement des Menüpunkts "Schulverband" */
@media (min-width: 1025px) {
    .elementor-nav-menu--main .menu-item-3502 {
        /* Fügen Sie hier den gewünschten zusätzlichen Abstand hinzu. 
           Ein Standardwert ist oft 20px, Sie könnten 40px oder mehr verwenden. */
        margin-right: 20px !important; 
    }
}

/* FOOTER - Basis-Farbe (Normal und Besuchter Link) - WEISS */
.link-parrot:link,
    .link-parrot:visited {
      color: white; 
      /* optional: Unterstreichung im Normalzustand entfernen */
      text-decoration: none; 
    }

/* eRecht Plugin zur automatischen Synchronisierung der Rechtstexte */
/* Abstand über Überschriften im eRecht24-Widget */
.erecht24-elementor-widget h2 {
    margin-top: 2rem;
}

.erecht24-elementor-widget h3 {
    margin-top: 1rem;
}
.erecht24-elementor-widget h4 {
    margin-top: 1rem;
}