/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/

html, body {
	overflow-x: hidden;
}

.heading-m {
	font-family: Raleway;
	font-size: clamp(3.2rem, 1.53vw + 2.711rem, 4.8rem);
	font-weight: 700;
	line-height: 100%;
	letter-spacing: -3%;
}

.heading-s {
	font-family: Raleway;
	font-size: clamp(3.2rem, 1.147vw + 2.833rem, 4.4rem);
	font-weight: 700;
	line-height: 110%;
	letter-spacing: -3%;
}

.sub-heading {
	font-family: Noah;
	font-size: clamp(2rem, 0.382vw + 1.878rem, 2.4rem);
	font-weight: 700;
	line-height: 140%;
	letter-spacing: normal;
}

.body-xl {
	font-family: Raleway;
	font-size: clamp(6.4rem, 6.119vw + 4.442rem, 12.8rem);
	font-weight: 700;
	line-height: 100%;
	letter-spacing: -3%;
}

.body-l {
	font-family: Raleway;
	font-size: clamp(4rem, 0.574vw + 3.816rem, 4.6rem);
	font-weight: 700;
	line-height: 100%;
	letter-spacing: -3%;
}

.body-m {
	font-family: Raleway;
	font-size: clamp(2rem, 0.382vw + 1.878rem, 2.4rem);
	font-weight: 500;
	line-height: 110%;
	letter-spacing: -3%;
}

.body-s {
	font-family: Noah;
	font-size: clamp(1.6rem, 0.382vw + 1.478rem, 2rem);
	font-weight: 400;
	line-height: 140%;
	letter-spacing: normal;
}

.menu-text {
	font-family: Raleway;
	font-size: 2.4rem;
	font-weight: 700;
	color: #fff;
}

.spacing-l {
	margin-top: 16rem;
}

.spacing-m {
	margin-top: 8rem;
}

.spacing-s {
	margin-top: 3rem;
}

.spacing-xs {
	margin-top: 2rem;
}

.text-black {
	color: #202020;
}

.text-white {
	color: #fff;
}

.bg-white {
	background-color: #fafafa;
}

.bg-grey {
	background-color: #DBD9D7;
}

.bg-red {
	background-color: #ac432c;
}

.blur-10 {
	background-color: #0000001a;
	-webkit-backdrop-filter: blur(5px);
	backdrop-filter: blur(5px);
}

.blur-30 {
	background-color: #0000004d;
	-webkit-backdrop-filter: blur(30px);
	backdrop-filter: blur(30px);
}

.padding-section {
	padding-left: 150px;
	padding-right: 150px;
}


.button {
	font-family: Raleway;
	font-size: clamp(1.6rem, 0.191vw + 1.539rem, 1.8rem);
	font-weight: 700;
	line-height: 120%;
	letter-spacing: normal;
	padding: 2rem;
	border: 0.3rem solid #ac432c;
	background: none;
	color: #202020;
	transition: 0.3s;
}

.button:hover {
	color: #fff;
	background-color: #ac432c;
}


.textspalten {
column-count: 2;
  column-gap: 2rem; 
}

@media screen and (max-width: 477px){
	.textspalten {
		column-count: 1;
	}
}

.menu-toggle {
  cursor: pointer;
  transition: fill 0.8s ease-in-out;
  background: none;
	max-height: 8ch;
	max-width: 8ch;
	 display: flex;
  align-items: center;
  justify-content: center;
}

.menu-toggle svg {
	height: 7rem;
	max-height: 7rem;
	max-width: 5rem;
	display: block;
}

.menu-toggle rect{
	fill: #fff;
	transition: 0.8s ease-in-out;
}
.menu-toggle:hover rect {
  fill: #ac432c !important;
}

.menu-toggle.is-active svg{
  mask: url("https://www.baderhaus-regenpeilstein.de/wp-content/uploads/2025/08/Baderhaus-Icon-Menu-Close.svg");
}

.menu-toggle.is-active rect {
  fill: #fff !important;
	transition: 0.8s ease-in-out
}

.menu-toggle.is-active:hover rect {
  fill: #ac432c !important;
}


.nav-links {
  border-bottom: 3px solid #fff;
  padding-bottom: 2rem;
  margin-bottom: 2rem;
  transition: 0.8s ease-in-out;

}

.nav-links:hover {
	border-bottom: 3px solid #ac432c;
}

.nav-overlay {
  overflow: hidden;
  max-height: 0;
  transition: max-height 0.5s ease;
}

.nav-overlay ul {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 3rem;
  margin: 0;
  padding: 2rem 0;
  list-style: none;
  height: 100dvh;
}

@media (max-width: 477px) {
	.nav-overlay ul {
		justify-content: start;
	}
}

.site-header {
	overflow-x: hidden;
}

.icon {
	flex-shrink: 0;
}

.nav-overlay.open {
  max-height: none;
  height: 100dvh;
}

.page-id-3 h1,
.page-id-15 h1 {
    font-family: Raleway;
    font-size: clamp(3.2rem, 1.53vw + 2.711rem, 4.8rem);
    font-weight: 700;
    line-height: 100%;
    letter-spacing: -3%;
	
}

.page-id-3 h2,
.page-id-15 h2 {
    font-family: Raleway;
    font-size: clamp(3.2rem, 1.147vw + 2.833rem, 4.4rem);
    font-weight: 700;
    line-height: 110%;
    letter-spacing: -3%;
	margin-top: 2rem;
}

.page-id-3 h3,
.page-id-15 h3,
.page-id-3 h4,
.page-id-15 h4,
.page-id-3 h5,
.page-id-15 h5 {
    font-family: Noah;
    font-size: clamp(2rem, 0.382vw + 1.878rem, 2.4rem);
    font-weight: 700;
    line-height: 140%;
    letter-spacing: normal;
	margin-top: 1rem;
}


.page-id-3 p,
.page-id-15 p {
	font-family: Noah;
	font-size: clamp(1.6rem, 0.382vw + 1.478rem, 2rem);
	font-weight: 400;
	line-height: 140%;
	letter-spacing: normal;
}

.title {
	padding-right: 2rem;
}