/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/
/*-----------Hauptfarbe anpassen-----------*/ :root {
	--bs-primary: #EF94C6;
	--bs-hover: #F8D2E8;
	--bs-buttontext: #fff; /*Farbe Buttontext. Auf nötigen Kontrast zur Hintergrundfarbe achten.*/
	--swiper-theme-color: var(--bs-primary) !important;
	--bs-background: #ffffff;
	--bs-fontcolor: #555555;
	--bs-navcolor: #fff;
}
.kreisrund {
	border-radius: 100%;
}
.justify-content-center {
	justify-content: center;
}
.h3 {
	font-size: 2.5rem;
	margin-top: -25px;
	line-height: .90;
	font-weight: 300;
	font-family: 'Roboto Condensed', sans-serif;
	font-style: normal;
}
/*-----------Burger-Menü – STROKE ÄNDERN! %23 steht für #-----------*/
#header .navbar-light .navbar-toggler-icon, #header.scrolled .navbar-dark .navbar-toggler-icon {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24' stroke='%23ffffff' /%3E%3C/svg%3E")
}
#header-wrap, #top-bar, body, html {
	background-color: var(--bs-background);
}
body, html, h1, h3, h4, h5, h6, #top-bar .top-links a, #mainnav ul.nav.navbar-nav li.nav-item a.nav-link, #footer ul.listfooter > li > a {
	color: var(--bs-fontcolor);
}
h2 {
	color: var(--bs-primary);
}
#header.position-fixed {
	top: 40px !important;
}
/*----- Schriften-----*/
body {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 1.4rem;
}
h3 {
	font-family: 'Roboto Condensed', sans-serif;
	font-style: normal;
	font-weight: 300;
	font-size: 3.5rem;
	margin-top: -40px;
	line-height: .90;
}
h4 {
	font-family: 'Roboto Condensed', sans-serif;
	font-style: normal;
	font-weight: 300;
	font-size: 2.5rem;
	;
}
@media (max-width: 991px) {
	body {
		font-size: 1rem;
	}
}
@media (max-width: 852px) {
	h3 {
		font-size: 2.3rem;
	}
}
/*----- Top-Bar mit Kontaktinfos ausblenden -----*/
#top-bar {
	height: 0px;
	min-height: unset;
	overflow: hidden;
}
#header.position-fixed {
	top: 0 !important;
	border-bottom: none;
}
/*----- Mobilmenü: Kompletter Navigationspunt (komplette Breite) klappt Subnavigation aus -----*/
/*@media (max-width: 991px) {
#mainnav .mobile-toggle, #mainnav .mobile-toggle.openmenu {
	width: 100% !important;
	z-index: 2;
    pointer-events: auto;}
	
#mainnav .nav .dropdown-toggle {width: 0px;
    position: absolute;
    z-index: 1;
    pointer-events: none;}
	
}*/
/*----- Header-Image: Wenn mobil mehr Text verwendet wird, einblenden und height ändern; Bildausschnitt- mit object-position ändern -----*/
/*@media (max-width:575px){ 
    .header-image .img-fluid {
        height: 600px;
        object-position: -700px;
    }
}*/
section .section-title h1::after, section .section-title h2::after, section .section-title h3::after, section .section-title h4::after {
	height: 0px;
}
#header .nav {
	gap: 10%;
}
@media (max-width: 1399px) {
	#header .nav {
		gap: 5%;
	}
}
@media (max-width: 1199px) {
	#header .nav {
		gap: 3%;
	}
}
/*-- Header Button  --*/
.btn-header {
	color: var(--bs-primary);
	border-color: #fff;
	background-color: #fff;
	border-radius: 10px;
}
.btn-header:hover {
	color: var(--bs-hover);
	background-color: #fff;
	border-color: #fff;
}
/*-- Ampassungen Header Leiste --*/
#mainnav ul.nav.navbar-nav li.nav-item a.nav-link {
	color: #fff !important;
}
/*-- nav Bar Hintergrund & Scrollen --*/
#header.transparent-header.scrolled {
	background-color: transparent !important;
}
#header.transparent-header.scrolled #header-wrap {
	background-color: transparent !important;
	;
}
#header.transparent-header.add-border-bottom.scrolled {
	border-bottom: 0;
}
@media (max-width: 991.98px) {
	#nav.navbar.navbar-light #mainnav > ul.nav.navbar-nav {
		background-color: var(--bs-primary);
	}
}
/*-- header Img  --*/
.hochzeitstorte {
	max-width: 130%;
	margin-bottom: 0.5rem;
}
@media (max-width:1799px) {
	.hochzeitstorte {
		max-width: 110%;
	}
}
@media (max-width:1575px) {
	.hochzeitstorte {
		max-width: 95%;
	}
}
/*-- gallerie 2 --*/
#filter {
	align-items: flex-start !important;
	justify-content: flex-start !important;
}
.button-filter:nth-child(3) {
	border-right: 1px solid #555555 !important;
}
#galerie_2 .my-shuffle-container {
	transform: translate(0, -129px)
}
@media (max-width:1775px) {
	#galerie_2 .my-shuffle-container {
		transform: translate(0, -100px)
	}
}
@media (max-width:1465px) {
	#galerie_2 .my-shuffle-container {
		transform: translate(0, -70px)
	}
}
@media (max-width:994px) {
	#galerie_2 .my-shuffle-container {
		transform: translate(0, -45px)
	}
}
@media (max-width:575px) {
	#galerie_2 .my-shuffle-container {
		transform: translate(0, -35px)
	}
}
/*-- img Ende Kontakt  --*/
.info-box {
	color: #fff;
	background-color: var(--bs-primary);
	text-align: center;
	box-shadow: 0 0 0;
	border-radius: 15px;
	padding: 20px 0 10px 0;
}
.info-box h3, .info-box a {
	color: #fff;
}
[class^="icon-"]:before, [class*=" icon-"]:before {
	color: #fff;
	margin-bottom: 70px;
}
form .form-control, #frmContact .form-control {
	padding: 15px;
}
@media (max-width: 575px) {
	form .form-control, #frmContact .form-control {
		margin-bottom: 0px;
	}
	.button-filter:nth-child(3) {
		border-right: 0px !important;
	}
}
.img-kontakt-end {
	width: 30%;
	margin-top: -120px
}
@media (max-width: 991px) {
	.img-kontakt-end {
		margin-top: -30px;
		width: 40%;
	}
}
/*-- Ampassungen Social Media --*/
#footer .social-icon i.icon-facebook {
	background-color: var(--bs-primary);
}
#footer .social-icon i.icon-instagram {
	background-color: var(--bs-primary);
}
.facebook, .instagram {
	font-family: 'Open Sans', sans-serif;
	font-size: 1.125rem;
}
#footer, #footer a {
	color: #fff;
}
#footer > .container > .row {
	padding-bottom: 0px;
}
hr:not([size]) {
	height: 2px;
}
hr {
	margin: 0 0;
	color: #fff;
}
/*-- Anpassungen Copyright Abteil --*/
#copyrights {
	background-color: var(--bs-primary);
	color: #fff;
}
#copyrights ul.metanavigation > li.active > a, #copyrights ul.metanavigation > li > a:hover {
	text-decoration: none;
	color: var(--bs-hover);
}
#copyrights ul.metanavigation > li > a {
	color: #fff;
	border-right: 1px solid #fff;
}
#copyrights p.agentur a.logo {
	content: url("../images/planit-logo.svg");
}
/*-- Rechtliches --*/
body.rechtliches h1 {
	padding: 85px 0;
	line-height: 1;
}
body.rechtliches h2 {
	font-size: 2rem;
	margin-top: 2rem;
	line-height: 1;
}
body.rechtliches h3 {
	font-size: 1.5rem;
	margin-top: 0;
}
#wrapper .list-center li {
	width: fit-content;
	margin: 0 auto 8px;
}
@media (max-width: 990px) {
	body.rechtliches h1 {
		padding: 50px 0;
	}
	body.rechtliches h1 {
		margin-top: 85px;
	}
	body.rechtliches h1 {
		padding-bottom: 0;
	}
}
/*-- Mobil getauscht --*/
@media (max-width: 767px) {
	.mobil-getauscht .row > div:nth-child(1) {
		order: 2;
	}
	.mobil-getauscht .row > div:nth-child(2) {
		order: 1;
	}
}