/* merriweather-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Merriweather';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/merriweather-v33-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* merriweather-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Merriweather';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/merriweather-v33-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* merriweather-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Merriweather';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/merriweather-v33-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* merriweather-sans-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Merriweather Sans';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/merriweather-sans-v27-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* merriweather-sans-300italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Merriweather Sans';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/merriweather-sans-v27-latin-300italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* merriweather-sans-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Merriweather Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/merriweather-sans-v27-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* merriweather-sans-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Merriweather Sans';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/merriweather-sans-v27-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* merriweather-sans-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Merriweather Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/merriweather-sans-v27-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* merriweather-sans-600italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Merriweather Sans';
  font-style: italic;
  font-weight: 600;
  src: url('../fonts/merriweather-sans-v27-latin-600italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* merriweather-sans-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Merriweather Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/merriweather-sans-v27-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* merriweather-sans-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Merriweather Sans';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/merriweather-sans-v27-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

:root
{
	--fbodysize: 1.0rem;
	--cblack:#424649;
	--cdarkgreen:#23402b;
	--cgreen:#006421;
	--clightgreen: #84af54;
	--cyellow: #cdd400;
	--cbgfour: #f4f3f1;
	--cbggrey: #85847a;
	--chgtwo: #f0f0ec;
	--chgthree:#f2f7ee;
	--chgten:#ecf3e5;
	--chell:#F4F4EA;
	--cdark:#070E0A;

	--h1-min: 1.60rem;
	--h1-mid: 2vw;
	--h1-max: 2.40rem;
	--h2-min: 1.35rem;
	--h2-mid: 1.4vw;
	--h2-max: 1.90rem;
	--h3-min: 1.1rem;
	--h3-mid: 1vw;
	--h3-max: 1.20rem;
}
 
html {
	/* scrollbar fix (prevent ugly left pull for lower content sites) */
	overflow-y: scroll;
	height:100%;
    scroll-behavior: smooth;
}

body {
	height:100%;margin:0;padding:0;background-color:#ffffff;color:var(--cblack);font-family:'Merriweather Sans', 'sans serif'; font-size:var(--fbodysize);font-weight:300;line-height:1.5;}

#printlabel{display:none;}

figure{margin:0;padding:0;}
img{max-width: 100%; height: auto;}
figcaption{font-size:14px;font-style:italic;margin-bottom:12px;}
.mod-articles-image{margin:0;padding:0;line-height:0;}

h1, h2,h3, h5, .h1, .h2, .h3, .h5{line-height:1.2;font-family: 'Merriweather', serif;font-weight: 300;}
h4, .h4{font-family:'Merriweather';font-style: normal;font-weight: 300;}

h1, .h1{font-size: clamp(var(--h1-min), var(--h1-mid) + 1rem, var(--h1-max)); line-height: 1.2;margin:0;padding:0 0 30px 0;position:relative;color:var(--cdarkgreen);letter-spacing: 0.45px;}
h2, .h2{font-size: clamp(var(--h2-min), var(--h2-mid) + 0.8rem, var(--h2-max));  line-height: 1.25;margin:0;padding:0 0 30px 0;position:relative;color:var(--cdarkgreen);letter-spacing: 0.45px;}
h3, .h3{font-size: clamp(var(--h3-min), var(--h3-mid) + 0.8rem, var(--h3-max));margin:0;padding:7px 0 0 0;position:relative;color:var(--cdarkgreen);font-family:'Merriweather Sans', 'Sans Serif';font-weight:400;}
h4, .h4{font-size:1rem;margin:0;padding:0;position:relative;color:var(--cdarkgreen);font-family:'Merriweather Sans', 'Sans Serif';font-weight:400;}
h5, .h5{font-size:16px;margin:0;padding:0;position:relative;font-weight:400;}
#refbox h4{font-size:20px;margin:0 0 30px 0;padding:0 0 30px 0;}

p{margin:0;padding:0 0 10px 0;}
p + h2{padding-top:24px;}

a{text-decoration:none;color:var(--cgreen);}
a.readmore{font-weight:400;}
/* a.readmore:before{content: '\e628';font-family:'themify';font-size:16px;position: absolute;padding:0px;margin-left:-20px;}*/
a.cc-custom-revoke{cursor:pointer;}

.btn {letter-spacing: 0.18px; font-weight: 700; border-radius: 0; color: #ffffff; padding: 9.5px 20px; padding-right: 20px; padding-left: 20px;  font-size: 1rem;  }
.btn.btn-mit-pfeil { padding-left: 0;padding-right: 0; display: inline-flex;  align-items: center; color: var(--cgreen); }
.btn.btn-mit-pfeil .arrow {background-color: var(--cgreen);  height: 2px; position: relative; display: flex; align-items: center; transition: width .3s; margin: 0 10px 0 0; width: 30px;}
.btn.btn-mit-pfeil:hover .arrow{width:50px;}
.btn.btn-mit-pfeil .arrow:after { content: ''; border: 2px solid transparent; border-right-width: 2px; border-right-style: solid; border-right-color: transparent; border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: transparent; border-right: 2px solid var(--cgreen); border-bottom: 2px solid var(--cgreen); width: 10px; height: 10px; position: absolute;    right: 0;  transform: rotate(-45deg);  }

.btn.btn-mit-pfeil .arrowprev {background-color: #5DAF70;  height: 2px; position: relative; display: flex; align-items: center; transition: width .3s; margin: 0 10px 0 0; width: 30px;}
.btn.btn-mit-pfeil:hover .arrowprev{width:50px;}
.btn.btn-mit-pfeil .arrowprev:before { content: ''; border: 2px solid transparent; border-right-width: 2px; border-right-style: solid; border-right-color: transparent; border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: transparent; border-right: 2px solid var(--cgreen); border-bottom: 2px solid var(--cgreen); width: 10px; height: 10px; position: absolute;   left: 0;  transform: rotate(135deg);  }

hr{border:none;border-top:solid 1px #dfdfdf;margin-bottom:20px;padding:0;}

.antispam{display:none;}
/*Checkbox*/
input[type="checkbox"]{display:none;}
input[type="checkbox"] + label::before{width:25px;height:25px;border-radius:50%;border:solid 1px var(--clightgreen);background-color:#ffffff;display:block;content:"";float:left;margin-right:5px;margin-bottom:10px;margin-top:-6px;}
input[type="checkbox"]:checked+label::before{box-shadow:inset 0px 0px 0px 3px #ffffff;background-color:var(--clightgreen);}
input.short{width:50px;}
p.formheight{height:32px;line-height:1;margin:0;padding:0;font-size:16px;}
input::placeholder, textarea::placeholder{color:var(--cblack);font-family:'Merriweather Sans';font-size:16px;font-weight:300;font-style:italic;padding-left:20px;}
#search input[type="text"]{margin-bottom:0;}
fieldset{border:none;}
label, input{font-size:var(--fbodysize)!important;font-weight:300!important;}
.convertforms .cf-label{width:100%!important;}
.convertforms .captcha-container .captcha-equation{font-size:1.2rem !important;}
.convertforms .cf-form-wrap { padding: 20px 0 !important;}

table.tbl_kontakt td{vertical-align:top;}
table.tbl_kontakt p{margin:0;padding:0;}

#logo{text-align:center;padding:20px 0;width:90%;margin:auto;}
#menu_top{display:none;}

#box_wir{width:90%;margin:auto;}
#box_wir_inner{padding:60px 0;margin:auto;}
#box_wir .btn.btn-mit-pfeil{padding-bottom:50px;}

#trennbild1 p{padding:0;margin:0;line-height:1;}
#trennbild1{width:90%;margin:auto auto -125px auto;position:relative;z-index:2;}
#trennbild1 img{  z-index: 1;  animation-duration: 5s;  animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);  animation-delay: 1s;  animation-fill-mode: forwards;
  object-fit: cover;  object-position: center;  width: 100%;  height: 250px;  position: relative;}


#box_warum{background-color:var(--chell);}
#box_warum_inner{width:90%;margin:auto;padding:180px 0 90px 0;}
#box_warum_inner .icongrid{display: grid;  grid-gap: 0 5%; margin-bottom: 10px; grid-template-columns: 60px 1fr; align-items: start;margin:auto;}

#box_leistungen{width:90%;margin:auto;}
#box_leistungen_inner{padding:60px 0;margin:auto;}

#trennbild2 p{padding:0;margin:0;line-height:1;}
#trennbild2{width:90%;margin:auto auto -125px auto;position:relative;z-index:2;}
#trennbild2 img{  z-index: 1;  animation-duration: 5s;  animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);  animation-delay: 1s;  animation-fill-mode: forwards;
  object-fit: cover;  object-position: center;  width: 100%;  height: 250px;  position: relative;}


#box_weg{background-color:var(--chell);position:relative;}
#box_weg_inner{width:90%;margin:auto;padding:180px 0 90px 0;}
#box_weg_inner .icongrid{display: grid;  grid-gap: 0 5%; margin-bottom: 10px; grid-template-columns: 60px 1fr; align-items: start;margin:auto;}
#box_weg_inner h3{text-transform:uppercase;}
#box_weg_inner h4{font-weight:400;text-transform:uppercase;font-size:var(--fbodysize); margin:30px 0 0px 0;}


#box_inspiration{background-color:var(--cdarkgreen);color:var(--chell);position:relative;}
#box_inspiration h2{color:var(--chell);text-align:center;}
#box_inspiration_inner{width:90%;margin:auto;padding:180px 0 90px 0;}
#box_inspiration .tf-gallery-wrapper .gallery-items .item a{line-height:1;font-size:0;}

#box_herzblut{width:90%;margin:auto;}
#box_herzblut_inner{padding:60px 0;margin:auto;}
#box_herzblut .btn.btn-mit-pfeil{padding-bottom:50px;}

#box_kontakt{background-color:var(--cdarkgreen);color:var(--chell);position:relative;border-top:solid 400px #ffffff;}
#box_kontakt .h4{color:var(--chell);}
#box_kontakt_wrap{width:90%;margin:auto;margin-top:-400px;background-color:var(--clightgreen);color:var(--cdark);font-size:0.875rem;}
#box_kontakt_wrap .box_kontakt_inner{padding:50px 5%;}
#box_kontakt_wrap .box_kontakt_inner h3{color:var(--cdark);font-family: 'Merriweather';font-weight: 400;padding-bottom:10px;}
#box_kontakt_wrap .box_kontakt_inner .h4{color:var(--cdark);text-transform:uppercase;}
#box_kontakt_wrap .box_kontakt_inner img{width:100%;max-width:500px;height:auto;margin:30px 0 10px 0;}
#box_kontakt_wrap a{color: var(--cdark); }
#box_kontakt_wrap .btn.btn-mit-pfeil {color: var(--cdark); font-weight:400;}
#box_kontakt_wrap .btn.btn-mit-pfeil .arrow {background-color: var(--cdark); }
#box_kontakt_wrap .btn.btn-mit-pfeil .arrow:after { border-right: 2px solid var(--cdark); border-bottom: 2px solid var(--cdark);}
#box_kontakt_inner table.tbl_kontakt a{color:var(--cdark);}

#box_anfrage_wrap{width:90%;margin:auto;}
#box_anfrage_wrap h3{color:var(--chell);font-family: 'Merriweather', serif;font-size: clamp(var(--h2-min), var(--h2-mid) + 0.8rem, var(--h2-max)); }
#box_anfrage_wrap .box_anfrage_inner{padding:60px 0 30px 0 }
#box_anfrage_wrap .box_anfrage_inner h3{color:var(--chell);font-family: 'Merriweather';font-weight: 400;padding-bottom:10px;}
#box_anfrage_wrap a{color:var(--chell);}

footer{background-color:var(--cdarkgreen);color:var(--chell);padding:60px 0;font-size:0.8rem;}
footer .h4, footer a{color:var(--chell);}
#footer_center_wrap, #footer_bottom_wrap{width:90%;margin:auto}
#footer_center a{color:var(--chell);padding-left:20px;position:relative;}
#footer_center a:before{content: '\e628';font-family:'themify';position: absolute;padding:0px;margin-left:-20px;}
#footer_center ul {list-style:none;margin:0;padding:0;}
#footer_center ul li{margin:0px;padding:4px 0;}

#footer_bottom{padding-top:60px;}

#footer1 .visually-hidden{display:none;}
#footer1 ul{list-style:none;margin:0;padding:0;}
#footer1 ul li{display:inline-block;margin:0;padding:6px 0 ;}
#footer1 a{font-size:16px;margin:0 6px;text-align:center;}
#footer1 a span.p-2{width:32px;height:24px;border-radius:50%;background-color:var(--clightgreen);color:var(--cdark);display:inline-block;padding:8px 0 0 0;}
#footer1 a:hover span.p-2{background-color:var(--chell);}


#footer2{position:relative;}
#footer2 ul{list-style:none;margin:0;padding:0;}
#footer2 ul li{display:inline-block;margin:0;padding:6px 0 ;}
#footer2 ul li.active{font-weight:400;}
#footer2 ul li a{border-right:solid 1px var(--chell);line-height:1;display:inline-block;padding:0 6px;}
#footer2 ul li:first-child a{padding-left:0;}
#footer2 ul li:last-child a{border:none;}

.introbox{position:relative;}
.introbox .introtext{background-color:var(--cdarkgreen);color:var(--chell);margin:0 0  20px 5%;}
.introbox .introtext .txtinner{padding:35px 30px 20px 30px;}
.introbox .introtext h1{color:var(--chell);margin-bottom:10px;padding-bottom:0;font-size:1.6rem;font-weight:400;}
.introbox .introtext p{text-transform:uppercase;font-size:0.875rem;letter-spacing: 0.45px;}
.introbox .introtext p a{color:var(--chell);text-transform:none;margin-top:20px;display:inline-block;}
.introbox .btn.btn-mit-pfeil {color:var(--chell);font-weight:400;}
.introbox .btn.btn-mit-pfeil .arrow {background-color: var(--chell);}
.introbox .btn.btn-mit-pfeil .arrow:after {border-right: 2px solid var(--chell); border-bottom: 2px solid var(--chell); }
.introbox .introvideo{position:relative;z-index:1;}
.nrf-widget.tf-video.selfhostedvideo{background:none;}

.raster{display: grid;  grid-gap: 0; grid-template-columns: 1fr 1fr; align-items: end;margin:auto;background-color:var(--cdarkgreen);color:var(--chell);position:relative;}
.raster div h2{color:var(--chell);padding-bottom:6px;}
.raster .txtinner{padding:50px}
.raster .item2, .raster .item5, .raster .item8,.raster .item2 article, .raster .item5 article, .raster .item8 article {height:100%;}

.raster .video{background-color:#ffffff;}
.raster .bgItemImage{position:relative;top:0;right:0;bottom:0;left:0;height:100%}

ul.fields-container{margin:0;padding:0;list-style:none;}


/*Scrollbox */

.carousel-arrow {  position: absolute;  display: flex;  justify-content: center;  top: 0;  bottom: 64px;  margin-block: auto;  height: fit-content;  width: 48px;  background-color: white;  border: none;  font-size: 3rem;  padding: 0;  cursor: pointer;  opacity: 0.5;  transition: opacity 100ms;}
.carousel-arrow:hover,.carousel-arrow:focus {  opacity: 1;}
.carousel-arrow--prev {  left: 0;}
.carousel-arrow--next {  right: 0;}
.carousel-container {  width: 100%;  padding-block: 16px 0px;  margin: 16px 0px;  overflow-x: auto;  display: flex;  width: 100%;  gap: 30px;  align-items: start;  scroll-snap-type: x mandatory;  flex-flow: row nowrap;  scroll-behavior: smooth;}
.carousel-container::-webkit-scrollbar {  height: 14px;  width: calc(100% - 48px);}
.carousel-container::-webkit-scrollbar-track {}
.carousel-container::-webkit-scrollbar-thumb {}
.carousel-container::-webkit-scrollbar-track-piece:start {}
.carousel-slide {  flex: 1 0 100%;  flex-flow: column nowrap;  display: flex;  justify-content: start;  align-items: center;  scroll-snap-align: center;}
#box_weg_inner .btn-prev{position:absolute;left:5%;top:90%;}
#box_weg_inner .btn-next{position:absolute;right:5%;top:90%;}

/* Inspirationen*/

.gallery-items figure.item{position:relative;overflow:hidden;}
.gallery-items figure.item a div.overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--cdarkgreen);opacity:0}
.gallery-items figure.item a div.overlay:hover, .gallery-items figure.item a:focus div.overlay{opacity:0.8;  transition: opacity 0.3s;}
.gallery-items figure.item div.overlay:before{content: '\e611';font-family:'themify';position:absolute;left:calc(50% - 15px);top:calc(50% - 15px);font-size:30px;color:var(--chell);}
.gallery-items figure.item:hover a{scale:1.1; transition: scale 0.3s;}
.gallery-items figure.item a:focus{scale:1.1; transition: scale 0.3s;}



/* Mobiles Menu */
#mobilemenuck-559-mobile-bar{right:0;width:100px;left:auto!important;top:50px;}
.mobilemenuck-bar-title{display:none!important; writing-mode: vertical-lr ;width:48px;position:absolute;top:60px;font-size:28px!important;font-weight:300!important;font-family:'Merriweather'!important;}
.mobilemenuck-bar-button{position:relative!important;}
.mobilemenuck-item a{font-family:'Merriweather'!important;font-weight:300!important;}



@media (min-width: 590px) {
	.introbox .introtext{margin:0 5% -10vw 10%;position:relative;z-index:2;}
	.introbox .introtext .txtinner{padding:35px 30px 20px 30px;}
	.introbox .introtext h1{font-size:1.7rem;}
	#box_wir_inner,#trennbild1_inner, #box_warum_inner, #box_leistungen_inner, #box_inspiration_inner, #box_herzblut_inner, #box_anfrage_wrap, #footer_center_wrap, #footer_bottom_wrap{max-width:540px;margin:auto;}
	#box_kontakt_wrap{max-width:540px;margin:-400px auto auto auto;}
	#trennbild1{margin-bottom:-175px;}
	#trennbild1 img{height: 350px; }
	#box_warum_inner{padding-top:200px}
}

@media (min-width: 620px) {
	.carousel-slide {flex: 1 0 31%; aspect-ratio: 1; }
	#box_weg_inner h4{height:calc((2 * var(--fbodysize)) + 20px);}
	table.tbl_kontakt td{padding-right:20px;}
}

@media (min-width: 640px) {
	button.cf-btn{margin-top:27px!important;}

}

@media (min-width: 768px) {
	.introbox .introtext{margin:0 6% -15vw 12%;}
	.introbox .introtext .txtinner{padding:50px 50px 40px 50px;}
	.introbox .introtext h1{font-size:34px;}
    #footer_center .moduletable{padding:0px;}
    #footer3 ul li{display:inline-block;width:calc(33.3333% - 20px);}
	#box_wir_inner, #trennbild1_inner, #box_warum_inner, #box_leistungen_inner, #box_weg_inner, #box_inspiration_inner, #box_herzblut_inner, #box_kontakt_wrap, #box_anfrage_wrap, #footer_center_wrap, #footer_bottom_wrap{max-width:720px;}
	#trennbild1{margin-bottom:-185px;}
	#trennbild1 img{height: 370px; }
	#box_warum_inner{padding-top:210px}
	.raster{display: grid;  grid-gap: 0; grid-template-columns: 1fr 1fr 1fr; align-items: end;margin:0;}
	.raster .item1{order: 1;position:relative;height:100%}
	.raster .item2{order: 3;}
	.raster .item3{order: 2;}
	.raster .item4{order: 5;position:relative;height:100%}
	.raster .item5{order: 4;}
	.raster .item6{order: 6;}
	.raster .item7{order: 9;position:relative;height:100%}
	.raster .item8{order: 8;}
	.raster .item9{order: 7;}
	.raster .item1 article, .raster .item4 article, .raster .item7 article{height:100%;}
	.raster .item3 article, .raster .item6 article, .raster .item9 article{height: 100%; display: flex;  align-items: end;}
	.raster .video{position:relative;height:100%;}
	.raster .selfhostedvideo video { position: absolute;object-fit: cover; object-position: center; height: 100%; width: 100%;}

	#trennbild2{margin-bottom:-185px;}
	#trennbild2 img{height: 370px; }
	#box_weg_inner{padding-top:210px}
}

@media (min-width: 1000px) {
	.introbox{margin-bottom:180px;}
	.introbox .introtext{position:absolute;width: min(38vw, 540px);left: clamp(40px, 6vw, 140px) !important; right: auto !important; bottom: auto; top: 30%;  margin: 0 !important;}

	#box_wir_inner, #box_warum_inner, #box_leistungen_inner, #box_weg_inner, #box_inspiration_inner, #box_herzblut_inner, #box_kontakt_wrap, #box_anfrage_wrap, #footer_center_wrap, #footer_bottom_wrap{max-width:1130px;}
	#box_wir .col2grid{display: grid;  grid-gap: 0 15%; margin-bottom: 10px; grid-template-columns: 1fr 58%; align-items: start;margin:auto;}
	#box_wir .btn.btn-mit-pfeil{padding-bottom:0px;}
	#box_leistungen div:first-child{order:2;}

	#trennbild1{width:33.3333%;margin-left:0;}
	#box_warum_inner{padding-top:100px}
	#box_warum_inner h2{margin-left:43%;margin-bottom:60px;max-width:600px;}


	#box_leistungen .col2grid{display: grid;  grid-gap: 0 15%; margin-bottom: 10px; grid-template-columns:58% 1fr ; align-items: start;margin:auto;}
	#box_leistungen .btn.btn-mit-pfeil{padding-bottom:0px;}

	.raster > div{height:33.3333vw;}

	#trennbild2{width:33.3333%;margin-right:0;margin-top:-185px;}
	#box_weg_inner{padding-top:100px}

	#box_herzblut .col2grid{display: grid;  grid-gap: 0 15%; margin-bottom: 10px; grid-template-columns: 1fr 58%; align-items: start;margin:auto;}
	#box_herzblut .btn.btn-mit-pfeil{padding-bottom:0px;}

	#footer_center ul li{margin:0 0 0 20px;}

    #footer3 ul li a{padding:0 10px 0 0;}
}



@media (min-width: 1200px) {
	.headergrid { width:100%;}
    #mobilemenuck-559-mobile-bar{right:0;width:60px;left:auto!important;top:180px;}
    .mobilemenuck-bar-title{display:block!important;}

    #menu_top{display:inline-block;z-index:99;clear:both;width:96%;padding:0 2% 10px 2%; position:relative;font-size:18px;font-family: 'Merriweather'; font-style: normal;font-weight: 300; -webkit-transition: all 1s; -moz-transition: all 0.3s; -ms-transition: all 0.3s;-o-transition: all 0.3s; transition: all 0.3s;text-align:center;}
	#menu_top a { display: inline-block;line-height: 15px;color:var(--cblack);}
    #menu_top ul{margin:0;padding:0;list-style-type:none;text-align:center;}
    #menu_top ul li{display:inline-block;line-height:20px;padding:4px 35px 0px 0;}
    #menu_top ul li:last-child{padding-right:0;}
    #menu_top ul li.parent a{display:relative;}
    #menu_top ul li a{line-height:1.2;}


	#box_wir_inner{padding:150px 0;}
	#box_weg_inner .btn-prev{position:absolute;left:2%;top:50%;}
	#box_weg_inner .btn-next{position:absolute;right:2%;top:50%;}
	#box_herzblut_inner{padding:150px 0 60px 0;}

	#box_kontakt {display: grid;  grid-gap: 0 10%; grid-template-columns: 33% 1fr ; align-items: start;}
	#box_kontakt_wrap{width:99%;margin-left:1%;}
	#box_anfrage_wrap{width:100%;max-width:100%;}
	.box_anfrage_inner{margin-right:calc((100vw - 1130px) / 2)}

	#footer_center{width:58%;margin-left:42%;}

	#footer_bottom {display: grid;  grid-gap: 0 15%; margin-bottom: 10px; grid-template-columns: 1fr 58%; align-items: center;margin:auto;}

	.introbox{margin-bottom:0px;}
	.introbox .introtext{bottom: clamp(40px, 6vw, 120px) !important;  top: auto !important;}
	.introbox .introtext .txtinner{padding:56px 52px 48px 52px;}
	.introbox .introtext h1{font-size:38px;}
	.introbox .introtext p{font-size:1rem;letter-spacing: 0.45px;}
}

@media (min-width: 1400px) {
    #menu_top ul li{text-transform:uppercase;}
	.introbox .introtext h1{font-size:42px;}
	#trennbild1{margin-bottom:-200px;}
	#trennbild1 img{height: 400px; }
	#box_warum_inner{padding-top:105px}

	#trennbild2{margin-bottom:-200px;margin-top:-200px;}
	#trennbild2 img{height: 400px; }

	#box_inspiration_inner{padding:180px 0 160px 0;}
	#box_weg_inner{padding-top:105px}
	#box_weg_inner .btn-prev{position:absolute;left:5%;top:50%;}
	#box_weg_inner .btn-next{position:absolute;right:5%;top:50%;}
	#box_kontakt {grid-gap: 0 10.5%; }
	#box_kontakt_wrap .box_kontakt_inner{padding:50px;}


}

@media (min-width: 1500px) {
	#box_kontakt_wrap .box_kontakt_inner{padding:85px;}
	#box_kontakt {grid-gap: 0 11%; }
}

@media (min-width: 1600px) {
	#trennbild1{margin-bottom:-225px;}
	#trennbild1 img{height: 450px; }
	#box_warum_inner{padding-top:115px}
	#box_leistungen_inner{padding:180px 0 160px 0}

	#trennbild2{margin-bottom:-225px;}
	#trennbild2 img{height: 450px; }
	#box_weg_inner{padding-top:115px}
	#box_anfrage_wrap .box_anfrage_inner{padding:90px 0 60px 0}
	#box_kontakt {grid-gap: 0 11.5%; }

}


@media (min-width: 1800px) {
	#trennbild1{margin-bottom:-245px;}
	#trennbild1 img{height: 490px; }
	#box_warum_inner{padding-top:140px;padding-bottom:160px;}
	#box_warum_inner h2{margin-bottom:80px;}
	.raster > div{height:550px;}
	.raster .item3 article, .raster .item6 article, .raster .item9 article{height: auto; display: flex;  align-items: end;height:100%;}

	#trennbild2{margin-bottom:-245px;}
	#trennbild2 img{height: 490px; }
	#box_weg_inner{padding-top:140px}
	#box_kontakt {grid-gap: 0 12%; }
}

@media (min-width: 1900px) {
	#box_kontakt {grid-gap: 0 12.5%; }
}
@media (min-width: 2000px) {
	#box_kontakt {grid-gap: 0 13%; }
}
@media (min-width: 2350px) {
	#box_kontakt {grid-gap: 0 13%; }
}

@media (max-width: 1199px) {
	#logo{padding-top:16px;}
	[data-id="mobilemenuck-559"] .mobilemenuck-bar-button{font-size:42px !important;height:50px!important; width:50px!important;padding-top:6px!important;margin-left:15%!important;background:none!important;color:var(--clightgreen)!important;}
	#mobilemenuck-559-mobile-bar{width:auto;right:7%;}
}

@media (max-width: 820px) {
	#logo img{width:100%;max-width:500px;margin:auto;}

}

@media (max-width: 767px) {
	#logo{width:calc(90% - 100px);margin-left:10%;text-align:left;}
	.raster .colspan { grid-column: 1 / span 2;}
	.raster .colspan .txtinner{padding:140px 5% 20px 5%;}
	#mobilemenuck-559-mobile-bar{right:6%;}

}
@media (max-width: 619px) {
	table.tbl_kontakt td{width:100%;display:block;float:none;}
	#logo{padding-top:20px;}
	[data-id="mobilemenuck-559"] .mobilemenuck-bar-button{margin-left:5%!important;}

}
@media (max-width: 589px) {
	#logo{width:calc(90% - 60px);margin-left:5%;text-align:left;padding-top:24px;}
	#mobilemenuck-559-mobile-bar{right:5%;}
}

#wrapper.kontrast{background-color:#ffffff!important;color:#000000!important;background:none!important;}
#wrapper.kontrast h1,#wrapper.kontrast h2,#wrapper.kontrast h3,#wrapper.kontrast h4, #wrapper.kontrast .h1,#wrapper.kontrast .h2,#wrapper.kontrast .h3,#wrapper.kontrast .h4  {background-color:#ffffff!important;color:#000000!important;background:none!important;}
#wrapper.kontrast a{color:#000000!important;font-weight:400;}
#wrapper.kontrast p a{text-decoration:underline;}
#wrapper.kontrast .itemOverlay{background-color: rgba(255,255,255,0.65);}
#wrapper.kontrast .gruen{color:#000000!important;}
#wrapper.kontrast .footertitle{color:#000000!important;}

#wrapper.groesse{font-size:20px!important;}
#wrapper.groesse h1, #wrapper.groesse h2, #wrapper.groesse h3{text-transform:none!important;}


@media print {
    body{font-family:'Merriweather Sans', 'sans serif'; font-size:12px;font-weight:300;}
    h1{font-size:18px;font-weight:400;margin:0;padding:0;}
    h2{font-size:16px;font-weight:400;margin:0;padding:0;}
    h3{font-size:14px;font-weight:400;margin:0;padding:0;}
    h4{font-size:12px;font-weight:400;margin:0;padding:0;}
    p{margin:0;padding:0 0 4px 0;}
    .share, .jetzt, .contentbox3.noprint{display:none;}
    .printinfo{display:block!important;}
    #header_wrap, #feature_wrap, #featurefull_wrap, #conbot1_wrap,#conbot5_wrap img, #footer_center_wrap, #footer_bottom_wrap, .footer_right, totop, #sidebar_left_top, #conbot3 img{display:none;}
    #conbot5 h2{font-size:14px;}
    #conbot5 h3{font-size:12px;}
    #footer1{font-size:10px;}
    body.favoriten #footer1, body.checkout #footer1, body.breit #footer1, .sortgallerie, div.back, .j2store-product, #sidebar_left_wrap{display:none;}
    #printlabel{display:block;width:90%;margin:auto;}
    button.btn{display:none;}
    .imgprint{max-width:50%;}
}