/*!
Theme Name: Zoe Escort
Theme URI: https://www.adlerpromedia.de/
Template: kadence
Author: Adler ProMedia
Author URI: https://www.adlerpromedia.de/
Description: A child theme for Zoe Escort 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: zoe-child
*/

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

/* Header
-------------------------------------------------------------- */
/* Headerzeile mit Logo und Menü */
.transparent-header #masthead .site-main-header-wrap .site-header-row-container-inner {
	-webkit-backdrop-filter: blur(5px);
	backdrop-filter: blur(5px);
}
/* Kontakticons im Header */
.header-social-wrap a.social-button,
.header-mobile-social-wrap a.social-button {
	background: none;
	width: unset;
	height: unset;
}
@media screen and (max-width: 1300px) {
	.site-main-header-wrap .site-header-row-container-inner>.site-container {
		padding: 0px 24px 0px 24px !important;
	}
}

/* Sticky Header */
#masthead .kadence-sticky-header.item-is-fixed:not(.item-at-start) > .site-header-row-container-inner {
	background: rgba(0,0,0,0.65) !important;
}

/* Header Bild */
.headerimg .jarallax-container > div {
	/*filter: brightness(1);*/
	transition-duration: 2.5s;
	transition-delay: 0s;
	/*transition-property: opacity,transform;*/
	transition-timing-function: ease-in-out;
	transform: scale(1.08) !important;
}
.headerimg-mobile {
	/*filter: brightness(1);*/
	transition-duration: 3.5s;
	transition-delay: 0s;
	/*transition-property: opacity,transform;*/
	transition-timing-function: ease-in-out;
	transform: scale(1.08) !important;
}

@media screen and (max-width: 1024px) {
	.start-header > .kt-row-column-wrap {
		align-content: end !important;
	}
}

/* Footer
-------------------------------------------------------------- */
/*.site-top-footer-wrap .site-container {
	background: linear-gradient(white, black);
}*/
.site-middle-footer-wrap .site-container:before {
	display: block;
	content: ' ';
	line-height: 2px;
	height: 2px;
	background: linear-gradient(to right, var(--global-palette7) 10%, var(--global-palette1) 50%, var(--global-palette7) 90%);
	width: 100%;
	margin-bottom: 40px;
}
.site-middle-footer-wrap .site-container {
	margin-top: 80px;
}
#menu-footer {
	margin-top: 16px;
}
#menu-footer li {
	line-height: 1.6;
}

/* Anything else
-------------------------------------------------------------- */
/* Breadcrumb */
.rank-math-breadcrumb {
	text-align: center;
	font-size: 15px;
}

/* Maximale Breiten für Elemente */
.max-660 {
	max-width: 660px;
	margin-left: auto;
	margin-right: auto;
}
.max-660 .kt-inside-inner-col {
	padding-right: var(--global-kb-spacing-md);
	padding-left: var(--global-kb-spacing-md);
}
@media screen and (max-width: 1024px) {

}

/* Überschriften */
h1 {
	text-shadow: 1px 1px 4px var(--global-palette3, #1A202C);
}
.single-content h1, .single-content h2, .single-content h3, .single-content h4, .single-content h5, .single-content h6 {
	margin: 0 0 .25rem 0 !important;
}
.verlauf,
.h3-verlauf h3.wp-block-heading {
	background:radial-gradient(
      ellipse farthest-corner at right bottom,
      #ffd700 0%,
      #ffc700 10%,
      #e6ac00 30%,
      #b8860b 50%,
      #8b6508 70%,
      transparent 90%
    ),
    radial-gradient(
      ellipse farthest-corner at left top,
      #fff 0%,
      #ffec8b 10%,
      #daa520 40%,
      #8b5a2b 70%,
      #8b4513 100%
    );
    background-size: 200% 200%;
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
}
h2.kleiner {
	font-size: 60px;
	margin-bottom: 1.125rem !important;
}
h2.feiner {
	font-weight: 100;
	font-size: 70px;
	margin-bottom: 1.1875rem !important;
}
@media screen and (max-width: 1024px) {
	h2.kleiner {
		font-size: 44px;
	}
	h2.feiner {
		font-size: 50px;
	}
}
@media screen and (max-width: 767px) {
	h2.kleiner {
		font-size: 38px;
	}
	h2.feiner {
		font-size: 42px;
	}
}
.h2-small h2 {
	font-size: 30px !important;
	font-weight: 300;
}
.subhead {
	/*font-family: "Poppins", sans-serif;
	font-weight: 700;*/
	font-size: 30px;
	letter-spacing: -0.3px;
	line-height: 1.4;
	color: #ffffff;
	margin-bottom: 1.1875rem !important;
}

/* Damen-Liste */
.lady-grid {
	margin-top: var(--global-kb-spacing-xl, 4rem) !important;
}
.lady-grid .kb-blocks-portfolio-grid-item {
	border-radius: 8px;
}
.lady-grid .kb-portfolio-grid-item-inner {
	align-items: end;
	padding-bottom: 24px;	
}
.lady-grid  .kb-portfolio-content-item-inner {
	opacity: 1;
}

/* ### Horizontale Sprungmarken-Navigation ### */
/* Inhaltsverzeichnis sticky machen */
.index-horizontal-outer:after {
	display: block;
	content: ' ';
	line-height: 2px;
	height: 2px;
	background: linear-gradient(to right, var(--global-palette7) 10%, var(--global-palette1) 50%, var(--global-palette7) 90%);
	width: 100%;
}
.index-horizontal-outer {
	z-index: 999 !important;
}
.index-horizontal .kb-table-of-content-wrap {
	-webkit-backdrop-filter: blur(5px);
	backdrop-filter: blur(5px);
}
.index-horizontal ul.kb-table-of-content-list {
	display: flex;
	flex-wrap: wrap;
	padding-left: 0 !important;
	font-size: 18px;
	justify-content: center;
}
.index-horizontal ul.kb-table-of-content-list li {
	list-style: none;
	border-right: 1px solid var(--global-palette5);
	padding-right: 12px;
	margin-right: 12px;
}
.index-horizontal ul.kb-table-of-content-list li:last-child {
	border-right: none;
	padding-right: 0;
	margin-right: 0;
}
@media screen and (max-width: 1024px) {
	.index-horizontal ul.kb-table-of-content-list {
		display: flex;
		padding-left: 0 !important;
		font-size: 16px;
		justify-content: center;
	}
	.index-horizontal ul.kb-table-of-content-list li {
		padding-right: 6px;
		margin-right: 6px;
	}
}

/* ### Bildergalerie Damen ### */
.kadence-blocks-gallery-item:hover .kb-gallery-image-contain img {
	transform: scale(1.05);
	transition-duration: .5s;
}

/* ### Tabellen formatieren ### */
.tabelle-l-r table tr th:nth-child(even),
.tabelle-l-r table tr td:nth-child(even) {
	text-align: right;
}
.tabelle-l-r table tr th,
.tabelle-l-r table tr td {
	vertical-align: top;
}

/* ### Gentlemen-Blog ### */
.gentlemen-blog {
	column-gap: 4rem !important;
	row-gap: 4rem !important;
}
.gentlemen-blog .entry-content-wrap {
	padding-left: 0 !important;
	padding-right: 0 !important;
}
.gentlemen-blog h2 {
	font-size: 34px;
}
.gentlemen-blog .post-thumbnail img {
	border-radius: 8px;
}

/* ### Blog-Detailseite ### */
.single-post .post-navigation {
	max-width: var(--global-content-width, 1436px);
	padding-left: var(--global-content-edge-padding);
	padding-right: var(--global-content-edge-padding);
}

/* Formatierung Formulare */
.ff-default .ff-el-form-control,
.ff-default .ff-el-form-control:focus {
	border: none;
	border-bottom: 1px solid var(--global-palette8) !important;
	border-right: 1px solid var(--global-palette8) !important;
	border-radius: 0 !important;
	border-bottom-right-radius: 8px !important;
	padding: 14px 20px !important;
	background: none;
}
.fluentform .ff-el-form-control::placeholder {
	color: var(--global-palette5) !important;
}

.fluentform .ff-el-form-control,
.fluentform .ff-el-form-control:focus {
	color: var(--global-palette9) !important;
}
.ff-default .ff_btn_style {
	border: none !important;
	border-radius: 0 !important;
}
/* Formular-Zwischenüberschriften */
.fluentform .form-subhead {
	margin-bottom: 10px;
}
/* Trennlinie über Zwischen-Überschriften */
/*.fluentform .form-subhead:before {
	display: block;
	content: ' ';
	line-height: 2px;
	height: 2px;
	background: linear-gradient(to right, var(--global-palette7) 10%, var(--global-palette1) 50%, var(--global-palette7) 90%);
	width: 100%;
	margin-top: 28px;	
}*/
/* Formular-Buttons */
.fluentform .ff-btn-submit {
	font-style: normal;
	font-weight: 600;
	font-size: 16px;
	letter-spacing: 3px;
	text-transform: uppercase;
	border-radius: 100px !important;
	padding: 15px 30px 15px 30px;
	border: 3px solid !important;
	border-color: var(--global-palette5) !important;
	background-color: var(--global-palette3) !important;
	box-shadow: 0px 0px 0px -7px rgba(0, 0, 0, 0);
}
.fluentform .ff-btn-submit:hover {
	/*border: 3px solid currentColor !important;
	border-color: var(--global-palette5) !important;
	background-color: var(--global-palette3) !important;*/
	opacity: 1;
	color: var(--global-palette-btn-hover) !important;
	background: var(--global-palette-btn-bg-hover) !important;
}

/* Selcect formatieren */
select,
::picker(select) {
	appearance: base-select !important;
}
.fluentform select.ff-el-form-control::picker-icon {
	color: var(--global-palette5) !important;
}
.fluentform select.ff-el-form-control:open::picker-icon {
	rotate: 180deg;
}
/*.fluentform select.ff-el-form-control option:first-child {
	color: var(--global-palette5) !important;
}*/
/*.fluentform select.ff-el-form-control option:checked {
	color: var(--global-palette1) !important;
}*/
.fluentform select option {
	background: var(--global-palette9) !important;
}
.fluentform select option:hover {
	background: #eee !important;
}
.fluentform select::picker-icon {
	color: var(--global-palette9) !important;
}
.fluentform select.ff-el-form-control {
	color: var(--global-palette9) !important;
}
.fluentform select.ff-el-form-control:checked {
	color: var(--global-palette9) !important;
}

/* ### Sedcard ### */
.category-escort-damen h1 {
	font-family: 'Patrick Hand';
	font-weight: 400;
}
@media screen and (max-width: 1024px) {
	.header-sedcard h1 {
		text-align: center;
	}
	.header-sedcard .header-cta {
		display: none;
	}
}

/* Städteseite */
.bildhinweis {
	position: absolute;
	top: 8px;
	right: 8px;
	background: rgba(0,0,0,0.5);
	color: #fff;
	font-weight: 400;
	font-size: 15px;
	padding: 2px 6px;
}

/* Hintergrundbilder Kontaktformular */
.kontakt-bg .kt-row-layout-overlay {
	margin-top: -5px;
    height: 101%;
}

/* Vertikale Texte */
.t-vertikal {
	position: absolute;
	bottom: 90px;
	right: -30px;
	rotate: -90deg;
	width: 300px;
}
@media screen and (max-width: 1024px) {
	.t-vertikal {
		display: none !important;
	}
}
.t-vertikal p {
	margin-bottom: 8px !important;
	line-height: 1.2;
}
.t-vertikal .t-vertikal-1 {
	text-transform: uppercase;
	font-size: 26px;
	font-weight: 700;
}
.t-vertikal .t-vertikal-3 {
	text-transform: uppercase;
	font-size: 66px;
	font-weight: 700;
}

@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) {

}