/*
 Theme Name:     Divi Child
 Theme URI:      https://www.chefblogger.me
 Description:    Divi Child Theme
 Author:         Eric Mächler
 Author URI:     https://www.ericmaechler.com
 Template:       Divi
 Version:        2.0
*/


/* eduqua über header bild */
.headerbild::after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 400px;  /* Breite anpassen */
  height: 400px; /* Höhe anpassen */
  background-image: url('https://arkanumakademie.projekte.dev/wp-content/uploads/2026/05/eduqua_logo_txt.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: top right;
  z-index: 1;
  pointer-events: none;
}


.footerlink {
	color: #fff;
}


.speciallink {
	color: #e7511e;
}

/*
 * MEGAMENU
 */
/*
.megamenulinktitel {
    color: #000;
	
	font-size: clamp(1.44rem, calc(1.278rem + 0.795vw), 1.88rem);

}

.megamenulinktitel + ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.megamenulink {
    color: #fff;
	list
}

.megamenuliste {
	list-style-type: none;
}
*/


/*
 * PFEIL ANIMATION HEAD
 */
.pfeilanimation svg {
  display: block;
  transition: transform 0.2s ease;
}

.pfeilanimation svg:hover {
  transform: translateX(10px);
}


.megamenulink{
	  display: block;
  transition: transform 0.2s ease;
}
.megamenulink:hover {
	  transform: translateX(10px);

}

/*
 * ROTER LINK
 */

/* Grundfarbe */
a.roterlink {
  color: #e7511e;
  text-decoration: underline;
}

/* Noch nicht besucht */
a.roterlink:link {
  color: #e7511e;
}

/* Bereits besucht */
a.roterlink:visited {
  color: #e7511e;
}

/* Hover */
a.roterlink:hover {
  color: #E7B51E;
  text-decoration: none;
}

/* Beim Klicken (aktiv) */
a.roterlink:active {
  color: #e7511e;
}

/* Fokus (Tastatur-Navigation) */
a.roterlink:focus {
  color: #e7511e;
  outline: 2px solid #e7511e;
  outline-offset: 2px;
}


/*
 * KONTAKTFORMULAR
 */

/* Styling der Textfelder, E-Mail und Telefon */
.wpcf7-form input:not([type="submit"]),
.wpcf7-form textarea {
   
    border: none !important;
    border-bottom: 1px solid #000000 !important; 
    
    padding: 10px 0 !important;
    width: 100% !important;
    background-color: transparent !important; 
    font-size: 16px; 
    color: #333;
    box-shadow: none !important;
    transition: border-bottom 0.3s ease;
}

.wpcf7-form label {
	display: block;
	padding-top: 20px;
	padding-bottom: 10px;
	font-size:20px;
	font-family: 'Arboria', sans-serif;
	font-size:18px;
	font-weight:bold;
}

/* Optional: Styling beim Fokussieren (wenn der Benutzer hineinklickt) */
.wpcf7-form input:focus,
.wpcf7-form textarea:focus {
    border-bottom: 1px solid #000 !important; 
	outline: none !important;
}

/* Styling für das Nachrichtenfeld (textarea) */
.wpcf7-form textarea {
        resize: vertical; 
}

/* Styling des Absende-Buttons */
.wpcf7-form input[type="submit"] {
    background-color: #000000 !important;
    color: #ffffff !important;
    padding: 15px 30px !important; 
    border: none !important;
    font-weight: bold;
    text-transform: uppercase;
    transition: background-color 0.3s ease, color 0.3s ease;
}

/* Zentrierung des Buttons */
.wpcf7-submit {
    display: block !important;
    margin: 20px auto 0 auto !important;
    max-width: 300px; 
	font-family: 'Arboria', sans-serif;
	font-size:18px;
}

/* Optional: Hover-Effekt */
.wpcf7-form input[type="submit"]:hover {
    background-color: #e7511e !important; 
    cursor: pointer;
}