/*
 Theme Name:   Enfold Child Theme
 Description:  Enfold Child Theme by summ-it
 Author:       summ-it
 Author URI:   https://summ-it.net/
 Template:     enfold
 Version:      1.0.0
 Text Domain:  enfold-child
*/

/* Menü Hintergrund ist zuerst transparent und wird erst beim Scrollen sichtbar (als Farbverlauf) */
/* #header:not(.av_header_transparency) { background: linear-gradient(90deg, rgba(0,51,187,1) 0%, rgba(0,125,250,1) 100%) !important; } */
#header:not(.av_header_transparency) { background: linear-gradient(90deg, rgba(3,102,208,1) 0%, rgba(24,129,245,1) 100%) !important; }
#header:not(.av_header_transparency) #header_meta, #header:not(.av_header_transparency) #header_main { background: transparent !important; }


/* Menü auf mobilen Geräten ist zuerst transparent und wird erst beim Scrollen sichtbar (als Farbverlauf) */
@media only screen and (max-width:768px) {
  .responsive #top #wrap_all #header { opacity: 1; position: fixed !important; top: 0 !important; }
  .responsive #top #wrap_all #header.header_color.av_header_transparency { opacity: 0; }
}


/* Menü Header Hintergrund Farbe */
.header_color .header_bg { background-color: transparent !important; }


/* Menü Linien ausblenden */
#top .av_header_glassy.av_header_transparency #header_main { border-color: transparent !important; }


/* Linie unter Farbsektionen entfernen */
.container_wrap { border: none !important; }


/* Klasse für saubere Silbentrennung ohne Soft-Hyphens */
.soft-hyphenation {
    /* Aktiviert die automatische Silbentrennung basierend auf der Sprache des Dokuments */
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;

    /* Verhindert, dass extrem lange Wörter das Layout sprengen */
    overflow-wrap: break-word;
    word-wrap: break-word;
    
    /* Optional: Blocksatz sieht mit Silbentrennung oft besser aus, ist aber Geschmackssache */
    /* text-align: justify; */
}


/* Weißer Text */
.text-white * {
    color: #ffffff !important; /* Weiß, überschreibt bestehende Farben */
}
.text-white h2 {
    color: #ffa824 !important; /* Orange für h2-Überschriften */
}
.text-white h3 {
    color: #ffa824 !important; /* Orange für h3-Überschriften */
}


/* CSS Styling über CSS-Klasse (aktuell nur genutzt auf der Kontakt-Seite) */
#farbverlauf-klassisch {
	/* background: linear-gradient(90deg, rgba(0,51,187,1) 0%, rgba(0,125,250,1) 100%); */
	background: linear-gradient(90deg, rgba(3,102,208,1) 0%, rgba(24,129,245,1) 100%);
}

/* CSS Styling über CSS-Klasse (aktuell auf allen Seiten im Hero-Bereich genutzt */
#farbverlauf {
	padding-top: 20px;
	background-image: url("/wp-content/uploads/background-4-colors.svg");
	background-position: center;
	background-size: cover;
}


/* Hide Background Image on Mobile */
@media only screen and (max-width: 767px) {
#top #hide-background-image-on-mobile { background-image: none !important; }
}


/* Content Block mittels benutzerdefinierter CSS-Klasse ausblenden */
.hide-content-block { display: none !important; }


/* Text mit Links unterstreichen   */
#main p a { text-decoration: underline; }


/* Rechte Sidebar abhängig @media ausblenden */
@media only screen and (max-width: 990px) {
	.content {
		width: 100% !important;
		border: none !important;
	}
	.sidebar {
		display: none !important;
	}
}


/* Rechte Sidebar - Größe der Überschrift der Menüs */
.sidebar_right .widgettitle {
	font-size: 18px !important;
	font-weight: 600 !important;
}

/* Rechte Sidebar - "Services" - Farbe und Schrift des Menüs */
.sidebar_right .widget_nav_menu li a {
	font-family: Nunito !important;
	color: #375d97 !important;
	font-size: 14px !important;
}


/* Rechte Sidebar - "Unsere News" - Farbe und Schrift des Datums */
.widget_recent_entries li a {
	font-family: Nunito !important;
	color: #375d97 !important;
	font-size: 14px !important;
}


/* Button Large formatieren */
.avia-button.avia-size-large {
	font-size: 17px;
	/* font-size: 1.4em; */
	/* font-family: caveat; */
	/* font-weight: 600; */
}


/* Kundenaussagen: Farbe Name und Titel anpassen */
#top .avia-testimonial-name { color: #ffffff; }
#top .avia-testimonial-subtitle { color: #ffffff; }

/* Kundenreferenzen - Farbe des Anführungszeichen vor dem eigentlichen Text */
.av-icon-char:before { color:#f4c20d; }


/* Footer Widgets abhängig @media ausblenden */
@media only screen and (max-width: 768px) {
	#footer .widget { display: none; }
}


/* Footer Hintergrund Image */
#footer { 
	/* background-image: url("/wp-content/uploads/background-5-colors.svg"); */
	background: linear-gradient(90deg, rgba(3,102,208,1) 0%, rgba(24,129,245,1) 100%);
	/* background: #fafafa; */
	background-position: center;
	background-size: cover;
}


/* Footer Linien ausblenden */
#footer {
	border: none !important;
	border-color: transparent;
}

/* Footer Fonts im Footer */
#footer .widgettitle {
	font-size: 17px !important;
	font-weight: 700 !important;
	/* color: #f7b500 !important; */
	color: #ffffff !important;
}


/* Footer - Farbe der Social Icons */
#footer .av-icon-char:before { color:#ffffff; }


/* Contact Form 7 Styling */
div.wpcf7 {
	color: #ffffff;
	font-size: 14px;
}
/* CF7 Überschrift Quiz-Feld */
#top label span, #top legend span {
    font-size: 14px;
    color: #ffffff;
}
/* Styling der CF7 Eingabefelder */
#top .main_color .input-text,
#top .main_color input[type='text'],
#top .main_color input[type='input'],
#top .main_color input[type='password'],
#top .main_color input[type='email'],
#top .main_color input[type='number'],
#top .main_color input[type='url'],
#top .main_color input[type='tel'],
#top .main_color input[type='search'],
#top .main_color textarea,
#top .main_color select {
    color: #ffffff;
	font-size: 16px;
	background-color: transparent;
    border-color: rgba(255,187,0,0.5);
    border-radius: 5px;
}
/* Styling CF7 Button */
input.wpcf7-form-control.wpcf7-submit {
	color: #ffffff;
	background-color: #ffa824;
    border-radius: 5px;
    border: transparent;
    padding: 10px 20px 10px 20px;
}
/* Styling CF7 Button bei Mouse over */
input.wpcf7-form-control.wpcf7-submit:hover {
    background-color: #649c9c;
    color: #ffffff;
}
/* CF7 kein Rahmen um die Meldung nach dem Absenden */
.wpcf7 div.wpcf7-response-output {
	border: none;
	font-size: 1.3em;
}