/*
Theme Name: Herzbraut Custom
Author: Marschfahrt.Werbeagentur®
Author URI: https://marschfahrt.de/
Description: Das Custom Theme speziell angefertigt für die Herzbraut Concept Boutique
Version: 1.0

*/

.teamImage img,
.site-main .site-content .salonImageCol .row .col-xs-12 .swiper-slide img{
	object-fit:cover;
}
body.page-id-103 .site-main .site-content .col-md-4 .teamContent h2{
		background:rgba(255, 255, 255, 0.4);
		display:inline-block;
		padding:10px 20px;
		font-weight:bold;
		backdrop-filter:blur(10px);
		border-radius:10px;
		color:#fff;
	}
@media screen and (min-width: 1920px) {
    body.page-id-103 .site-main .headerImageContainer img.teamImageHeaderDesktop {
        top: 0;
    }
}

@media (max-width:767px){
	.breadCrumbRow + .row h1{
		margin-top:0;
	}

	.breadCrumbRow + .row .col-xs-12:first-child{
		padding-top:0;
	}
	body.page-id-103 .site-main .headerImageContainer img{
		width:100%;
		height: 100%;
		object-fit: cover;
		top: 0 !important;
	}
	.page-id-103 h1{
		margin-top:0;
	}

	.page-id-103 .col-xs-12:has(h1){
		padding-top:0;
	}
	
}

@media screen and (min-width: 680px) {
    body.page-id-103 .site-main .site-content .col-md-4 .teamContent p.position {
        margin-top: 4.5rem;
    }
}




.site-main .site-content .salonContentCol{
	margin-bottom:0 !important;
}

.site-main .site-content .salonImageCol .row .col-xs-12 .swiper-pagination{
	padding:5px 10px;
	background:#fff !important;
	border-radius:10px;
	width:auto;
	left:50%;
	transform:translate(-50%, 0);
	bottom:10px !important;
}
.site-main .site-content .salonImageCol .row .col-xs-12 .swiper-pagination .swiper-pagination-bullet{
	/*background:#fff !important;
	opacity:0.3;*/
}

.site-main .site-content .salonImageCol .row .col-xs-12 .swiper-pagination .swiper-pagination-bullet-active{
	/*background:#f0ece9 !important;
	opacity:1;*/
}

@media screen and (min-width: 1040px) {
    body.page-id-103 .site-main .headerImageContainer {
        height: auto;
        padding-top: 31.3%;
    }
	body.page-id-103 .site-main .headerImageContainer img.teamImageHeaderDesktop{
		width:100%;
		top:0
	}
}

@media (max-width:767px){
	body.page-id-26 .site-main .site-content .salonImageCol .row .col-xs-12 .swiper-slide img,
	body.page-id-26 .site-main .site-content .salonImageCol .row .col-xs-12 .swiper-slide{
		aspect-ratio:1/1
	}
}

body.page-id-25965 .afterHeader,
body.page-id-25965 .contactFormContainer,
body.page-id-25974 .afterHeader,
body.page-id-25974 .contactFormContainer{
    display: none;
}
body.page-id-25965 .site-content,
body.page-id-25974 .site-content{
    text-align:center;
    padding-top:50px;
}
@media screen and (min-width: 375px) {
    body.page-id-25965 .headerImageContainer,
	body.page-id-25974 .headerImageContainer{
        height: 540px;
        margin-top: 110px;
    }
}
@media screen and (min-width: 450px) {
    body.page-id-25965 .headerImageContainer,
	body.page-id-25974 .headerImageContainer{
        height: 540px;
        margin-top: 110px;
    }
}
@media screen and (min-width: 475px) {
    body.page-id-25965 .headerImageContainer,
	body.page-id-25974 .headerImageContainer{
        height: 540px;
        margin-top: 183px;
    }
}
@media screen and (min-width: 550px) {
    body.page-id-25965 .headerImageContainer,
	body.page-id-25974 .headerImageContainer{
        margin-top: 116px;
    }
}
@media screen and (min-width: 1040px) {
    body.page-id-25965 .headerImageContainer,
	body.page-id-25974 .headerImageContainer{
        height: 565px;
    }
}

body.page-id-2 .swiper-container .imageSlide img{
    left:50%;
    transform:translate(-50%,0)
}

body.page-id-2 .swiper-container .imageSlide:has(.dp-wir-suchen) .imageSlideOneContentContainer{
    max-width:none;
    width:100%;
    left:0;
    right:0;
    transform:translate(0, -50%);
    top:50%;
    text-align:center;
}

.dp-wir-suchen h2{
    font-size:161px;
    text-transform:none;
    font-weight:bold;
    color:#fff;
    margin:0 0 27px;
    line-height:1
}

.dp-wir-suchen h4{
    background:#e3d8d3d9;
    padding:20px;
    border-radius:20px;
    display:inline-block;
    color:#fff;
    text-transform:none;
    font-weight:bold;
    font-size:50px;
    margin-top:0px;
    line-height:0.8;
}

@media (max-width:1200px){
    .dp-wir-suchen h2{
        font-size:110px;
    }
    .dp-wir-suchen h4{
        font-size:30px;
    }
}

@media (max-width:991px){
    .dp-wir-suchen h2{
        font-size:80px;
    }
    .dp-wir-suchen h4{
        font-size:25px;
    }
	body.page-id-2 .swiper-container .imageSlide:has(.dp-wir-suchen) img {
		left: 0;
		transform: translate(-30%, 0);
	}
}

@media (max-width:767px){
    .dp-wir-suchen h2{
        font-size:36px;
        margin:0 0 10px;
    }
    .dp-wir-suchen h4{
        font-size:11px;
        padding:10px;
        
    }
	body.page-id-2 .swiper-container .imageSlide:has(.dp-wir-suchen) img {		
		transform: translate(0%, 0);
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: 70% 50%;
	}
}

body.page-id-14 section.post .contentCol .metaContainer{
	top:3em
}

@media (max-width:1024px){
	body.page-id-14 section.post .contentCol .metaContainer{
		top:1em;
	}
}