/*
 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
*/

.h1-large {
	color: #1F1F1F;
	font-family: "Cera Pro";
	font-size: clamp(2.9rem, 6.788vw + 0.728rem, 10rem);
	font-style: normal;
	font-weight: 700;
	line-height: 120%;
}

.h1-large-animated {
	color: #1F1F1F;
	font-family: "Cera Pro";
	font-size: clamp(7rem, 2.868vw + 6.082rem, 10rem);
	font-style: normal;
	font-weight: 700;
	line-height: 120%;
}
.h1-large-animated-bio {
	color: #1F1F1F;
	font-family: "Cera Pro";
	font-size: clamp(7rem, 2.868vw + 6.082rem, 10rem);
	font-style: normal;
	font-weight: 700;
	line-height: 120%;
}

.h1-medium {
	color: #1F1F1F;
	font-family: Spartan;
	font-size: 7rem;
	font-style: normal;
	font-weight: 700;
	line-height: 175%;
}

.h1-scroll {
	color: #1F1F1F;
	font-family: Spartan;
	font-size: clamp(4rem, 2.868vw + 3.082rem, 7rem);
	font-style: normal;
	font-weight: 700;
	line-height: 175%;
}

.h1-small {
	color: #1F1F1F;
	font-family: "Cera Pro";
	font-size: clamp(2.3rem, 4.493vw + 0.862rem, 7rem);
	font-style: normal;
	font-weight: 700;
	line-height: 120%;
}

.h2-large {
	color: #1F1F1F;
	font-family: "Cera Pro";
	font-size: clamp(2rem, 1.912vw + 1.388rem, 4rem);
	font-weight: 700;
	line-height: 110%;
}

.h2-large-kursiv {
	color: #1F1F1F;
	font-family: "Cera Pro";
	font-size: clamp(2rem, 1.912vw + 1.388rem, 4rem);
	font-style: italic;
	font-weight: 200;
	line-height: 110%;
}

.h2-medium {
	color: #1F1F1F;
	font-family: "Cera Pro";
	font-size: 2.5rem;
	font-weight: 700;
	line-height: 120%;
}

.h2-small {
	color: #1F1F1F;
	font-family: Spartan;
	font-size: 0.75rem;
	font-weight: 400;
	line-height: 140%;
}

.h3-medium {
	color: #1F1F1F;
	font-family: "Cera Pro";
	font-size: clamp(1.8rem, 2.103vw + 1.127rem, 4rem);
	font-weight: 700;
	line-height: 100%;
}

.text-large {
	color: #1F1F1F;
	font-family: "Cera Pro";
	font-size: clamp(1rem, 0.956vw + 0.694rem, 2rem);
	font-weight: 400;
	line-height: 140%;
}

.text-medium {
	color: #1F1F1F;
	font-family: "Cera Pro";
	font-size: 1.25rem;
	font-weight: 400;
	line-height: 140%;
}

.text-medium-2 {
	color: #1F1F1F;
	font-family: Spartan;
	font-size: 1.25rem;
	font-weight: 500;
	line-height: 140%;
}

.text-small {
	color: #1F1F1F;
	font-family: "Cera Pro";
	font-size: 1rem;
	font-weight: 500;
	line-height: 140%;
}

.text-small-2 {
	color: #1F1F1F;
	font-family: "Cera Pro";
	font-size: 1rem;
	font-weight: 400;
	line-height: 140%;
}

.menu-large {
	color: #1F1F1F;
	font-family: "Cera Pro";
	font-size: 1.25rem;
	font-weight: 700;
	line-height: 120%;
	text-transform: uppercase;
	letter-spacing: 8%;
}

.menu-medium {
	color: #1F1F1F;
	font-family: "Cera Pro";
	font-size: 1.25rem;
	font-weight: 500;
	line-height: 120%;
	letter-spacing: 8%;
	text-transform: uppercase;
}

.button {
	color: #1F1F1F;
	font-family: "Cera Pro";
	font-size: 1.25rem;
	font-weight: 500;
	padding: 13px 25px;
	justify-content: center;
	align-items: center;
	border-radius: 2px;
	border: 1.5px solid #000;
	background-color: #287ec100;
}

.button:hover {
	color: #fff;
	background-color: #287ec1;
	border: 1px solid #287ec1;
}

.margin-top-xxl {
	margin-top: 17rem;
}

.margin-top-xl {
	margin-top: 12rem;
}

.maring-top-l {
	margin-top: 8rem;
}

.margin-top-m {
	margin-top: 5rem;
}

.margin-top-s {
	margin-top: 2rem !important;
}

.margin-top-xs {
	margin-top: 1.25rem;
}

.hero {
	overflow: hidden;
	background-color: #fff;
	z-index: 1;
}

.hero-reveal {
	position: absolute;
	top: 0;
	left: 0;
	height: 250px;
	width: 250px;
	border-radius: 50%;
	pointer-events: none;
	background: url(/wp-content/uploads/2025/06/CP-Kunst-Header-Blau-scaled.webp);
	background-size: cover;
	background-attachment: fixed;
	z-index:1;

}

.werke {
	column-gap: 2rem;
	row-gap: 9rem;
}

.no-padding {
	padding: none;
}

.no-margin {
	margin: none;
}

.text-white {
	color: #fffcfb;
}

.custom-list {
  list-style: none;
	width: 100%;
	margin-block-end: 0;
	margin-block-start: 0;
}

hr {
  border-top: 1px solid #1F1F1F;
}

ul {
	padding-inline-start: 0px;
}




.page-id-3 h1 {
  font-family: "Cera Pro";
  font-size: clamp(3rem, 5.714vw + 4.857rem, 6rem);
  font-weight: 700;
  line-height: 120%;
  color: #1F1F1F;
}

.page-id-3 h2 {
  font-family: "Cera Pro";
  font-size: clamp(3rem, 1.429vw + 2.714rem, 4rem);
  font-weight: 700;
  line-height: 100%;
  color: #1F1F1F;
}

.page-id-3 h3 {
  font-family: "Cera Pro";
  font-size: clamp(3rem, 1.429vw + 2.714rem, 4rem);
  font-weight: 700;
  line-height: 100%;
  color: #1F1F1F;
}

.page-id-3 h4 {
  font-family: Spartan;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 140%;
  color: #1F1F1F;
}


.page-id-14 h1 {
  font-family: Spartan;
  font-size: clamp(4rem, 2.857vw + 4.429rem, 6rem);
  font-weight: 700;
  line-height: 175%;
  color: #1F1F1F;
}

.page-id-14 h2 {
  font-family: "Cera Pro";
  font-size: clamp(1.5rem, 1.429vw + 1.214rem, 2.5rem);
  font-weight: 700;
  line-height: 120%;
  color: #1F1F1F;
}

.page-id-14 h3 {
  font-family: "Cera Pro";
  font-size: clamp(1rem, 1.429vw + 2.714rem, 2rem);
  font-weight: 700;
  line-height: 100%;
  color: #1F1F1F;
}

.page-id-14 h4 {
  font-family: Spartan;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 140%;
  color: #1F1F1F;
}

.quotation-mark {
	max-width: 8ch;
}





.img-4x5-small {
  width: 655px;
  height: 524px;
  object-fit: cover;
}

.img-4x5-large {
  width: 655px;
  height: 818px;
  object-fit: cover;
}

.img-landscape-small {
  width: 655px;
  height: 264px;
  object-fit: cover;
}

.img-landscape-large {
  width: 883px;
  height: 536px;
  object-fit: cover;
}

@media (max-width: 768px) {
  .img-4x5-small,
  .img-4x5-large,
  .img-landscape-small,
  .img-landscape-large {
    width: 100%;
    height: auto;
    object-fit: contain; 
    display: block;
  }
}