/*
 Theme Name:   Schirow Child
 Theme URI:    https://schirow.local
 Description:  Child Theme für Schirow & Haebringer auf Basis von Divi
 Author:       Schirow & Haebringer
 Template:     Divi
 Version: 1.4.2
 Text Domain:  schirow-child
*/

/* Layout, Farben und Module werden im Divi Builder gepflegt. */

/* Teamfotos sofort sichtbar */
.et_pb_blurb .et_pb_main_blurb_image.et_animated,
.et_pb_blurb .et-waypoint {
	opacity: 1 !important;
	transform: none !important;
	animation: none !important;
}

/* -------------------------------------------------------------------------
   Container-Breite wie Live (.container @1200px = 1180px)
   Divi-Default ist 1080px / --content-max-width:1080px
   ------------------------------------------------------------------------- */
:root {
	--content-max-width: 1180px !important;
	--content-width: 80%;
}

.et_pb_row:not([class*="et_flex_column"]),
.et_pb_row,
.et_flex_row,
.container,
.et_pb_slider .et_pb_container {
	max-width: 1180px !important;
}

/* Logo wie Live (180×100) */
.et_pb_menu .et_pb_menu__logo img,
.et_pb_menu_0_tb_header .et_pb_menu_inner_container > .et_pb_menu__logo-wrap .et_pb_menu__logo img {
	max-height: 100px !important;
	width: auto;
	height: auto;
}

/* Header-Höhe / Menü-Abstände näher an Live (line-height 140px, padding 0 20px) */
.et_pb_menu_0_tb_header .et-menu > li > a,
.et_pb_menu_0_tb_header.et_pb_menu .nav > li > a {
	padding: 0 20px !important;
	line-height: 140px !important;
}

.et_pb_menu_0_tb_header .et_pb_menu_inner_container,
.et_pb_menu_0_tb_header .et_pb_row {
	min-height: 140px;
	align-items: center;
}

/* Content-Links wie Live (#24282b) */
.et-l--body a,
.et_pb_text_inner a,
.et_pb_blurb_description a {
	color: #24282b;
}

.et-l--body a:hover,
.et_pb_text_inner a:hover {
	color: #2D427B;
}

/* Footer-Links weiß belassen */
.et-l--footer a {
	color: #ffffff;
}

.et-l--footer a:hover {
	color: #ffffff;
	text-decoration: underline;
}

/* Slider wie Live: feste Höhe 400px */
.et-l--body .et_pb_slider,
.et-l--body .et_pb_slide,
.et-l--body .et_pb_slider .et_pb_container {
	min-height: 400px !important;
	height: 400px !important;
}

.et-l--body .et_pb_slide_description {
	display: flex;
	flex-direction: column;
	justify-content: center;
	min-height: 400px;
}

/* Spalten-Abstand näher an Bootstrap (20px statt 5.5%-Gutter-Optik) */
@media (min-width: 981px) {
	.et-l--body .et_pb_gutters3 .et_pb_column {
		margin-right: 0 !important;
	}

	.et-l--body .et_pb_gutters3 .et_pb_column.et_pb_column_1_4 {
		width: 25% !important;
		padding-right: 20px;
		box-sizing: border-box;
	}

	.et-l--body .et_pb_gutters3 .et_pb_column.et_pb_column_3_4 {
		width: 75% !important;
		padding-left: 0;
		box-sizing: border-box;
	}

	.et-l--body .et_pb_gutters3 .et_pb_column:last-child {
		margin-right: 0 !important;
	}
}

/* Buttons wie Live Bootstrap Package */
.et_pb_button,
.et_pb_button_module_wrapper .et_pb_button {
	font-size: 16px !important;
	padding: 6px 12px !important;
	border-radius: 0 !important;
	background-color: #24282b !important;
	border-color: #181b1d !important;
	color: #fff !important;
}

.et_pb_button:after,
.et_pb_button:before {
	display: none !important;
}

.et_pb_button:hover {
	background-color: #181b1d !important;
	border-color: #0d0e0f !important;
	color: #fff !important;
}

/* Überschriften-Farbe wie Live (nur Content, nicht Header/Footer/Slider) */
.et-l--body .et_pb_text_inner h1,
.et-l--body .et_pb_text_inner h2,
.et-l--body .et_pb_text_inner h3,
.et-l--body .et_pb_text_inner h4,
.et-l--body .et_pb_text_inner h5,
.et-l--body .et_pb_text_inner h6 {
	color: #2D427B;
}

/* -------------------------------------------------------------------------
   Typografie an Typo3/Bootstrap Package der Live-Seite angeglichen
   Body: 16px / line-height 1.55
   Menü: 16px uppercase
   H1–H4 responsiv wie Live (@768 / @992 / @1200)
   ------------------------------------------------------------------------- */

body {
	font-size: 16px;
	line-height: 1.55;
}

/* Hauptmenü: Live erbt 16px von body; Divi setzt standardmäßig 14px */
.et-menu > li > a,
.et_pb_menu .et-menu > li > a,
.et_pb_menu .nav li a,
nav.et-menu-nav > ul > li > a,
.et_mobile_menu li a {
	font-size: 16px !important;
	line-height: 1.55;
}

.et-menu > li > a,
.et_pb_menu .et-menu > li > a,
nav.et-menu-nav > ul > li > a {
	text-transform: uppercase;
}

/* Dropdown wie Live lesbar halten */
.et_pb_menu .nav li ul.sub-menu a,
.et-menu .sub-menu a {
	font-size: 15px !important;
	text-transform: none;
}

/* Basis-Überschriften (wenn Module keine eigene Größe setzen) */
h1, .et_pb_text_inner h1,
h2, .et_pb_text_inner h2,
h3, .et_pb_text_inner h3,
h4, .et_pb_text_inner h4,
h5, .et_pb_text_inner h5,
h6, .et_pb_text_inner h6 {
	font-weight: 300;
	line-height: 1.2;
}

/* Mobile / Default unter 768px – Bootstrap-Package-ähnlich */
h1, .et_pb_text_inner h1 { font-size: 2em !important; }       /* 32px */
h2, .et_pb_text_inner h2 { font-size: 1.75em !important; }    /* 28px */
h3, .et_pb_text_inner h3 { font-size: 1.5em !important; }     /* 24px */
h4, .et_pb_text_inner h4 { font-size: 1.25em !important; }    /* 20px */
h5, .et_pb_text_inner h5,
h6, .et_pb_text_inner h6 { font-size: 1.1em !important; }

@media (min-width: 768px) {
	h1, .et_pb_text_inner h1 { font-size: 2.2em !important; }     /* 35.2px */
	h2, .et_pb_text_inner h2 { font-size: 1.925em !important; }   /* 30.8px */
	h3, .et_pb_text_inner h3 { font-size: 1.65em !important; }    /* 26.4px */
	h4, .et_pb_text_inner h4 { font-size: 1.375em !important; }   /* 22px */
	h5, .et_pb_text_inner h5,
	h6, .et_pb_text_inner h6 { font-size: 1.1em !important; }
}

@media (min-width: 992px) {
	h1, .et_pb_text_inner h1 { font-size: 2.4em !important; }     /* 38.4px */
	h2, .et_pb_text_inner h2 { font-size: 2.1em !important; }     /* 33.6px */
	h3, .et_pb_text_inner h3 { font-size: 1.8em !important; }     /* 28.8px */
	h4, .et_pb_text_inner h4 { font-size: 1.5em !important; }     /* 24px */
	h5, .et_pb_text_inner h5,
	h6, .et_pb_text_inner h6 { font-size: 1.2em !important; }
}

@media (min-width: 1200px) {
	h1, .et_pb_text_inner h1 { font-size: 2.6em !important; }     /* 41.6px */
	h2, .et_pb_text_inner h2 { font-size: 2.275em !important; }   /* 36.4px */
	h3, .et_pb_text_inner h3 { font-size: 1.95em !important; }    /* 31.2px */
	h4, .et_pb_text_inner h4 { font-size: 1.625em !important; }   /* 26px */
	h5, .et_pb_text_inner h5,
	h6, .et_pb_text_inner h6 { font-size: 1.3em !important; }     /* 20.8px */
}

/* Footer-Texte wie Live bei 16px belassen */
.et-l--footer .et_pb_text_inner {
	font-size: 16px;
	line-height: 1.55;
}