/*======================================
Theme Name: ISNOTEC
Description: Wordpress-Theme von ISNOTEC
Version: 1.0
Author: Eike Janssen
Template: Divi
======================================*/

/*====================================== Change Sort-Order on mobile device======================================*/

@media all and (max-width: 980px) {
/*** wrap row in a flex box ***/
.custom_row {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
-webkit-flex-wrap: wrap; /* Safari 6.1+ */
flex-wrap: wrap;
}
 
/*** custom classes that will designate the order of columns in the flex box row ***/
.first-on-mobile {
-webkit-order: 1;
order: 1;
}
 
.second-on-mobile {
-webkit-order: 2;
order: 2;
}
 
.third-on-mobile {
-webkit-order: 3;
order: 3;
}
 
.fourth-on-mobile {
-webkit-order: 4;
order: 4;
}
/*** add margin to last column ***/
.custom_row:last-child .et_pb_column:last-child {
margin-bottom: 30px !important;
}

.et_pb_bottom_divider .et_pb_row:nth-last-child(2) .et_pb_column:last-child, .et_pb_row .et_pb_column.et-last-child, .et_pb_row .et_pb_column:last-child {
    margin-bottom: 30px !important;
}	
	
}

/*====================================== Eigenes CSS ======================================*/

body{
	color:#37474f;
}
.et_pb_svg_logo #logo{
	height:90%;
	max-height:90%;
}
.mobile_menu_bar:before, .mobile_menu_bar:after, #top-menu li.current-menu-ancestor>a, #top-menu li.current-menu-item>a{
	color:#2b4975;
}

.et_mobile_menu{
	border-top:3px solid #2b4975;
}
.contact-list-contact-container{
	min-height:500px !important;
	max-height:800px !important;
}

.contact-list-description p{
	margin-bottom:0px !important;
	padding-bottom:0px !important;
}

h1 h2 h3 h4 h5 h6{
	word-wrap: break-word;
}


/*=== Ausblenden der Suche ===*/
#et_search_icon{
	display:none !important;
}

/* Zoom-In-Effekt Startseite Slider (für Desktop)*/
@media only screen and (min-width: 1024px) {
.et_pb_slider .et_pb_slide_0{
  animation: zoom-in 15s infinite alternate;
}
.et_pb_slider .et_pb_slide_1{
  animation: zoom-in 15s infinite alternate;
}
.et_pb_slider .et_pb_slide_2{
  animation: zoom-in 15s infinite alternate;
}
.et_pb_slider .et_pb_slide_3{
  animation: zoom-in 15s infinite alternate;
}
.et_pb_slider .et_pb_slide_4{
  animation: zoom-in 15s infinite alternate;
}
}
@keyframes zoom-in {
  from {background-size: 100%;}
  to {background-size: 120%;}
}


/* Zoom-In-Effekt Header (für Desktop)*/
@media only screen and (min-width: 1024px) {
.zoom-animation{
  animation: zoom-in 15s infinite alternate;
}
.zoom-animation{
  animation: zoom-in 15s infinite alternate;
}
.zoom-animation{
  animation: zoom-in 15s infinite alternate;
}
.zoom-animation{
  animation: zoom-in 15s infinite alternate;
}
.zoom-animation{
  animation: zoom-in 15s infinite alternate;
}
}
@keyframes zoom-in {
  from {background-size: 100%;}
  to {background-size: 120%;}
}

/*Akkordeon*/
.et_pb_toggle_open .et_pb_toggle_title, .et_pb_toggle_open h5.et_pb_toggle_title {
	text-rendering: optimizeLegibility;
}

.et_pb_toggle_close .et_pb_toggle_title, .et_pb_toggle_close h5.et_pb_toggle_title {
    text-rendering: optimizeLegibility;
}

.et_pb_toggle_content
{
}


/*
 * Angepasstes CSS, das die auto <p>-Tags von CF7 berücksichtigt
 */

/* Hauptcontainer des Formulars */
.form {
  box-sizing: border-box;
  max-width: 700px;
}

/* WICHTIG: Setzt die störenden Abstände der p-Tags zurück */
.form p {
  margin: 0;
}

/* Versteckt den Honeypot sicher */
.form .extra-field-wrapper {
  position: absolute !important;
  left: -9999px !important;
  top: -9999px !important;
}

/* Allgemeines Styling für alle Felder */
.form input[type="text"],
.form input[type="email"],
.form textarea {
  width: 100%;
  padding: 16px;
  border: none;
  background-color: #f3f4f6;
  border-radius: 6px;
  font-size: 16px;
  box-sizing: border-box;
}

/* Styling für die Textarea mit !important, um Theme-Styles zu überschreiben */
.wpcf7 textarea {
    width: 100% !important;
    max-width: 100%;
    box-sizing: border-box;
}


/* Speziell für die Zeile mit Name/E-Mail */
.form .form-zeile {
  display: flex;
  gap: 20px;
  margin-bottom: 20px; /* Fügt Abstand zwischen den Zeilen hinzu */
}
.form .form-zeile .form-spalte {
  flex: 1;
}

/* WICHTIG: Passt die Regel an, damit sie auch mit dem p-Tag funktioniert */
/* Dehnt den Container des Textfeldes auf die volle Breite aus */
.form .form-zeile .wpcf7-form-control-wrap {
    flex: 1;
}

/* Zeile für den Absenden-Button */
.form .absenden-zeile {
  justify-content: flex-start;
  margin-top: 0;
  margin-bottom: 0;
}
/* --- Responsive Anpassungen --- */
@media (max-width: 600px) {
  .form .form-zeile {
    flex-direction: column;
    gap: 0;
  }
  .form .form-zeile .form-spalte {
    margin-bottom: 20px;
  }
}