/*!
Theme Name: Kfz-Sachverständiger Münch
Theme URI: https://www.adlerpromedia.de/
Template: kadence
Author: Adler ProMedia
Author URI: https://www.adlerpromedia.de/
Description: A child theme for Kfz-Sachverständiger Münch and the Kadence Theme.
Version: 1.0.0
License: GNU General Public License v3.0 (or later)
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: muench-child
*/

/* Theme customization starts here
-------------------------------------------------------------- */

/* Header
-------------------------------------------------------------- */
/* ###### Hauptmenü Desktop ###### */
#main-header .site-header-main-section-right {
	align-items: end;
}
#main-header .site-header-main-section-right ul#primary-menu {
	margin-bottom: -10px;
}
#main-header .site-header-main-section-right ul#primary-menu > li {
	padding-bottom: 10px;
}
#main-header .site-header-main-section-right ul#primary-menu ul.sub-menu li {
	line-height: 1.4;
}
#main-header .site-header-main-section-right ul#primary-menu li > a {
	line-height: 1;
}
#main-header .site-header-main-section-right ul#primary-menu ul.sub-menu li a {
	line-height: 1.4;
}

/* Sticky Header */
#main-header .item-is-stuck,
#mobile-header .item-is-stuck {
	border-bottom: 1px solid var(--global-palette2);
}
#main-header .item-is-stuck .site-container {
	padding: 12px 24px 16px 24px !important;
}
#mobile-header .item-is-stuck .site-container {
	padding: 10px 24px 10px 24px !important;
}

/* Footer
-------------------------------------------------------------- */
.site-middle-footer-wrap .site-container {
	max-width: 1024px;
}
.site-middle-footer-wrap .site-middle-footer-inner-wrap {
	grid-template-columns: minmax(0, 1.2fr) minmax(0, 1.8fr) minmax(0, 1.2fr) !important;
}
@media screen and (max-width: 767px) {
	.site-middle-footer-wrap .site-middle-footer-inner-wrap {
		grid-template-columns: unset !important;
	}
}

.footer-hl {
	font-weight: 700;
	font-size: 22px;
	margin-bottom: 10px;
}
/* Wichtige Links-Menü im Footer */
.site-footer-middle-section-3 ul#menu-footer-menue li {
	line-height: 1.5;
}
.site-footer-middle-section-3 ul#menu-footer-menue li a {
	padding-top: 0;
	padding-bottom: 4px;
}
.site-footer-middle-section-3 ul#menu-footer-menue li a:hover {
	text-decoration: underline;
}
/* Unterste Footerzeile inkl. Copyright & Rechtliches */
.site-bottom-footer-wrap .site-container .site-bottom-footer-inner-wrap {
	border-top: 1px solid #fff;
}
.site-bottom-footer-wrap .footer-html {
	margin: 0;
}
.footer-rechtliches a {
	font-weight: 700;
	margin-left: 24px;
}
@media screen and (max-width: 767px) {
	p.footer-rechtliches {
		text-align: left;
	}
	.footer-rechtliches a {
		font-weight: 700;
		margin-left: 0;
		margin-right: 24px;
	}
}

/*.site-middle-footer-inner-wrap .site-footer-section .footer-widget-area-inner section:first-child {
	margin-bottom: 0;
}
.site-middle-footer-inner-wrap .site-footer-section .footer-widget-area-inner section:first-child {
	margin-bottom: 0;
}*/

/* Footer-Menü */
/*#menu-footermenue .menu-item {
	line-height: inherit;
}
#menu-footermenue .menu-item a {
	padding: 0;
}
.fl-datenschutz {
	margin-left: 34px;
}*/

/* Copyright-Zeile mit Rechtlichem */
/*.site-bottom-footer-wrap .site-container .site-bottom-footer-inner-wrap {
	border-top: 1px solid var(--global-palette9);
}
.site-bottom-footer-wrap .footer-html {
	margin: 0;
}*/

/* Anything else
-------------------------------------------------------------- */
/* Allgemeine Formatierungen */
p {
    margin-top: 0;
}
.no-bottom-margin {
	margin-bottom: 0 !important;
}
.t-hellblau {
	color: var(--global-palette2);
}
.t-header {
	font-size: 18px;
}
.t-weiss {
	color: var(--global-palette9);
}
.t-weiss a {
	color: var(--global-palette9);
}

/* Herobereich */
.heroarea h1,
.heroarea p {
	color: var(--global-palette9); 
}
@media screen and (max-width: 767px) {
	.heroarea h1,
	.heroarea p {
		color: inherit;
	}
}

/* Vorteile auf blau */
.vorteile-blau-outer {
	margin-top: -112px;
}
.vorteile-blau .wp-block-kadence-column {
	border-right: 1px solid var(--global-palette2);
}
.vorteile-blau .wp-block-kadence-column:last-child {
	border-right: 0;
}
@media screen and (max-width: 767px) {
	.vorteile-blau-outer {
		margin-top: 0;
	}
	.vorteile-blau .wp-block-kadence-column {
		border-right: 0;
	}
}
.vorteile-blau p {
	color: var(--global-palette9);
	font-weight: 600;
	font-size: 15px;
	margin-top: 16px !important;
}

/* ###### Zweispaltig mit randabfallendem Bild ###### */
.t-randabfallend .kt-inside-inner-col {
	/*margin-right: calc(((100vw - var(--scrollbar-offset) - var(--global-calc-content-width)) / 2) * -1);*/
	padding-right: calc((100vw - var(--scrollbar-offset) - var(--global-calc-content-width)) / 2);
}

/* Kacheln mit Bild und weißer Fläche drunter */
.kachel-outer {
	box-shadow: 0 0 20px rgba(0,0,0,.2);
}
.kachel-outer figure {
	margin-bottom: 0 !important;
}
.kachel-beschriftung .kt-inside-inner-col {
	min-height: 90px !important;
}
.t-kachel {
	/*margin: 2rem 0 2rem 2rem !important;*/
	margin: 0 0 0 1.8rem !important;	
	max-width: 77%;
	align-self: center;
	font-size: 21px;
}

/* ###### Formular ###### */
.ff_submit_btn_wrapper {
	margin-top: 30px;
}
.ff-btn-submit {
	font-weight: 700 !important;
	font-size: 18px !important;
	padding: 8px 28px 8px 28px !important;
}
.fluentform .ff-el-form-control::placeholder,
.ff-default .ff-el-form-control:focus {
	color: var(--global-palette3) !important;
}
.ff-message-success p {
	color: #fff !important;
}

/* ####### Fahrzeug-Icon-Galerie ######*/
.fahrzeug-icons .kb-gal-image-radius {
	max-width: 80px;
	margin-bottom: 10px !important;
}
.fahrzeug-icons .kadence-blocks-gallery-item__caption {
	font-size: 16px;
	font-weight: 700;
}

/* ###### Schritte zum Gutachten ###### */
.zeile-gutachtenablauf {
	margin-bottom: 240px;
}
.steps-gutachten-outer {
	box-shadow: 0 0 20px rgba(0,0,0,.2);
	margin-bottom: -140px;
}
.steps-gutachten ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
.steps-gutachten li {
	position: relative;
	padding-left: 30px;
}
/* Der Connector zwischen den Mittelpunkten */
.steps-gutachten li:not(:last-child)::before {
	content: "";
	position: absolute;
	left: 24px;                 /* exakt Mitte des Punktes */
	top: 100%;
	height: calc(100% + 0px);   /* bis zum nächsten Mittelpunkt */
	width: 2px;                 /* 2px breit */
	background: var(--global-palette1);
	transform: translateY(0);
}
/* Letzter Schritt Dauer */
.dauer-gutachten br {
	margin-bottom: 8px;
}

/* ###### RankMath FAQ ###### */
/*.rank-math-block {
	background: url(/wp-content/uploads/faq-icon.svg) no-repeat;
	background-position: bottom -30px right -90px;
}*/
.rank-math-block .rank-math-list {
	max-width: var(--global-content-width);
	padding-left: var(--global-content-edge-padding);
	padding-right: var(--global-content-edge-padding);
	margin-left: auto;
	margin-right: auto;
	grid-template-columns: repeat(2, 1fr);
	grid-column-gap: 40px;
	grid-row-gap: 64px;
	display: grid;
	padding-bottom: var(--global-kb-spacing-3xl, 6.5rem);
}
.rank-math-list-item {
	display: grid;
	grid-template-columns: 45px auto;
	column-gap: 14px;
	grid-template-areas: "fragezeichen faq-frage" "fragezeichen faq-antwort";
	grid-template-rows: min-content;
}
.rank-math-list-item::before {
	grid-area: fragezeichen;
	display: inline-block;
	width: 45px;
	height: 45px;
	background-image: url(/wp-content/uploads/faq-icon.svg);
	background-size: cover;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	content: " ";
	vertical-align: middle;
	margin-top: -8px;
}
.rank-math-list-item .rank-math-question {
	grid-area: faq-frage;
	font-size: 18px;
}
.rank-math-list-item .rank-math-answer {
	grid-area: faq-antwort;
}
@media screen and (max-width: 767px) {
	.rank-math-block .rank-math-list {
		grid-template-columns: inherit;
		grid-column-gap: 0;
		grid-row-gap: 32px;
		display: grid;
		padding-bottom: var(--global-kb-spacing-xxl, 4.5rem);
	}
	.rank-math-list-item {
		display: grid;
		grid-template-columns: 36px auto;
		/*column-gap: 24px;*/
	}
	.rank-math-list-item::before {
		grid-area: fragezeichen;
		display: inline-block;
		width: 36px;
		height: 36px;
	}
}

/* Cross-Selling-Fahrzeugklassen bei Fahrzeuggutachten; aktive Klasse ausblenden */
.pkw-1 .fahrzeug-icons ul li.kadence-blocks-gallery-item:nth-child(1),
.lkw-2 .fahrzeug-icons ul li.kadence-blocks-gallery-item:nth-child(2),
.oldtimer-3 .fahrzeug-icons ul li.kadence-blocks-gallery-item:nth-child(3),
.nutzfahrzeuge-4 .fahrzeug-icons ul li.kadence-blocks-gallery-item:nth-child(4),
.wohnmobil-5 .fahrzeug-icons ul li.kadence-blocks-gallery-item:nth-child(5),
.motorrad-6 .fahrzeug-icons ul li.kadence-blocks-gallery-item:nth-child(6),
.e-bike-7 .fahrzeug-icons ul li.kadence-blocks-gallery-item:nth-child(7),
.bus-8 .fahrzeug-icons ul li.kadence-blocks-gallery-item:nth-child(8) {
	display: none;
}

/* ### Timeline bei Über mich ### */
.werdegang > .kt-row-column-wrap {
	max-width: 1024px !important;
	margin-left: auto;
	margin-right: auto;
}
@media screen and (max-width: 767px) {
	.about-left .kt-row-column-wrap,
	.about-right .kt-row-column-wrap {
		margin-left: 45px !important;
	}
	.about-left .kt-blocks-info-box-link-wrap {
		flex-direction: inherit !important;
		padding-right: var(--global-kb-spacing-sm, 1.5rem) !important;
		padding-left: 0px !important;
	}
	.about-left .kt-blocks-info-box-media,
	.about-right .kt-blocks-info-box-media {
		margin-right: 30px !important;
		margin-left: -45px !important;
	}
}

@media screen and (min-width: 1025px) and (max-width: 1140px) {

}

@media screen and (max-width: 1024px) {

}

@media screen and (max-width: 767px) {

}


@media screen and (max-width: 540px) {

}