/*gedoppelte Elemente für mobile + desktop */
.brxe-section > div > .m-stage .m-slope__overlay
{
	display: none;
}
.brxe-container > .d-sm-only-block {
	display: none;
}
.o-app__container .yCmsContentSlot > .d-sm-only-block  {
	display: none;
}
.m-image-gallery__overlay {
	display: none;
}
.o-app__container + .row > div > .d-none.d-md-block.d-lg-none, .o-app__container + .row > div > .d-block.d-md-none {
	display: none;
}
.brxe-container > .row > div > .d-none.d-md-block.d-lg-none, 
.brxe-container > .row > div > .d-none.d-lg-block {
	display: none;
}

.m-mood-banner > .m-slope.m-slope--right.m-slope--mood-banner > .m-slope__overlay {
	display: none;
}



ol.m-breadcrumb__list {
	display: none;
}
/*HEADER m-stage volle Breite*/
div:has(> div.m-stage), div.m-stage img {
	width: 100%;
}
/*RESPONISVE <= 768*/
@media only screen and (max-width: 1280px) {
	div.m-stage {
		margin: 0 calc(-1 * var(--container-padding-x));
	}
}

/*LAYOUT*/
/*PADDINGS + MARGINS*/

.brxe-section > div {
	row-gap: 0;
}

.d-none.d-md-only-block.d-lg-block > div{
	clear:both;
}

.m-global-message__wrapper + div {
	width: 100%;
}
.m-global-message__wrapper + div img{
	width: 100%;
}

div.o-app__container {
	width: 100%;

}
.o-app__fullcontent {
	clear: both;
	overflow: hidden;
	/*margin-top: 100px;*/  
}
p:has(+ p + ol) > strong {
	font-size: 120%;
}
div.row > div:only-child > a:only-child {
	color: var(--hammer-red);
}
.o-app__container > div, .yCmsContentSlot > div {
	clear: both;
	margin-bottom: 60px;
}
.o-app__container > div:has(+.m-text-image.row), .yCmsContentSlot > div:has(+.m-text-image.row) {
  padding-bottom: 20px;
  margin-bottom: 0;
}
.o-app__container > div:has(.m-slope:only-child), .yCmsContentSlot > div:has(.m-slope:only-child) {
	margin-bottom: 120px;
}
.yCmsContentSlot > .row {
	margin-top: 60px;
	margin-bottom: 60px;
}
.row:has(.m-slope--teaser-single) {
	margin-top: 0;
	/*margin-bottom: 0px;*/
}
.row:has(.m-slope--teaser-single) + .m-text-image {
	margin-top: 20px !important;
}

.m-text-image.row {
	/*display: block;*/
	display: flex;
	margin-top: 60px;
	margin-bottom: 120px;
	clear: both;
}
.m-text-image.row:has(+div.m-button-container) {
	margin-bottom: 40px;
}
.m-column-text {
	margin-top: 0px;
	margin-bottom: 40px;
}
.m-column-text[data-t-name="column-text"]:not(:has(ul), :is(.m-column-text--two-columns)) {
	max-width: 800px;
}
.m-column-text[data-t-name="column-text"]:not(:has(ul)):has(h2:only-child) {
	max-width: unset;
}
.m-column-text.m-column-text--two-columns {
	max-width: unset;
}
.d-none > .m-column-text {
	margin-top: 40px;
	margin-bottom: 80px;
}
.m-text-image.row .a-responsive-image + h2 {
	margin-top: 0px;

}
span.icon--arrow-link-right {
	display: none;
}
.m-column-text + .m-text-image.row {
	margin-top: 0px;
}
.a-responsive-image__placeholder__inner {
	padding-top: 0 !important;
}
.m-teaser-carousel {
	max-width: 100%;
}
.m-teaser__image-container {
	margin: 0 0 10px;
}

.m-image-gallery {
	margin: 100px 0;
}

.m-text-image:has(img[src=""]) {
	margin-bottom: 20px;
	margin-top: 100px !important;
}

.o-app__container > div.m-text-image:first-child {
	margin-top: 0px !important;
}


.a-responsive-image:has(img[src=""]), .a-responsive-image:has(img[src="#"]) {
	display: none;
}

.m-teaser-container {
	margin: 20px 0 80px;
}

.m-teaser-container:has(.m-slope--teaser-double) > div >.row {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 40px;
}
.m-teaser-container:has(.m-slope--teaser-double) {
	margin: 20px 0 40px;
}

.m-teaser-container + .m-column-text {
	margin-top: 80px;
}
div.col-12:has(.a-responsive-image:first-child) h2 {
	margin: 0px 0 40px 0;
}
.a-headline, .m-column-text h2 {
	/*clear: both;*/
	margin: 40px 0 20px 0;
	hyphenate-limit-chars: auto 8;
}
h2 {
	margin: 0px 0 40px 0;
}

.m-column-text--two-columns {
	margin: 40px 00px;
}
.m-column-text--two-columns > .row > div {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-auto-flow: row;
}
/*
p > strong:only-child {
	font-size: 120%;
}
*/

/*HERO*/

.m-three-part-stage > .row {
	display: grid;
	grid-template-columns: 2fr 1fr;
}
.m-three-part-stage > .row > div + div > div{
	display: grid;
	grid-template-columns: 1fr;
}
.m-three-part-stage .m-teaser-stage__overlay.m-teaser-stage__overlay--image {
	display: none;
}



/*STYLING*/

/*SECTIONS*/

.m-text-image.row > div > div:not(.a-responsive-image) {
	display: flex;
	flex-direction: column;
	justify-content: space-evenly;
}
.m-text-image.row ul {
	padding-left: 18px;
}
.m-text-image.row div.col-12 > ul {
	margin: 30px 0;
	padding: 0;
	float: right;
}
.m-text-image.row:has(img.m-text-image__left) div.col-12 > ul {
	float: left;
}
.m-text-image.row > div > ul { 
	list-style: none;
}
.m-text-image.row .a-responsive-image {
	float: left;
	width: 40%;
	margin: 82px 40px 0px 0;
	border-radius: var(--box-border-radius);
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.25);
	overflow: hidden;
	top: 5px;
  	position: relative;
}
.m-text-image.row .a-responsive-image:has(img.m-text-image__left) {
	float: right;
	margin: 82px 0 0 40px;
}
.m-text-image.row:not(:has(h2)) .a-responsive-image {
	margin-top: 0 !important;
}
a.m-slope__link-container {
	display: grid;
	grid-template-columns: 2fr 3fr;
	margin: 0;
	color: var(--bricks-color-ratuba);
	text-decoration: none !important;
}
a.m-slope__link-container:hover .m-slope__link-wrapper {
	text-decoration: underline;
}
.m-slope__image .a-responsive-image {
	max-width: 100%;
	 border: none;
}
ul li strong {
	/*display: inline-block;*/
	margin: 20px 0 0px 0;
}
ul li strong:has(+br) {
	margin: 20px 0 -15px 0;
}
/*
.yCmsContentSlot li, .yCmsContentSlot li a, .yCmsContentSlot p a {
	color: var(--hammer-red);
}
´*/

.m-teaser-container .row > div {
	overflow: hidden;
	border-radius: var(--box-border-radius);
}
.m-teaser-container .row > div img {
	transition: all 0.3s ease-in-out;
 
}
.m-slope__overlay {
	background: #eee;
	background: var(--bricks-color-vapspv);
	display: flex;
	justify-content: center;
	align-items: center;
}
.m-slope__overlay-content  {
	font-size: 26px;
	line-height: 130% !important;
	color: var(--bricks-color-duufce) !important;
	text-align: center;
} 
.m-slope__overlay-content span {
	padding: 0px 20px;
	display: block;
	margin-bottom: 0 !important
}
main a.m-slope__link-container:hover  {
	text-decoration: none !important;
	color: white !important;
}
.m-slope__link.link.icon {
	font-size: 60%;
}



.o-app__fullcontent:has(.row.justify-content-center):has(.col-12.col-md-6.col-lg-4.my-1){
	margin: 60px 0;
}
.o-app__fullcontent:has(.row.justify-content-center):has(.col-12.col-md-6.col-lg-4.my-1) .row.justify-content-center {
	display: flex;
	gap: 40px;
}
.o-app__fullcontent:has(.row.justify-content-center):has(.col-12.col-md-6.col-lg-4.my-1) .col-12.col-md-6.col-lg-4.my-1 {
	flex-basis: 33%;
}

/*TYPO*/

p.a-headline {
	font-weight: 700;
	font-size: 3rem;
	line-height: 140%;
}

.a-headline big {
	font-size: inherit;
	display: block;
	margin-bottom: 40px !important;
}

/*LIST*/

.yCmsContentSlot div:not(.slick-slider) > ul:not(:has(li a)) {
	list-style: none;
	  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-auto-flow: row;
	gap: 20px 20px;
	padding: 0;
}
.yCmsContentSlot div:not(.slick-slider) > ul:not(:has(li a)) li {
	position: relative;
	padding: 10px 0 10px 30px;
	font-weight: 600;
}
.yCmsContentSlot div:not(.slick-slider) > ul:not(:has(li a)) li::before {
	width: 18px;
	height: 100%;
	top: 13px;
	content: "";
	background-image: url(/wp-content/themes/hammer/css/images/checkmark.svg);
	background-size: 100%;
	background-repeat: no-repeat;
	position: absolute;
	left: 0;
}
.yCmsContentSlot div:not(.slick-slider) > ul:has(li a:only-child), .yCmsContentSlot :not(.m-teaser-carousel) ol:has(li a:only-child) {
	color: var(--bricks-color-vapspv);
}
.yCmsContentSlot div:not(.slick-slider) > ul li:has(a:only-child), .yCmsContentSlot :not(.m-teaser-carousel) ol li:has(a:only-child) {
	padding: 5px 0;
	margin-bottom: 5px;
	font-size: 120%;
}
/*BUTTONS*/

a.m-teaser__link-container {
	font-weight: 700;
	text-align: left;
  text-decoration: underline;
}
a.m-teaser__link-container p.m-teaser__copy {
	font-weight: 400;
	text-decoration: underline white;
	margin-top: 20px;
}
a.m-teaser__link-container img {
	aspect-ratio: 1;
  object-fit: cover;
}
span[style="text-decoration: underline;"] {
	text-decoration: none !important;
	font-size: 120%;
	font-weight: 600;
}
/*
a.m-teaser__link-container:hover {
	text-decoration: none !important;
	color: var(--bricks-color-duufce) !important;
}

a.m-teaser__link-container {
	text-decoration: none !important;
}
*/

.m-text-image.row > div > ul a {
	display: inline-block;
	color: #fff !important;
	text-decoration: none !important;background: var(--bricks-color-vapspv);
	padding-top: 0.55em;
	padding-right: 1.2em;
	padding-bottom: 0.55em;
	padding-left: 1.2em;
	border-radius: var(--box-border-radius);
	text-align: center;
	width: fit-content;
}
.m-text-image.row > div > ul a:hover {
	background-color: var(--bricks-color-xsaqrp);
}
/*
.m-column-text__copy-container li a{
 color: var(--bricks-color-vapspv) !important;
}
*/
.m-button {
	display: flex;
	/*justify-content: center;*/
	margin: 0px 0 80px
}

.m-button a.button{
	border-width: 1px;
	border-color: var(--bricks-color-vapspv);
	border-radius: var(--button-border-radius);
	background-color: var(--bricks-color-vapspv);
	color: var(--bricks-color-ratuba);
	padding-top: 0.55em;
	padding-right: 1.2em;
	padding-bottom: 0.55em;
	padding-left: 1.2em;
	text-decoration: none;
}
.m-button a.button:hover {
	border-color: var(--bricks-color-xsaqrp);
	background-color: var(--bricks-color-xsaqrp);
}

/*SLIDERS*/
.splide__arrow {
	height: 35px;
	width: 35px;
	text-align: center;
}
.splide__arrow--prev {
	bottom: -65px;
	right: 45px;
	top: unset;
	left: unset;
}
.splide__arrow--next {
	top: unset;
	bottom: -65px;
	right: 0px;
}
.o-app__fullcontent:has(.slick-slider) {
  padding-bottom: 90px;
}
.splide__arrow.slick-disabled {
    opacity: .5;
}
div.slick-slider:has(.splide__arrow--prev.slick-disabled, .splide__arrow--next.slick-disabled) .splide__arrow {
	display: none;
}
.splide__arrow {
	background-color: transparent;
	position: absolute;
	color: currentColor;
	font-size: 16px;
	border-radius: 100%;
	transition-duration: 0.3s;
	transition-property: opacity, color, background-color;
	transition-timing-function: ease;
}
/*Gallery*/
.slick-track :is(.m-teaser__link-container, .m-image-carousel__item) img:hover {
	scale: 103%;
	cursor: pointer;
}
.slick-track img {
	width: 100%;
	height: 100%;
	transition: scale 0.2s linear;
	object-fit: cover;
}
.slick-track .a-responsive-image picture {
	aspect-ratio: 1;
	object-fit: cover;
	display: block;
	box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, 0.25);
	border-radius: var(--box-border-radius);
	overflow: hidden;
}
.m-image-carousel__item {
	overflow: visible;
}
.slick-slide {
    margin: 0 10px;
}
.slick-slide:last-child {
    margin-right: 0;
}
.slick-list {
    margin: 0 -10px;
    overflow: visible;
}

/*AKKORDEON*/
.m-accordion-container .a-accordion-tab {
	border-bottom: 1px solid var(--hammer-secondary-3);
}
.m-accordion-container .a-accordion-tab:first-of-type {
	border-top: 1px solid var(--hammer-secondary-3);
}

.m-accordion-container {
	margin: 100px 0 60px;
	display: flex;
	justify-content: center;
}
/*faq*/
.m-accordion-container .o-app__fullcontent.py-3 {
	max-width: 800px;
}
.m-accordion-container h2.a-headline {
	margin: 0 0 36px 0 !important;
}
.m-accordion-container h2.a-headline big {
	margin-bottom: 60px !important;
}
.a-accordion-tab .a-accordion-tab__btn-toggle {
	font-size: 2.0rem;
	line-height: 150%;
	font-weight: 700;
	padding: 30px 30px 30px 0;
	cursor: pointer;
	display: flex;
	position: relative;
	hyphenate-limit-chars: auto 8;
}
.a-accordion-tab .a-accordion-tab__btn-toggle:after {
	content: '';
	background-image: url('/wp-content/uploads/2025/08/plus.svg');
	display: block;
	width: 29px;
	height: 29px;
	/*float: right;*/
	transition: rotate 100ms linear;
	position: absolute;
	right: 0px;
}
.a-accordion-tab .copy.copy--bold {
	margin-right: 10px;
}
.a-accordion-tab.a-accordion-tab--open .a-accordion-tab__btn-toggle:after {
	rotate: 45deg;
}
.a-accordion-tab .a-accordion-tab__btn-toggle:hover, 
.a-accordion-tab.a-accordion-tab--open .a-accordion-tab__btn-toggle {
	color: var(--hammer-red-hover);
}
.a-accordion-tab__container .m-column-text  .row:nth-child(1) {
	display: none;
}
.a-accordion-tab .a-accordion-tab__container .m-column-text .row:nth-child(2) {
	display: grid;
	grid-template-rows: 0fr;
	transition: grid-template-rows 0.5s ease;
	visibility: hidden;
}
.a-accordion-tab .a-accordion-tab__container .m-column-text .row:nth-child(2) > div {
	margin-bottom: 20px;
	overflow: hidden;
}
.a-accordion-tab.a-accordion-tab--open .a-accordion-tab__container .m-column-text  .row:nth-child(2) {
	grid-template-rows: 1fr;
	visibility: visible;
}
.a-accordion-tab .a-accordion-tab__icon {
	display: none;
}
.a-accordion-tab .m-column-text {
	margin-bottom: 0;
}
.a-accordion-tab .m-column-text p:has(+ *) {
	margin-bottom: 20px;
}


/*OTHER*/
.m-youtube-video__item iframe {
	max-width: 100%;
	width: 100%;
	height: 50vw;
	max-height: 600px;
}
.m-youtube-video__item .a-headline {
	display: none;
}
.m-youtube-video__item {
	margin-bottom: 40px;
}

/*RESPONISVE <= 768*/
@media only screen and (max-width: 768px) {
	.m-column-text--two-columns > .row > div {
		grid-template-columns: 1fr;
	}

	.yCmsContentSlot div:not(.slick-slider) > ul:not(:has(li a)) {
		grid-template-columns: 1fr
	}
	/*HERO*/
	.m-three-part-stage > .row {
		grid-template-columns: 1fr;
	}
	.m-three-part-stage > .row > div + div > div{
		grid-template-columns: 1fr 1fr;
	}


	/*STYLING SECTIONS*/
	.m-text-image.row .a-responsive-image {
		 float: none !important; 
		 width: 100%; 
		 margin: 0 0px 20px 0 !important;
	}   

	.m-teaser-container:has(.m-slope--teaser-double) > div >.row {
		grid-template-columns: 1fr;
	}

	a.m-slope__link-container {
		grid-template-columns: 1fr;
	}
	.m-slope__overlay-content span {
		margin-bottom: 30px !important;
	}
	p.m-slope__copy {
		margin-top: -30px;
	}


	.m-text-image.row {
		margin-bottom: 40px;
	}

	/*BUTTONS*/
	.m-button a.button {
		width: 100%;
		text-align: center;
		padding-bottom: 1em;
		padding-top: 1em;
		font-size: 120%;
	}

	/*AKKORDEONS*/
	.a-accordion-tab .a-headline:after {
		width: 14px;
		height: 14px;
		margin-right: -20px;
	}
	/*SLIDER*/
	.o-app__fullcontent:has(.slick-slider) {
		width: 100vw;
		overflow: visible;
		padding-bottom: 90px;
		overflow: clip;
		margin-left: -15px;
		padding-left: 15px;
		max-width: 100vw;
	}
  .slick-list {
  	margin-right: var(--container-padding-x) !important;
  }
  .splide__arrow--prev {
		right: 60px;
	}
	.splide__arrow--next {
		right: 15px;
	}
}