/*
Theme Name: Layout
Description: A <a href='http://codex.wordpress.org/Child_Themes'>Child Theme</a> for the Enfold Wordpress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating wil be much easier then.
Version: 1.0
Author: Kriesi
Author URI: http://www.kriesi.at
Template: enfold
*/

/* ============================================================
   Nachbau maier-cnc.de (Original-Theme "seitenwerkstatt_1.0")
   Farbschema: Schwarz #000 / Blau #0048ff / Weiß
   ============================================================ */

/* ---------- Header: Logo zentriert auf Schwarz ---------- */
#header_main {
	background: #000;
	border: none;
}
#top #header_main .container {
	height: auto !important;
}
#top #header .av-logo-container {
	display: flex;
	justify-content: center;
	height: auto !important;
}
#top #header .av-logo-container .inner-container {
	float: none;
	width: 100%;
	text-align: center;
}
#top #header .logo {
	position: static;
	float: none;
	transform: none !important;
	-webkit-transform: none !important;
	left: auto !important;
	display: block;
	text-align: center;
	height: auto !important;
	padding: 1.3rem 0;
	line-height: 0;
}
#top #header .logo a {
	display: inline-block;
	height: auto;
}
#top #header .logo img {
	width: 300px;
	height: auto;
	max-height: none;
	margin: 0 auto;
	display: inline;
}

/* ---------- Menüleiste: blaue Vollbreite, zentriert ---------- */
#header_main_alternate {
	background: #0048ff;
	border: none;
}
#header #header_main_alternate .container {
	max-width: 100%;
	padding: 0;
}
.html_header_top.html_bottom_nav_header #top #header_main_alternate .main_menu ul:first-child {
	display: flex;
	justify-content: center;
	height: 47px;
}
#top #header_main_alternate .av-main-nav > li {
	float: none;
}
.html_header_top #top .av_bottom_nav_header #header_main_alternate .main_menu ul:first-child > li > a {
	color: #fff !important;
	text-transform: uppercase;
	font-family: 'roboto', 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 15px;
	letter-spacing: .01em;
	line-height: 47px;
	height: 47px;
	padding: 0 24px;
	border: none;
	transition: background .15s ease-out, color .15s ease-out;
}
#top #header_main_alternate .av-main-nav > li > a .avia-menu-fx { display: none; }
#top #header_main_alternate .av-main-nav > li > a .avia-menu-text { color: inherit !important; }
.html_header_top #top .av_bottom_nav_header #header_main_alternate .main_menu ul:first-child > li.current-menu-item > a,
.html_header_top #top .av_bottom_nav_header #header_main_alternate .main_menu ul:first-child > li.current_page_item > a,
.html_header_top #top .av_bottom_nav_header #header_main_alternate .main_menu ul:first-child > li.current-menu-ancestor > a,
.html_header_top #top .av_bottom_nav_header #header_main_alternate .main_menu ul:first-child > li.current_page_ancestor > a,
.html_header_top #top .av_bottom_nav_header #header_main_alternate .main_menu ul:first-child > li > a:hover {
	background: #fff !important;
	color: #0048ff !important;
}
#avia-menu .menu-item-search-dropdown { display: none !important; }
/* Untermenü */
#top #header .av-main-nav > li > ul.sub-menu,
#top #header .avia_mega_div {
	background: #0048ff;
	border: none;
	box-shadow: 0 3px 8px rgba(0,0,0,.35);
}
#top #header .av-main-nav ul.sub-menu li > a {
	color: #fff;
	border: none;
	background: #0048ff;
	text-transform: uppercase;
	font-family: 'roboto', 'Roboto', sans-serif;
	font-size: 13px;
}
#top #header .av-main-nav ul.sub-menu li > a:hover {
	background: #fff;
	color: #0048ff;
}

/* ---------- Typografie ---------- */
body {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.main_color a { color: #0048ff; }
.main_color a:hover { color: #0048ff; text-decoration: underline; }

/* Seitentitel (zentriert, uppercase, wie .page-title des Originals) */
.mc-page-title { margin: 1.2em 0 0; }
.mc-page-title .av-special-heading-tag {
	text-align: center;
	text-transform: uppercase;
	font-size: 3.5em;
	letter-spacing: .01em;
	line-height: 1.1;
	color: #fff;
}
.mc-page-title .av-subheading,
.mc-page-title .av-subheading p {
	text-align: center;
	color: #0048ff;
	font-size: 1.35em;
	line-height: 1.05;
	font-weight: normal;
}

/* ---------- Buttons ---------- */
.main_color .avia-button,
.main_color .avia-button.avia-color-theme-color {
	background: #0048ff;
	color: #fefefe;
	border: 1px solid transparent;
	border-radius: 0;
	font-size: 0.9rem;
	padding: 0.85em 1em;
}
.main_color .avia-button:hover {
	background: #003dd9;
	color: #fefefe;
}

/* ---------- Hero-Slider (Startseite) ---------- */
/* Overlay kommt aus av_slide_full (overlay_color), Höhe aus dem Bildverhältnis */
/* Fallback: erster Slide sichtbar, solange das Slider-JS noch nicht initialisiert hat */
.mc-hero.avia-slideshow:not(:has(.active-slide)) .avia-slideshow-inner > li:first-child {
	visibility: visible !important;
	opacity: 1 !important;
}
/* Blauer Overlay wie Original (av_slide_full-Overlay rendert nicht) */
.mc-hero .avia-slideshow-inner > li:after {
	content: " ";
	position: absolute;
	top: 0; left: 0;
	width: 100%; height: 100%;
	background: rgba(0, 72, 255, 0.55);
	z-index: 2;
	pointer-events: none;
}
.mc-hero .av-slideshow-caption { z-index: 20; }
.mc-hero .avia-caption-title {
	text-transform: uppercase;
	font-size: 4.2em;
	font-weight: 700;
	line-height: 1.1;
	color: #fff;
}
.mc-hero .avia-caption-content p {
	font-size: 1.9em;
	font-weight: 500;
	color: #fff;
	margin: 0;
}
.mc-hero .avia-slideshow-dots a { background: #fff; opacity: .7; }
.mc-hero .avia-slideshow-dots a.active { opacity: 1; }
.mc-hero .avia-slideshow-arrows a { display: none; }

/* ---------- Header-Bild der Unterseiten ---------- */
#top .mc-header-img {
	height: 300px !important;
	min-height: 300px !important;
	background-size: cover !important;
	background-position: center center !important;
	background-repeat: no-repeat !important;
}
#top .mc-header-img .container { padding-top: 0; padding-bottom: 0; }
@media only screen and (max-width: 767px) {
	#top .mc-header-img { height: 200px !important; min-height: 200px !important; }
}

/* ---------- Teaser-Kacheln (Konstruktion/Produktion/Lieferung) ---------- */
.mc-teasers {
	display: flex;
	width: 100%;
}
/* wpautop erzeugt Leer-Absätze zwischen den Kacheln */
.mc-teasers > p { display: none; }
.mc-teasers .mc-teaser > p { display: none; }
.mc-teasers .mc-teaser {
	flex: 1 1 33.33%;
	position: relative;
	display: block;
	height: 450px;
	background-size: cover;
	background-position: center;
	text-decoration: none;
	transition: all .4s cubic-bezier(.215, .61, .355, 1);
}
.mc-teasers .mc-teaser:after {
	content: " ";
	position: absolute;
	top: 0; left: 0;
	width: 100%; height: 100%;
	background: rgba(0, 72, 255, .75);
	transition: all .4s cubic-bezier(.215, .61, .355, 1);
}
.mc-teasers .mc-teaser:hover:after { background: rgba(0, 0, 0, .55); }
.mc-teasers .mc-teaser-2 {
	border-left: 2px solid #fff;
	border-right: 2px solid #fff;
}
.mc-teasers .mc-teaser-inner {
	position: absolute;
	left: 50%; top: 50%;
	transform: translate(-50%, -50%);
	z-index: 15;
	text-align: center;
	color: #fff;
	width: 85%;
}
.mc-teasers .mc-teaser-inner h3 {
	font-size: 3em;
	text-transform: uppercase;
	color: #fff;
	margin: 0;
}
.mc-teasers .mc-teaser-text {
	display: none;
	font-size: 1.1em;
	line-height: 1.25;
	margin-top: .6em;
}
.mc-teasers .mc-teaser:hover .mc-teaser-text { display: block; }
@media only screen and (max-width: 767px) {
	.mc-teasers { display: block; }
	.mc-teasers .mc-teaser { height: 300px; }
	.mc-teasers .mc-teaser-2 {
		border: none;
		border-top: 2px solid #fff;
		border-bottom: 2px solid #fff;
	}
}

/* Content-Überschriften wie Original (nicht uppercase, weiß) */
.main_color .avia_textblock h2,
.main_color .avia_textblock h3,
.main_color .avia_textblock h4 {
	text-transform: none;
	color: #fff;
}
.main_color .avia_textblock b,
.main_color .avia_textblock strong {
	color: inherit;
}

/* ---------- Tabellen (Maschinen, Historie) ---------- */
.main_color .avia_textblock table,
.main_color .avia_textblock td,
.main_color .avia_textblock tr {
	background: transparent;
	border: none;
	color: #fff;
}
.main_color .avia_textblock td {
	padding: 6px 10px;
}
.main_color .avia_textblock tr:nth-child(even) td,
.main_color .avia_textblock tr:nth-child(odd) td,
.main_color .avia_textblock table th {
	background: transparent !important;
	color: #fff;
}

/* ---------- Formulare (dunkel) ---------- */
.main_color input[type='text'],
.main_color input[type='email'],
.main_color input[type='tel'],
.main_color textarea {
	background: transparent;
	border-color: #d4d4d4;
	color: #fff;
	border-radius: 0;
}
.main_color .wpcf7 label { color: #fff; }
.main_color .wpcf7 ul.form-list {
	list-style: none;
	margin: 0 0 0.5em 0;
	padding: 0;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 0 1.5rem;
}
.main_color .wpcf7 ul.form-list li { list-style: none; margin: 0 0 0.8em 0; }
.main_color .wpcf7 .form-label { display: block; margin-bottom: .3em; font-weight: 600; }
.main_color .wpcf7 .required-marker { color: #8a8a8a; }
@media only screen and (max-width: 767px) {
	.main_color .wpcf7 ul.form-list { grid-template-columns: 1fr; }
}
.main_color .wpcf7 input[type='submit'] {
	background: #0048ff;
	color: #fefefe;
	border: none;
	border-radius: 1000px;
	padding: .6em 1.6em;
	cursor: pointer;
}
.main_color .wpcf7 input[type='submit']:hover { background: #003dd9; }

/* ---------- Footer: blauer Balken, 3 Spalten ---------- */
#footer {
	background: #0048ff;
	margin-top: 7rem;
	padding: 1.2rem 0;
	border: none;
}
#footer .widget { margin: 0; padding: 0; border: none; }
#footer .widgettitle { display: none; }
#footer, #footer p, #footer a, #footer .widget * { color: #fff; }
#footer a:hover { text-decoration: underline; }
.mc-footer-menu a {
	text-transform: uppercase;
	font-size: .9em;
	display: inline-block;
	margin-right: 1.4em;
}
.mc-footer-copy { margin-top: .6em; }

/* Scroll-Top-Button */
#scroll-top-link {
	background: #0048ff;
	color: #fff;
	border: none;
}

/* Galerie */
.mc-galerie .av-masonry { background: transparent; }