/*
Theme Name: the7dtchild
Author: Dream-Theme
Author URI: http://dream-theme.com/
Description: The7 is perfectly scalable, performance and SEO optimized, responsive, retina ready multipurpose WordPress theme. It will fit every site – big or small. From huge corporate portals to studio or personal sites – The7 will become a great foundation for your next project!
Version: 1.0.0
License: This WordPress theme is comprised of two parts: (1) The PHP code and integrated HTML are licensed under the GPL license as is WordPress itself.  You will find a copy of the license text in the same directory as this text file. Or you can read it here: http://wordpress.org/about/gpl/ (2) All other parts of the theme including, but not limited to the CSS code, images, and design are licensed according to the license purchased. Read about licensing details here: http://themeforest.net/licenses/regular_extended
Template: dt-the7
*/

:root {
	--hp4u-main-fontweight:400;
	--hp4u-main-fontweight-bold:700;
	--hp4u-main-fontweightlight:300;
	--hp4u-main-fontweight-titles:300;
	--hp4u-main-fontweight-1:300;
	--hp4u-main-fontweight-2:400;
	--hp4u-main-fontweight-3:500;
	--hp4u-main-fontweight-4:600;
	--hp4u-main-fontweight-5:700;
	--hp4u-main-fontweight-6:800;
	--hp4u-letterspacing-default:1px;
	--hp4u-letterspacing-big:2px;
	--hp4u-base-font-family:"Poppins", Helvetica, Arial, Verdana, sans-serif;
	--hp4u-main-maxw:1000px;
	--hp4u-main-accent-color:#FFEB3B;
	--hp4u-main-accent-color-light:#fffbd8;

	--hp4u-main-color-1 :#FFEB3B;/*yellow*/
	--hp4u-main-color-2 :#FAF7EF;/*white*/
	--hp4u-main-color-3 :#212121;/*black*/
	--hp4u-main-color-4 :#757575;/*grey*/

	--hp4u-yellow:var(--hp4u-main-color-1);
	--hp4u-offwhite: var(--hp4u-main-color-2);
	--hp4u-ink: var(--hp4u-main-color-3);
	--hp4u-border: rgba(20,20,20,.18);

	--hp4u-boxes-bg-color:#fff;
	--hp4u-boxes-title-color:#212121;
	--hp4u-boxes-content-color:#212121;
	--hp4u-boxes-textlink-color:#212121;
	--hp4u-boxes-content-padding:25px 0px 30px 0px!important;
	--hp4u-boxes-box-shadow: rgba(0,0,0,0.15) 0px 5px 10px;

	--hp4u-margin-default: 10px;
	--hp4u-margin-default-xs: 8px;
	--hp4u-margin-default-sm: 17px;
	--hp4u-margin-default-sm-dopple: 32px;
	--hp4u-margin-default-sm-tripple: 51px;
	--hp4u-margin-default-sm-tripple-b-vv2:3.188rem;
	--hp4u-margin-default-sm-tripple-vv2: 4rem;
	--hp4u-margin-default-md: 1.5rem;
	--hp4u-margin-default-lg: 2.5rem;

	--hp4u-boxes-content-padding:17px 0 17px 0;
	--hp4u-boxes-content-padding-dopple:30px;
	--hp4u-boxes-content-padding-lg:2vw;
	--hp4u-boxes-content-padding-lg-dd:4vw;
	--hp4u-boxes-content-padding-lg-dd2:10vw;
	--hp4u-default-border-radius:0;
	--hp4u-default-border-radius-forms:3px;
	--hp4u-boxes-box-shadow: rgba(0,0,0,0.15) 0px 5px 10px;
	--hp4u-boxes-content-border:0px;

	--hp4u-iconsize-mobil:40px;
	--hp4u-iconsfontize-mobil:20px;

	--hp4u-acces-minheight:42px;

	--hp4u-boxes-align=left;
	--hp4u-boxes-bg-color:#FAF7EF;
	--hp4u-boxes-title-color:var(--hp4u-ink);
	--hp4u-boxes-content-color:var(--hp4u-ink);
	--hp4u-boxes-textlink-color:var(--hp4u-ink);

	--hp4u-boxes-box-shadow: rgba(0,0,0,0.15) 0px 5px 10px;
	--hp4u-boxes-content-border:0px;
	--hp4u-boxes-hover-color:rgba(0,0,0,0.7);
	--hp4u-boxes-hover-icon-color:#ffffff;
	--hp4u-boxes-hover-icon-bg-color:transparent;

	--hp4u-boxes-bg-color-animated-icon:#4d4d4d;
	--hp4u-boxes-title-color-animated-icon:#ffffff;
	--hp4u-boxes-content-color-animated-icon:#ffffff;
	--hp4u-boxes-textlink-color-animated-icon:#ffffff;

	--hp4u-boxes-hover-icon-color-animated-icon:var(--hp4u-main-color-3);
	--hp4u-boxes-hover-icon-bg-color-animated-icon:transparent;

	--hp4u-vc_icon_element-size-bg-xs:2.5rem;
	--hp4u-vc_icon_element-size-xs:1.2rem;
	--hp4u-vc_icon_element-size-bg-sm:3.15rem;
	--hp4u-vc_icon_element-size-sm:1.6rem;
	--hp4u-vc_icon_element-size-bg-md:4rem;
	--hp4u-vc_icon_element-size-md:2.15rem;
	--hp4u-vc_icon_element-size-bg-lg:5rem;
	--hp4u-vc_icon_element-size-lg:2.85rem;
	--hp4u-vc_icon_element-size-bg-xl:7.15rem;
	--hp4u-vc_icon_element-size-xl:5rem;
	--hp4u-animated-icon-box-icon-font-size:4.5rem;
	--hp4u-animated-icon-box-icon-bg-size:6.5rem;

	--hp4u-default-border-radius:25px;
	--hp4u-margin-default-wpb:35px;
	--hp4u-paw-icon-url: url("https://www.hundherum.de/wp-content/uploads/2026/01/paw-solid.svg");
	--hp4u-paw-icon-url-xl:url("https://www.hundherum.de/wp-content/uploads/2026/01/paw-solid_xl_offwhite.svg");
	   --hp4u-section-pad: clamp(2.25rem, 4.5vw, 4rem);
  --hp4u-section-pad-tight: clamp(1.5rem, 3vw, 2.5rem);
  --hp4u-section-pad-hero: clamp(3.5rem, 7vw, 6rem); 
	
  --hp4u-section-pad-y: var(--hp4u-section-pad);   /* ~72px → 120px */
  --hp4u-section-pad-y-sm:var( --hp4u-section-pad-tight);    /* ~48px → 80px  */

  --hp4u-section-head-gap: clamp(1.25rem, 2vw, 2rem);
}
.action-arrow{color:var(--hp4u-ink)!important;}
.padtopbot80 {padding-top:80px!important; padding-bottom:80px!important;}
.padtop80 {padding-top:80px!important;}
.padbot80 {padding-bottom:80px!important;}

.padtopbot50 {padding-top:50px!important; padding-bottom:50px!important;}
.padtop50 {padding-top:50px!important;}
.padbot50 {padding-bottom:50px!important;}

.padtopbot100 {padding-top:100px!important; padding-bottom:100px!important;}
.padtop100{padding-top:100px!important;}
.padbot100 {padding-bottom:100px!important;}

@media screen and (max-width: 990px) {
	.padtopbot80 {padding-top:35px!important; padding-bottom:35px!important;}
	.padtop80 {padding-top:35px!important;}
	.padbot80 {padding-bottom:35px!important;}

	.padtopbot100 {padding-top:50px!important; padding-bottom:50px!important;}
	.padtop100 {padding-top:50px!important;}
	.padbot100 {padding-bottom:50px!important;}

	.padtopbot50 {padding-top:35px!important; padding-bottom:35px!important;}
	.padtop50 {padding-top:35px!important;}
	.padbot50 {padding-bottom:35px!important;}
}

.ph-wrap .l-to-r-line > li > a i.underline {
	background-color: var(--hp4u-main-color-3);
}

.centered_section{text-align:center!important;}

.branding a img, .branding img {
	max-width: 100%;
	height: auto;
	width: 150px;
}

ul#primary-menu{margin-top: 45px;}

.branding a.sticky-logo img {
	max-width: 100%;
	height: auto;
	width: 100px;
}
.mobile-header-bar .mobile-branding img {
    max-width: 100%;
    height: auto;
    width: 90px;
}
#mCSB_1 .branding {display:none!important;}

.hp4u-main-maxw{max-width:var(--hp4u-main-maxw); margin-left:auto; margin-right:auto;}

.maxw01, #text-2{width:min(100%,calc(90vw-0px*2)); max-width:1400px;}

.cta-hero{display: block;margin-bottom:var(--hp4u-margin-default-sm);}
.hero-linemar{margin-top:var(--hp4u-margin-default-sm-dopple);}
.cta-hero a{padding-left:var(--hp4u-margin-default-sm); padding-right:var(--hp4u-margin-default-sm);}
.cta-hero-2{background-color:var(--hp4u-main-color-3); color:var(--hp4u-main-color-1);}
.cta-hero-2:hover{color:var(--hp4u-main-color-2);}
.cta-hero-1{background-color:var(--hp4u-main-color-3); color:var(--hp4u-main-color-2);}
.cta-hero-1:hover{color:var(--hp4u-main-color-1);}

/*COLORS*/
.bg-color-1{background-color:var(--hp4u-main-color-1);}
.bg-color-2{background-color:var(--hp4u-main-color-2);}
.bg-color-3{background-color:var(--hp4u-main-color-3);}
.bg-color-4{background-color:var(--hp4u-main-color-4);}
.bg-color-5{background-color: #FFFFFF7A !important;}

/*TYPO*/
b, strong {
	font-weight: var(--hp4u-main-fontweight-bold)!important;
}

/* Fluid type scale: 320px (20rem) → 1440px (90rem) */
:root{
	/* 12 → 14 */
	--hp4u-step--2: clamp(12px, calc(11.43px + 0.18vw), 14px);
	/* 14 → 16 */
	--hp4u-step--1: clamp(14px, calc(13.43px + 0.18vw), 16px);
	/* 16 → 19 */
	--hp4u-step-0:  clamp(16px, calc(15.14px + 0.27vw), 19px);
	/* 18 → 22 */
	--hp4u-step-1:  clamp(18px, calc(16.86px + 0.36vw), 22px);
	/* 20 → 26 */
	--hp4u-step-2:  clamp(20px, calc(18.29px + 0.54vw), 26px);
	/* 24 → 32 */
	--hp4u-step-3:  clamp(24px, calc(21.71px + 0.71vw), 32px);
	/* 30 → 40 */
	--hp4u-step-4:  clamp(30px, calc(27.14px + 0.89vw), 40px);
	/* 38 → 52 */
	--hp4u-step-5:  clamp(38px, calc(34.00px + 1.25vw), 52px);
	/* 48 → 68 */
	--hp4u-step-6:  clamp(48px, calc(42.29px + 1.79vw), 68px);
	/* optional hero display: 52 → 80 */
	--hp4u-step-7:  clamp(52px, calc(44.00px + 2.50vw), 80px);

	/* line heights */
	--hp4u-lh-body: 1.55;
	--hp4u-lh-small: 1.45;
	--hp4u-lh-h6: 1.25;
	--hp4u-lh-h5: 1.22;
	--hp4u-lh-h4: 1.18;
	--hp4u-lh-h3: 1.14;
	--hp4u-lh-h2: 1.10;
	--hp4u-lh-h1: 1.02;

	--hp4u-track-tight: -0.03em;
	--hp4u-track-normal: -0.01em;
}

body, body.page, .icon-with-text-shortcode .dt-text-desc{
	font-family: "Poppins", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
	font-size: var(--hp4u-step-0);
	line-height: var(--hp4u-lh-body);
}

h6{ font-size: var(--hp4u-step-1); line-height: var(--hp4u-lh-h6); letter-spacing: var(--hp4u-track-normal); }
h5{ font-size: var(--hp4u-step-2); line-height: var(--hp4u-lh-h5); letter-spacing: var(--hp4u-track-normal); }
h4{ font-size: var(--hp4u-step-3); line-height: var(--hp4u-lh-h4); letter-spacing: var(--hp4u-track-normal); }
h3{ font-size: var(--hp4u-step-4); line-height: var(--hp4u-lh-h3); letter-spacing: var(--hp4u-track-tight); }
h2{ font-size: var(--hp4u-step-5); line-height: var(--hp4u-lh-h2); letter-spacing: var(--hp4u-track-tight); }
h1{ font-size: var(--hp4u-step-6); line-height: var(--hp4u-lh-h1); letter-spacing: var(--hp4u-track-tight); }
#bottom-bar{font-size: var(--hp4u-step--2)!important;
	line-height: var(--hp4u-lh-small)!important;}
.widget_block{font-size: var(--hp4u-step--1)!important;
	line-height: var(--hp4u-lh-body)!important;}
.wp-block-heading{ font-size: var(--hp4u-step-2)!important; line-height: var(--hp4u-lh-h5)!important; letter-spacing: var(--hp4u-track-normal)!important; }
.hp4u-intro-section h1 {
	font-size: clamp(3rem, 8vw, 5rem);
	font-size: clamp(1.417rem, 0.5rem + 9.2vw, 6rem) !important;
	line-height: 110%;
}
.hp4u-element__heading, .hp4u-element__heading p, .hp4u-element__heading h3, .hp4u-element__heading h2 {
font-size: var(--hp4u-step-2)!important; line-height: var(--hp4u-lh-h4)!important; letter-spacing: var(--hp4u-track-normal)!important;
}
.page-title h1, .page-title h1 *, .page-title h1 a:hover, #page .page-title .entry-title {
  margin: 0!important;
  font-size: var(--hp4u-step-3)!important;
  line-height: 1.15!important;
  letter-spacing: var(--hp4u-track-tight)!important;
	color: var(--hp4u-ink)!important;
}
.sizeh2 {
	font-size: clamp(1.563rem, 2rem + 1.6vw, 42px);
	font-size: clamp(1.167rem, 0.417rem + 3.6vw, 44px) !important;
	line-height: 120%;
}

.font-w-500 h2, .font-w-500 h3{font-weight:var(--hp4u-main-fontweight-titles)!important;}

.footer .widget-title{
	font-size: clamp(3rem, 8vw, 5rem);
	line-height:110%;
}

.xl-font, #text-2, #text-3 {
	font-size: clamp(1.563rem,2.5vw, 56px);
	line-height: 140%;
	font-weight:var(--hp4u-main-fontweightlight);
}

.white_text, .white_text p, .white_text li, .white_text h1, .white_text h2, .white_text h3, .white_text h4, .white_text a {color:#fff!important;}
.textlight p{font-weight:var(--hp4u-main-fontweightlight);}

.hp4u-text-with-bg{display:inline-block;background-color:var(--hp4u-main-color-1);padding: .5rem;}

@media screen and (max-width: 778px) {
    .page-title.page-title-responsive-enabled .wf-wrap {
        -ms-flex-flow: column wrap;
        flex-flow: column wrap;
        -ms-align-items: center;
        -ms-flex-align: center;
        align-items: flex-start!important;
        -ms-flex-pack: start!important;
        -ms-justify-content: start!important;
        justify-content: flex-start!important;
        text-align: left!important;
        min-height: 0px;
    }
}
/* =========================
   HERO PAW BACKGROUND
   ========================= */

.hp4u-paw-bg-1{
	position: relative;
}

.hp4u-paw-bg-1 > *{
	position: relative;
	z-index: 1;
}

.hp4u-paw-bg-1::before{
	content: "";
	position: absolute;
	inset: 0;
	display: block;
	pointer-events: none;
	z-index: 0;

	background-image: var(--hp4u-paw-icon-url-xl);
	background-repeat: no-repeat;

	background-position: left 20vmin top 6vmin;
	background-size: clamp(420px, 55vmin, 900px);
	opacity: 0.30;

	transform: rotate(-14deg) translate(-1vmin, 1vmin);
	transform-origin: 20% 45%;
}





.hp4u-intro-section p{
	max-width: 65ch;
	margin-left: auto;
	margin-right: auto;
}


/* =========================
   INTRO
   ========================= */

.hp4u-intro{
	padding: clamp(2.5rem, 5vw, 4rem) 1rem;
}

.hp4u-intro__inner{
	max-width: 70ch;
	margin: 0 auto 0 0; 
}

.hp4u-intro.hp4u-intro--center .hp4u-intro__inner{
	margin: 0 auto;
}

.hp4u-intro__title{
	letter-spacing: -0.02em;
	margin: 0 0 1rem;
}

.hp4u-intro__text{
	font-size: var(--hp4u-step-0);
	line-height: var(--hp4u-lh-body);
	margin: 0 0 .85rem;
	color: rgba(20,20,20,.86);
}

.hp4u-intro__highlight{
	display: inline-block;
	margin: 1.25rem 0 0;
	padding: .55rem .8rem;
	background: #FFEB3B;
	color: #141414;
	font-weight: var(--hp4u-main-fontweight-2);

	border-radius: 00px;
}

.hp4u-intro__highlight span{
	font-weight: var(--hp4u-main-fontweight-6);
}


.hp4u-iconwrapper-slogan {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-around;
	align-items: center;
}

.hp4u-iconwrapper-large{
	width:100%;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-end;
}


/* =========================
   HERO
   ========================= */

.hp4u-hero{
	color: var(--hp4u-ink);
	position: relative;
	overflow: clip;
	padding-left: clamp(2rem, 4vw, 4rem) 1rem;
	padding-right: clamp(2rem, 4vw, 4rem) 1rem;
	padding-top:var(--hp4u-section-pad-y);
	padding-bottom:var(--hp4u-section-pad-y);
}

.hp4u-hero__inner{
	max-width: 1100px;
	margin: 0 auto;
	padding: clamp(1.25rem, 3vw, 2.5rem);
}

.hp4u-hero__title{
	font-size: var(--hp4u-step-7);     /* 52 → 80 */
	line-height: 1.02;
	letter-spacing: -0.03em;
	margin: .25rem 0 .75rem;
	font-weight: var(--hp4u-main-fontweight-6);
	
}

.hp4u-hero__kicker{
	font-size: var(--hp4u-step--1);
	line-height: var(--hp4u-lh-small);
	letter-spacing: 0.02em;
	text-transform: none;
	opacity: .9;
}

.hp4u-hero__lead{
	font-size: var(--hp4u-step-1);
	line-height: 1.45;
	max-width: 58ch;
}

.hp4u-hero__proof{
	display: flex;
	gap: .5rem;
	flex-wrap: wrap;
	margin: 1rem 0 0 0!important;
	padding: 0;
	list-style: none!important;
}

.hp4u-hero__proof li{
	padding: .35rem .7rem;
	background: #fff;
}

.hp4u-hero__graphic{
	position: absolute;
	inset: 0;
	pointer-events: none;
	opacity: .12;
}

.hp4u-hero__actions{
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;

}
.hp4u-hero__actions{padding-top:var(--hp4u-section-head-gap);padding-bottom:var(--hp4u-section-head-gap);}
/* Buttons */
.hp4u-btn{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: .5rem;

	padding: .85rem 1.1rem;
	border-radius: 999px;
	font-weight: var(--hp4u-main-fontweight-6);

	letter-spacing: .02em;
	text-decoration: none;
	line-height: 1;
	transition: transform .12s ease, background-color .12s ease, color .12s ease, border-color .12s ease;
}

.hp4u-btn:focus-visible{
	outline: 3px solid var(--hp4u-ink);
	outline-offset: 3px;
}

.hp4u-btn--primary{
	background: var(--hp4u-ink);
	color: var(--hp4u-yellow);
	border: 2px solid var(--hp4u-ink);
}

.hp4u-btn--primary:hover{
	transform: translateY(-1px);
}

.hp4u-btn--ghost{
	background: transparent;
	color: var(--hp4u-ink);
	border: 2px solid var(--hp4u-ink);
}

.hp4u-btn--ghost:hover{
	transform: translateY(-1px);
	color:var(--hp4u-ink);
}

/* Chips (proof) */
.hp4u-hero-chips{
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-wrap: wrap;
	gap: .6rem;
}

.hp4u-chip{
	background: rgba(250,247,239,.92);
	border: 0px solid rgba(20,20,20,.18);
	padding: .55rem .9rem;
	border-radius: 0;
	color: var(--hp4u-ink);
}


/* =========================
   VALUES (BASE)
   ========================= */

.hp4u-values{
	background: var(--hp4u-offwhite);
	padding: clamp(2.5rem, 5vw, 4rem) 1rem;
}

.hp4u-values__inner{
	max-width: 1200px;
	margin: 0 auto;
}

.hp4u-values__title{
	margin: 0;
	color: var(--hp4u-ink);
}

.hp4u-values__lead{
	margin: .75rem 0 2rem;
	color: rgba(20,20,20,.82);
}

.hp4u-values__grid{
	list-style: none!important;
	padding: 0;
	margin: 0!important;

	display: grid;
	grid-template-columns: repeat(12, 1fr);
	gap: clamp(1rem, 2vw, 1.25rem);
	grid-auto-flow: row;
	align-items: start;
}

.hp4u-values__item{
	background: transparent;
	margin: 0;
	padding: 0;
}

/* Asym placement:
   A = top-left
   B = right but lower than A
   C = bottom left-ish
*/
.hp4u-values__item--a{
	grid-column:1 / span 7;
	grid-row: 1;
	margin-top: clamp(.85rem, 2.5vw, 2rem);
}

.hp4u-values__item--b{
	grid-column: 7 / span 7;
	grid-row: 2;
	margin-top: clamp(.75rem, 2vw, 1.5rem);
}

.hp4u-values__item--c{
	grid-column: 2 / span 7;
	grid-row: 3;
	margin-top: clamp(.75rem, 2vw, 1.5rem);
}

/* Card */
.hp4u-value{
}

.hp4u-value__head {
	display: flex;
	flex-direction: column;
	align-content: space-around;
	align-items: center;
}

.hp4u-value__icon{
	width: 44px;
	height: 44px;
	margin-bottom: .75rem;
	margin-right:10%;
	display:block;
	background: var(--hp4u-main-color-1);

	-webkit-mask: var(--hp4u-paw-icon-url-xl) center / contain no-repeat;
	mask: var(--hp4u-paw-icon-url-xl) center / contain no-repeat;
}

.hp4u-values__item--a .hp4u-value__icon{ transform: rotate(-8deg) translateY(2px); }
.hp4u-values__item--b .hp4u-value__icon{ transform: rotate(6deg) translateY(2px); }
.hp4u-values__item--c .hp4u-value__icon{ transform: rotate(-4deg) translateY(2px); }

.hp4u-value__iconXL{
	margin-right:0;
	width: 100px;
	height: 100px;
	transform: rotate(6deg) translateY(2px);
}

.hp4u-value__title{
	margin: 0 0 .5rem;
	color: var(--hp4u-ink);
}

.hp4u-value__text{
	margin: 0;
}


@media (max-width: 900px){
	.hp4u-values__grid{
		grid-template-columns: 1fr;
	}
	.hp4u-values__item--a,
	.hp4u-values__item--b,
	.hp4u-values__item--c{
		grid-column: auto;
		grid-row: auto;
		margin-top: 0;
	}
}


/* =========================================================
   ========================================================= */

.hp4u-section-bridge{
	display: grid;
	grid-template-columns: 1fr auto 1fr;
	align-items: center;
	gap: .9rem;

	max-width: 1200px;
	margin: 0 auto;
	padding: clamp(.75rem, 2vw, 1.25rem) 1rem;
}

.hp4u-section-bridge__line{
	height: 1px;
	background: rgba(20,20,20,.18);
	display: block;
}

.hp4u-section-bridge__paw{
	width: 28px;
	height: 28px;
	display: block;
	background: var(--hp4u-main-color-1);

	-webkit-mask: var(--hp4u-paw-icon-url) center / contain no-repeat;
	mask: var(--hp4u-paw-icon-url) center / contain no-repeat;

	opacity: .95;
	transform: rotate(-10deg);
}


.hp4u-intro.hp4u-intro--center{
	padding-bottom: clamp(2rem, 4vw, 3rem);
}

.hp4u-values .hp4u-values__item--b{
	grid-row: 3; 
	margin-top: clamp(1.25rem, 3vw, 2.75rem);
}
.hp4u-values .hp4u-values__item--c{
	grid-row: 5;
	margin-top: clamp(1rem, 2.5vw, 2.25rem);
}

.hp4u-values .hp4u-value__head{
	display: grid;
	grid-template-columns	controllerColumns: auto 1fr;
	grid-template-columns: auto 1fr;
	align-items: center;
	column-gap: .75rem;
	flex-direction: unset;
	align-content: unset;
	align-items: unset;
	justify-content: unset;
}

.hp4u-values .hp4u-value__icon{
	width: 42px;
	height: 42px;
	margin: 0;         
	margin-right: 0;   
	background: var(--hp4u-main-color-1);

	-webkit-mask: var(--hp4u-paw-icon-url) center / contain no-repeat;
	mask: var(--hp4u-paw-icon-url) center / contain no-repeat;
}


.hp4u-values__item--a .hp4u-value__icon{ transform: rotate(-10deg) translateY(1px); }
.hp4u-values__item--b .hp4u-value__icon{ transform: rotate(8deg) translateY(1px); }
.hp4u-values__item--c .hp4u-value__icon{ transform: rotate(-6deg) translateY(1px); }

.hp4u-values .hp4u-value__text{
	max-width: 48ch;
	color: rgba(20,20,20,.82);
}


@media (max-width: 900px){
	.hp4u-section-bridge{
		max-width: 70ch;
	}
}


/* =========================
   INTRO highlight
   ========================= */

.hp4u-intro__highlight{
  position: relative;
  display: inline-block;

  margin: 1.25rem 0 0;
  padding: .1rem 0 .1rem 1rem; 

  background: transparent;
  color: rgba(20,20,20,.92);

  font-size: var(--hp4u-step-0);
  line-height: 1.4;

  border-radius: 0;
  border: 0;
}
.hp4u-values__lead.hp4u-intro__highlight{margin:0 0 1.25rem 0;}
/* left bar */
.hp4u-intro__highlight::before{
  content: "";
  position: absolute;
  left: 0;
  top: .2em;
  bottom: .2em;
  width: 4px;

  background: var(--hp4u-yellow);
  border-radius: 999px;
}


.hp4u-intro__highlight::after{

}

.hp4u-intro__highlight span{
  font-weight: var(--hp4u-main-fontweight-5);

  color: var(--hp4u-ink);
}


.hp4u-subintro h2{
  margin-bottom: .55rem;
}

.hp4u-subintro .hp4u-subintro__badge{
  margin: 0 0 .85rem 0;  
  max-width: 70ch;
}


.hp4u-subintro .hp4u-intro__highlight::after{
  content: none;
}

.hp4u-subintro .hp4u-subintro__badge{
  font-size: var(--hp4u-step--1);
  color: rgba(20,20,20,.86);
}

@media (max-width: 600px){
  .hp4u-intro__highlight{
    padding-left: .9rem;
    font-size: var(--hp4u-step--1);
  }
  .hp4u-intro__highlight::before{
    width: 3px;
  }
}

/* =========================
   Values: (kicker)
   ========================= */

.hp4u-values .hp4u-value__meta{
  min-width: 0;
}

.hp4u-values .hp4u-value__kicker{
  margin: 0 0 .15rem 0;
  padding: 0;

  font-size: var(--hp4u-step--2);
  line-height: 1.2;

  letter-spacing: .08em;
  text-transform: uppercase;

  color: rgba(20,20,20,.62);
  font-weight: var(--hp4u-main-fontweight-3);
	
	
}


.hp4u-values .hp4u-value__title{
  margin-top: 0;
}


@media (max-width: 480px){
  .hp4u-values .hp4u-value__kicker{
    letter-spacing: .06em;
  }
}

/* =========================
   VALUES
   ========================= */


.hp4u-values .hp4u-value__head{
  display: grid;
  grid-template-columns: 44px 1fr;  
  column-gap: .55rem;
  align-items: start;
  justify-items: start;
}


.hp4u-values .hp4u-value__icon{
  margin: .05em 0 0 0;            
  justify-self: start;
  align-self: start;
}


.hp4u-values .hp4u-value__meta{
  display: grid;
  row-gap: .15rem;
}


.hp4u-values .hp4u-value__kicker{
  margin: 0;
  line-height: 1.1;
}


.hp4u-values .hp4u-value__title{
  margin: 0;
}




.hp4u-padtopbot{
  padding-top: var(--hp4u-section-pad-y)!important;
  padding-bottom: var(--hp4u-section-pad-y)!important;
}
.hp4u-padbot{ padding-bottom: var(--hp4u-section-pad-y)!important;}
.hp4u-padtop{ padding-top: var(--hp4u-section-pad-y)!important;}

.hp4u-intro__title,
.hp4u-values__title, .hp4u-general__title{
  margin-bottom: var(--hp4u-section-head-gap)!important;
}



.hp4u-hero, .hp4u-hero-pad{
  padding-top: var(--hp4u-section-pad-hero)!important;
  padding-bottom: var(--hp4u-section-pad-hero)!important;
}
.hp4u-hero-pad-top{  padding-top: var(--hp4u-section-pad-hero)!important;}
.hp4u-hero-pad-bot{  padding-bottom: var(--hp4u-section-pad-hero)!important;}
.hp4u-intro,
.hp4u-values{
  padding-top: var(--hp4u-section-pad)!important;
  padding-bottom: var(--hp4u-section-pad)!important;
}


.hp4u-services,
.hp4u-service,
.hp4u-service-section{
  padding-top: var(--hp4u-section-pad)!important;
  padding-bottom: var(--hp4u-section-pad)!important;
}


.hp4u-intro{
  padding-bottom: var(--hp4u-section-pad-tight)!important;
}

.hp4u-values{
  padding-top: var(--hp4u-section-pad-tight)!important;
}

.hp4u-values{
  padding-bottom: var(--hp4u-section-pad-tight)!important;
}

.hp4u-sections,
.hp4u-services,
.hp4u-service,
.hp4u-service-section{
  padding-top: var(--hp4u-section-pad-tight)!important;
}
#footer .wf-container-footer{  padding-top: var(--hp4u-section-pad)!important;
  padding-bottom: var(--hp4u-section-pad-tight)!important;}
.hp4u-intro__title,
.hp4u-values__title{
  margin-top: 0;
}

.hp4u-sections .hp4u-section-bridge, .hp4u-services .hp4u-section-bridge{padding-top:0!important;}

@media (max-width: 600px){
  :root{
    --hp4u-section-pad: clamp(1.75rem, 6vw, 2.75rem);
    --hp4u-section-pad-tight: clamp(1.25rem, 4.5vw, 2rem);
  }
}

.hp4u-nounderline{text-decoration:none!important;}
.hp4u-bottomlink{display:block; margin-bottom:10px;}

/* =========================
   Kontakt section
   ========================= */

.hp4u-contact{
  padding: var(--hp4u-section-pad, clamp(2.25rem, 4.5vw, 4rem)) 1rem;
  position: relative;
}




.hp4u-contact__inner{
  max-width: 1200px;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}

.hp4u-contact__head{
  margin-bottom: clamp(1.25rem, 2.5vw, 2rem);
}

.hp4u-contact__title{
  margin: 0 0 .5rem;
  color: var(--hp4u-ink);
}

.hp4u-contact__lead{
  margin: 0;
  color: rgba(20,20,20,.85);
  max-width: 70ch;
}


.hp4u-contact__grid{
  display: grid;
  grid-template-columns: 1.05fr .95fr;
    column-gap: clamp(2rem, 5vw, 5rem);
  row-gap: clamp(.5rem, 1.1vw, .9rem);
  align-items: start;
}


.hp4u-contact__footer{
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: 1.05fr .95fr;
    column-gap: clamp(2rem, 5vw, 5rem);
  row-gap: clamp(.5rem, 1.1vw, .9rem);
  align-items: end;              
  margin-top: clamp(.75rem, 1.75vw, 1.5rem);
}

.hp4u-contact__kicker{
  margin: 0 0 .85rem;
  font-size: var(--hp4u-step--1);
  letter-spacing: .08em;
  text-transform: uppercase;
  color: rgba(20,20,20,.72);
}

.hp4u-contact__org{
  margin: 0 0 1rem;
}


.hp4u-contact__list{
  list-style: none;
  padding: 0;
  margin: 0 0 1rem !important;
  display: grid;
  gap: .85rem;
}

.hp4u-contact__item{
  display: grid;
  grid-template-columns: 2.25rem 1fr;
  gap: .85rem;
  align-items: center;
}


.hp4u-contact__label{
  font-size: 0;
  line-height: 0;
  width: 2.25rem;
  height: 2.25rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: rgba(20,20,20,.90);
}

.hp4u-contact__label::before{
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 1.05rem;
  line-height: 1;
  display: block;
}

.hp4u-contact__item--phone .hp4u-contact__label::before{ content: "\f095"; }
.hp4u-contact__item--mail  .hp4u-contact__label::before{ content: "\f0e0"; }

.hp4u-contact__link{
  color: var(--hp4u-ink);
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: .2em;
  font-weight: var(--hp4u-main-fontweight-5);

}

.hp4u-contact__link:hover,
.hp4u-contact__link:focus-visible{
  text-decoration-thickness: 3px;
}

.hp4u-contact__note{
  margin: 0;
  color: rgba(20,20,20,.86);
}


.hp4u-contact__actions{
  display: flex;
  flex-wrap: wrap;
  gap: .75rem;
}

.hp4u-contact__btn{
  padding: .75rem 1rem;
}


.hp4u-hours{
  margin: 0;
}

.hp4u-hours__row{
  display: grid;
  grid-template-columns: minmax(14ch, 20ch) 1fr;
  column-gap: clamp(1rem, 2vw, 1.75rem);
  align-items: baseline;
  padding: .75rem 0;
}

.hp4u-hours__day{
  font-weight: var(--hp4u-main-fontweight-5);

  color: rgba(20,20,20,.88);
  white-space: nowrap;
}

.hp4u-hours__time{
  margin: 0;
  color: rgba(20,20,20,.86);
  justify-self: end;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}

.hp4u-hours__sep{
  opacity: .55;
  padding: 0 .35rem;
}


.hp4u-contact__notice{
  display: grid;
  grid-template-columns: 4px 1fr;
  gap: .75rem;
  align-items: start;
}

.hp4u-contact__noticebar{
  width: 4px;
  height: 100%;
  border-radius: 999px;
  background: rgba(20,20,20,.30);
}

.hp4u-contact__noticeText{
  margin: 0;
  color: rgba(20,20,20,.90);
}

/* Responsive */
@media (max-width: 900px){
		.hp4u-hours__row {
        row-gap: .2rem;
    }
  .hp4u-contact__grid{
    grid-template-columns: 1fr;
	  gap:3rem;
  }
	.hp4u-contact__kicker {
    margin: 0 0 .5rem;
	}
.hp4u-hours__row
 {
    padding: .5rem 0;
}
  .hp4u-contact__footer{
    grid-template-columns: 1fr;
    gap: 1rem;
    margin-top: 0rem;
    align-items: start;
  }

  .hp4u-hours__row{
    grid-template-columns: 1fr;
    row-gap: .35rem;
  }

  .hp4u-hours__time{
    justify-self: start;
    white-space: normal;
  }
}

@media (max-width: 520px){
  .hp4u-contact::before{
    background-size: clamp(260px, 55vmin, 420px);
    background-position: right -10vmin top 4vmin;
    opacity: .08;
  }
}


.page-kontakt .hp4u-contact__head,
.hp4u-contact__head{
  position: relative;
  background: transparent; 
  padding: 0;              
  margin-bottom: clamp(1.25rem, 2.5vw, 2rem);
}


.page-kontakt .hp4u-contact__head::after,
.hp4u-contact__head::after{
  content: "";
  position: absolute;
  right: -3vmin;
  top: -1.5vmin;
  width: clamp(220px, 26vmin, 380px);
  height: clamp(220px, 26vmin, 380px);
  pointer-events: none;
  opacity: .10;
  background: var(--hp4u-ink); 
  -webkit-mask: var(--hp4u-paw-icon-url-xl) center / contain no-repeat;
          mask: var(--hp4u-paw-icon-url-xl) center / contain no-repeat;
  transform: rotate(10deg);
}


.page-kontakt .hp4u-contact__title,
.hp4u-contact__title{
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 0 .35rem;
  color: var(--hp4u-ink);
}


.page-kontakt .hp4u-contact__title,
.hp4u-contact__title{
  position: relative;
  display: inline-block;
  padding-left: .8rem; 
}



.page-title h1::after,
.page-title h1::after{
  content: "";
  display: block;
  width: clamp(5.5rem, 14vw, 9.5rem); 
  height: 6px;                        
  margin-top: .65rem;                
  background: var(--hp4u-yellow);

}


.page-kontakt .hp4u-contact__lead,
.hp4u-contact__lead{
  margin: 0;
  max-width: 70ch;
  color: rgba(20,20,20,.80);
}


@media (max-width: 700px){
  .hp4u-contact__head::after{
    opacity: .07;
    right: -6vmin;
    top: -4vmin;
  }
}
.hp4u-btn--primary:hover{color:var(--hp4u-yellow, #F3E63A);}
/* =========================
   Map band (hp4u)
   ========================= */

.hp4u-kartesection{
  background: var(--hp4u-yellow, #F3E63A);
  padding: clamp(2.5rem, 5vw, 5rem) 1rem;
}

.hp4u-kartesection__inner{
  max-width: 1200px;
  margin: 0 auto;
}


.hp4u-kartesection__grid{
  display: grid;
  grid-template-columns: 1fr 2fr; /* 1/3 + 2/3 */
  gap: clamp(1.25rem, 4vw, 4rem);
  align-items: center;
}

/* Left */
.hp4u-kartesection__cta{
  justify-self: start;
  max-width: 34ch;
}

.hp4u-kartesection__title{
  margin: 0 0 .5rem;
  font-size: var(--hp4u-step-2, 1.5rem);
  letter-spacing: .02em;
}

.hp4u-kartesection__lead{
  margin: 0 0 1rem;
  color: rgba(20,20,20,.85);
}

.hp4u-kartesection__actions{
  display: flex;
  flex-wrap: wrap;
  gap: .75rem;
}

.hp4u-kartesection__btn{
  white-space: nowrap;
}

.hp4u-kartesection__map{
  margin: 0;
  justify-self: end;  
   width: min(980px, 100%);
}

.hp4u-kartesection__img{
  display: block;
  width: 100%;
  height: auto;
  image-rendering: auto;
}

@media (max-width: 900px){
  .hp4u-kartesection__grid{
    grid-template-columns: 1fr;
    align-items: start;
  }
  .hp4u-kartesection__cta{
    max-width: 60ch;
  }
  .hp4u-kartesection__map{
    justify-self: start;      
    width: min(820px, 100%);
  }
	.hp4u-kartesection__cta{padding-bottom:3rem;}
}

/* =========================
   HP4U Subpages
   ========================= */
.hp4u-subintro{
  background: var(--hp4u-offwhite);
  padding: var(--hp4u-section-pad-hero) 1rem var(--hp4u-section-pad-hero);
}

.hp4u-subintro__inner{
  max-width: 1200px;
  margin: 0 auto;
}

.hp4u-subintro__kicker{
  margin: 0 0 .5rem;
  font-size: var(--hp4u-step--2);
  line-height: 1.2;
  letter-spacing: .10em;
  text-transform: uppercase;
  color: rgba(20,20,20,.62);
  font-weight: var(--hp4u-main-fontweight-3);

}

.hp4u-subintro__title{
  margin: 0 0 .75rem;
  max-width: 18ch; 
}

.hp4u-subintro__lead{
  margin: 0 0 1rem;
  max-width: 65ch;
  color: rgba(20,20,20,.84);
}

.hp4u-chiplist{
  list-style: none!important;
  padding: 0;
  margin: 0 0 1.25rem !important;
  display: flex;
  flex-wrap: wrap;
  gap: .6rem;
}

.hp4u-chiplist .hp4u-chip{
  background: rgba(255,255,255,.75);
  border: 0px solid var(--hp4u-border);
  padding: .55rem .8rem;
}

.hp4u-subintro__actions{
  display: flex;
  flex-wrap: wrap;
  gap: .75rem;
  margin-top: .25rem;
}


.hp4u-proseband{
  padding: var(--hp4u-section-pad-tight) 1rem var(--hp4u-section-pad);
}

.hp4u-prose{
  max-width: 70ch;
}

.hp4u-proseband__inner{
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: clamp(1.5rem, 3vw, 2.25rem);
}

.hp4u-prose h2{
  margin: 0 0 .6rem;
}

.hp4u-prose h3{
  margin: 1.5rem 0 .5rem;
}

.hp4u-prose p{
  margin: 0 0 .85rem;
}

.hp4u-prices{
  padding: var(--hp4u-section-pad-tight) 1rem var(--hp4u-section-pad);
}

.hp4u-prices__inner{
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: clamp(1.25rem, 3vw, 2rem);
}

.hp4u-pricelist{
  width: min(70ch, 100%);
  border-top: 1px solid var(--hp4u-border);
}

.hp4u-price{
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 1rem;
  padding: .8rem 0;
  border-bottom: 1px solid var(--hp4u-border);
  font-variant-numeric: tabular-nums;
}

.hp4u-price__label{
  color: rgba(20,20,20,.88);
}

.hp4u-price__value{
  font-weight: var(--hp4u-main-fontweight-5);

  white-space: nowrap;
}

.hp4u-downloads{

}

.hp4u-downloads__inner{
  max-width: 1200px;
  margin: 0 auto;
}

.hp4u-downloads__actions{
  display: flex;
  flex-wrap: wrap;
  gap: .75rem;
  margin-top: .75rem;
}

@media (max-width: 700px){
  .hp4u-subintro__title{ max-width: 22ch; }
  .hp4u-price{ grid-template-columns: 1fr; }
  .hp4u-price__value{ white-space: normal; }
}

/* =========================
   Subpages
   ========================= */


.hp4u-slab{
  padding: var(--hp4u-section-pad-y) 1rem;
}
.hp4u-slab--offwhite{ background: var(--hp4u-offwhite); }
.hp4u-slab--yellow{ background: var(--hp4u-yellow); }

.hp4u-slab__inner{
  max-width: 1200px;
  margin: 0 auto;
}

.hp4u-subhero{
  padding: var(--hp4u-section-pad-y) 1rem var(--hp4u-section-pad-y-sm) 1rem;
}
.hp4u-subhero__inner{
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1.15fr .85fr;
  gap: clamp(1.25rem, 4vw, 3rem);
  align-items: start;
}

.hp4u-subhero__kicker{
  margin: 0 0 .5rem;
  font-size: var(--hp4u-step--2);
  letter-spacing: .08em;
  text-transform: uppercase;
  color: rgba(20,20,20,.62);
  font-weight: var(--hp4u-main-fontweight-3);

}
.hp4u-subhero__headline{
  margin: 0 0 .75rem;
  font-size: var(--hp4u-step-5);
  line-height: var(--hp4u-lh-h2);
  letter-spacing: var(--hp4u-track-tight);
}
.hp4u-subhero__lead{
  margin: 0 0 1rem;
  max-width: 60ch;
  color: rgba(20,20,20,.85);
}

.hp4u-subhero__chips{
  margin: 1rem 0 0;
}
.hp4u-subhero__actions{
  margin-top: 1.1rem;
  display: flex;
  gap: .75rem;
  flex-wrap: wrap;
}


.hp4u-split{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(1.25rem, 4vw, 3rem);
  align-items: center;
}
.hp4u-media{
  margin: 0;
}
.hp4u-media__img{
  display: block;
  width: 100%;
  height: auto;
  border-radius: var(--hp4u-default-border-radius);
  box-shadow: var(--hp4u-boxes-box-shadow);
}


.hp4u-prose{
  max-width: 70ch;
}

/* Prices table */
.hp4u-pricebox{
  border-top: 1px solid rgba(20,20,20,.18);
  margin-top: 1rem;
  padding-top: 1rem;
}
.hp4u-pricetable{
  width: 100%;
  border-collapse: collapse;
  font-variant-numeric: tabular-nums;
}
.hp4u-pricetable td{
  padding: .75rem 0;
  border-bottom: 1px solid rgba(20,20,20,.12);
  vertical-align: top;
}
.hp4u-pricetable td:last-child{
  text-align: right;
  font-weight: var(--hp4u-main-fontweight-5);

  white-space: nowrap;
}

/* Download row */
.hp4u-downloads{
  display: flex;
  flex-wrap: wrap;
  gap: .75rem;
  margin: 1rem 0 0;
}

/* Responsive */
@media (max-width: 900px){
  .hp4u-subhero__inner{ grid-template-columns: 1fr; }
  .hp4u-split{ grid-template-columns: 1fr; }
  .hp4u-pricetable td:last-child{ text-align: left; }
}


.hp4u-split{
  align-items: stretch;
}


.hp4u-media--bg{
  position: relative;
  height: 100%;
  min-height: 420px; 
  border-radius: var(--hp4u-default-border-radius);
  overflow: hidden;

  background-image: var(--hp4u-media-img);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}


.hp4u-media--bg::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius: inherit;
  pointer-events:none;
}


@media (max-width: 900px){
  .hp4u-media--bg{
    height: auto;
    min-height: 0;
    aspect-ratio: 4 / 3; 
  }
}


@supports not (aspect-ratio: 4 / 3){
  @media (max-width: 900px){
    .hp4u-media--bg{
      height: 0;
      padding-top: 75%; /* 4:3 fallback */
    }
  }
}
/* =========================
   HP4U Subpage 
   ========================= */

.hp4u-subpage-inner{
  max-width: 1200px;
  margin: 0 auto;
  padding-left: 1rem;
  padding-right: 1rem;
}


.hp4u-band{
  padding-top: var(--hp4u-section-pad-y);
  padding-bottom: var(--hp4u-section-pad-y);
}
.hp4u-band--offwhite{ background: var(--hp4u-offwhite); }
.hp4u-band--tint{ background: #f6f1e5; } 

.hp4u-subintro{
  position: relative;
}
.hp4u-subintro__grid{
  display: grid;
  grid-template-columns: 1.15fr .85fr;
  gap: clamp(1.25rem, 4vw, 3.5rem);
  align-items: start;
}
.hp4u-subintro__kicker{
  margin: 0 0 .35rem;
  font-size: var(--hp4u-step--1);
  letter-spacing: .08em;
  text-transform: uppercase;
  color: rgba(20,20,20,.65);
}
.hp4u-subintro__title{
  margin: 0 0 .65rem;
  font-size: var(--hp4u-step-4);
  line-height: var(--hp4u-lh-h3);
  letter-spacing: var(--hp4u-track-tight);
}
.hp4u-subintro__lead{
  margin: 0 0 1rem;
  color: rgba(20,20,20,.82);
  max-width: 65ch;
}


.hp4u-chiprow{
  list-style: none!important;
  padding: 0;
  margin: .75rem 0 0;
  display: flex;
  flex-wrap: wrap;
  gap: .55rem;
}
.hp4u-chiprow .hp4u-chip{
  background: rgba(255,255,255,.75);
}


.hp4u-subintro__actions{
  display: flex;
  flex-wrap: wrap;
  gap: .75rem;
  margin-top: 1.15rem;
}


.hp4u-sidecard{
  background: rgba(255,255,255,.75);
  border: 1px solid rgba(20,20,20,.12);
  padding: clamp(1rem, 2vw, 1.25rem);
  border-radius: var(--hp4u-default-border-radius);
}
.hp4u-sidecard__title{
  margin: 0 0 .5rem;
  font-size: var(--hp4u-step-1);
  line-height: var(--hp4u-lh-h5);
}
.hp4u-sidecard__text{
  margin: 0;
  color: rgba(20,20,20,.82);
}

/* Split section (text + image) */
.hp4u-split{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(1.25rem, 4vw, 3.5rem);
  align-items: stretch;
}
.hp4u-split--reverse{
  direction: rtl;
}
.hp4u-split--reverse > *{
  direction: ltr;
}

.hp4u-split__content h2{
  margin-top: 0;
  margin-bottom: .6rem;
}
.hp4u-split__content p{
  margin: 0 0 .85rem;
  color: rgba(20,20,20,.82);
  max-width: 70ch;
}


.hp4u-split__media{
  border-radius: var(--hp4u-default-border-radius);
  overflow: hidden;
  background: #ddd;
  min-height: clamp(320px, 40vw, 420px);
  position: relative;
}
.hp4u-split__mediaBg{
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  transform: scale(1.001); 
}
.hp4u-split__media::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background: linear-gradient(to bottom, rgba(0,0,0,.04), rgba(0,0,0,0));
}

/* Prices */
.hp4u-prices__head{
  margin-bottom: var(--hp4u-section-head-gap);
}
.hp4u-prices__title{
  margin: 0 0 .35rem;
}
.hp4u-prices__sub{
  margin: 0;
  color: rgba(20,20,20,.80);
}


.hp4u-pricegrid{
  margin: 1rem 0 0;
  padding: 0;
  border-top: 1px solid rgba(20,20,20,.14);
}
.hp4u-pricegrid__row{
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 1rem;
  padding: .8rem 0;
  border-bottom: 1px solid rgba(20,20,20,.14);
}
.hp4u-pricegrid dt{
  margin: 0;
  color: rgba(20,20,20,.84);
}
.hp4u-pricegrid dd{
  margin: 0;
  font-weight: var(--hp4u-main-fontweight-5);

  color: rgba(20,20,20,.90);
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}


.hp4u-downloads{
  margin-top: clamp(1.25rem, 3vw, 2rem);


}
.hp4u-downloads__title{
  margin: 0 0 .35rem;
  font-size: var(--hp4u-step-1);
}
.hp4u-downloads__text{
  margin: 0 0 .85rem;
  color: rgba(20,20,20,.80);
}
.hp4u-downloads__actions{
  display: flex;
  flex-wrap: wrap;
  gap: .75rem;
}

/* Responsive */
@media (max-width: 900px){
  .hp4u-subintro__grid{
    grid-template-columns: 1fr;
  }
  .hp4u-split{
    grid-template-columns: 1fr;
  }
  .hp4u-split--reverse{
    direction: ltr;
  }
}

@media (max-width: 600px){
.hp4u-pricegrid__row {
    display: flex;
    flex-direction: column;
	gap: .1rem;
}
}
/* =========================
   HP4U Subpage Hero 
   ========================= */

.hp4u-subhero{
  position: relative;
  background: var(--hp4u-offwhite);
  padding: var(--hp4u-section-pad-tight) 1rem var(--hp4u-section-pad-y-sm);
}

.hp4u-subhero__inner{
  max-width: 1200px;
  margin: 0 auto;
}

.hp4u-subhero__kicker{
  margin: 0 0 .45rem;
  font-size: var(--hp4u-step--2);
  letter-spacing: .10em;
  text-transform: uppercase;
  color: rgba(20,20,20,.62);
  font-weight: var(--hp4u-main-fontweight-3);


  position: relative;
  padding-left: 1.05rem;
}

.hp4u-subhero__kicker::before{
  content:"";
  position:absolute;
  left: 0;
  top: .18em;
  bottom: .18em;
  width: 4px;
  border-radius: 999px;
  background: var(--hp4u-yellow);
}

.hp4u-subhero__title{
  margin: 0 0 .75rem;
  max-width: 26ch;
}

.hp4u-subhero__lead{
  margin: 0 0 1rem;
  max-width: 68ch;
  color: rgba(20,20,20,.84);
}


.hp4u-subhero__chips{
  list-style: none!important;
  padding: 0;
  margin: .85rem 0 0 !important;
  display: flex;
  flex-wrap: wrap;
  gap: .55rem;
}

.hp4u-subhero__chips .hp4u-chip{
  background: rgba(255,255,255,.80);
  border: 1px solid rgba(20,20,20,.10);
}


.hp4u-subhero__actions{
  margin-top: 1.15rem;
  display: flex;
  flex-wrap: wrap;
  gap: .75rem;
}


.hp4u-subhero::after{
  content:"";
  position: absolute;
  right: -7vmin;
  top: -7vmin;

  width: clamp(260px, 34vmin, 560px);
  height: clamp(260px, 34vmin, 560px);

  background: var(--hp4u-yellow);
  -webkit-mask: var(--hp4u-paw-icon-url-xl) center / contain no-repeat;
          mask: var(--hp4u-paw-icon-url-xl) center / contain no-repeat;

  opacity: .34;     
  transform: rotate(10deg);
  pointer-events: none;
}


.hp4u-subhero__inner{
  position: relative;
  z-index: 1;
}


@media (max-width: 700px){
  .hp4u-subhero::after{
    opacity: .22;
    right: -18vmin;
    top: -12vmin;
  }
  .hp4u-subhero__title{
    max-width: 30ch;
  }
}

.hp4u-subintro{
  position: relative;

}


.hp4u-subintro__inner{
  position: relative;
  z-index: 1;
}

/* the paw */
.hp4u-subintro::after{
  content: "";
  position: absolute;
  right: -6vmin;
  top: 50%;
  transform: translateY(-50%) rotate(10deg);

  width: clamp(260px, 34vmin, 560px);
  height: clamp(260px, 34vmin, 560px);

  background: var(--hp4u-yellow);


  -webkit-mask: var(--hp4u-paw-icon-url-xl) center / contain no-repeat;
          mask: var(--hp4u-paw-icon-url-xl) center / contain no-repeat;

  opacity: .32; 
  pointer-events: none;
}


@media (max-width: 700px){
  .hp4u-subintro::after{
    right: -18vmin;
    opacity: .22;
    width: clamp(240px, 55vmin, 420px);
    height: clamp(240px, 55vmin, 420px);
  }
}

/* =========================================================
   Subpage "chips" 
   ========================================================= */

.hp4u-subintro .hp4u-chiplist{
  display: flex;
  flex-wrap: wrap;
  gap: .35rem .6rem;     
  margin: .65rem 0 1rem !important;
  padding: 0;
}


.hp4u-subintro .hp4u-chiplist .hp4u-chip{
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
  border-radius: 0 !important;

  font-size: var(--hp4u-step--1);
  line-height: 1.35;
  color: rgba(20,20,20,.78);

  box-shadow: none !important;
}


.hp4u-subintro .hp4u-chiplist .hp4u-chip:not(:last-child)::after{
  content: "•";
  margin-left: .6rem;
  opacity: .55;
}


.hp4u-subintro .hp4u-chiplist .hp4u-chip:first-child{
  font-weight: var(--hp4u-main-fontweight-3);

  color: rgba(20,20,20,.86);
}


@media (max-width: 600px){
  .hp4u-subintro .hp4u-chiplist{
    gap: .25rem .5rem;
    margin-top: .55rem !important;
  }
  .hp4u-subintro .hp4u-chiplist .hp4u-chip{
    font-size: var(--hp4u-step--2);
  }
}

/* =========================
   HP4U Angebote 
   ========================= */

/* Section wrapper */
.hp4u-angebote {
  padding: var(--hp4u-section-pad-y-sm) 1rem var(--hp4u-section-pad-y);
}
.hp4u-angebote__inner {
  max-width: 1200px;
  margin: 0 auto;
}

/* Grid */
.hp4u-angebote__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(1rem, 2.5vw, 2rem);
  align-items: stretch;
}


/* Card */
.hp4u-angebote__box {
  background: rgba(255,255,255,.70);
  border: 0 solid rgba(20,20,20,.12);
  border-radius: var(--hp4u-default-border-radius);
  padding: clamp(1rem, 2vw, 1.35rem);
  display: flex;
  flex-direction: column;
  height: 100%;
}
@media (max-width: 900px) {
  .hp4u-angebote__grid { grid-template-columns: 1fr; }
	.hp4u-angebote__box{height:auto;}
	.hp4u-angebote >*{    text-wrap: balance;
    hyphens: auto;
    overflow-wrap: anywhere; /* last-resort break */
    word-break: normal;}
	.hp4u-angebote , .hp4u-subpage-inner {
    padding-left: 0;
    padding-right: 0;
}
}
.hp4u-angebote__h3 {
  margin: 0 0 .75rem;
  font-size: var(--hp4u-step-2);
  line-height: var(--hp4u-lh-h5);
  letter-spacing: var(--hp4u-track-normal);
}


.hp4u-angebote__list {
  list-style: none!important;
  padding: 0;
  margin: 0 0 1.5rem !important;
  display: grid;
  gap: .55rem;
}
.hp4u-angebote__list li {
  position: relative;
  padding-left: 1.6rem;
  color: rgba(20,20,20,.84);
}
.hp4u-angebote__list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: .35em;
  width: 1rem;
  height: 1rem;
  background: var(--hp4u-yellow);
  -webkit-mask: var(--hp4u-paw-icon-url) center/contain no-repeat;
          mask: var(--hp4u-paw-icon-url) center/contain no-repeat;
  opacity: .95;
}


.hp4u-angebote__meta {
  margin: auto 0 0;
  padding-top: 1rem;
  border-top: 1px solid rgba(20,20,20,.10);
  color: rgba(20,20,20,.85);
}


.hp4u-angebote__miniGrid {
  margin-bottom: .9rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.hp4u-angebote__mini {
  background: rgba(250,247,239,.85);
  border-radius: calc(var(--hp4u-default-border-radius) - 8px);
  padding: .85rem .9rem;
}
.hp4u-angebote__h4 {
  margin: 0 0 .35rem;
  font-size: var(--hp4u-step-1);
  line-height: var(--hp4u-lh-h6);
}
.hp4u-angebote__mini p {
  margin: 0;
  color: rgba(20,20,20,.82);
}


.hp4u-angebote__note {
  margin-top: auto;
  padding-left: 1rem;
  position: relative;
  color: rgba(20,20,20,.86);
}
.hp4u-angebote__note::before {
  content: "";
  position: absolute;
  left: 0;
  top: .25em;
  bottom: .25em;
  width: 4px;
  border-radius: 999px;
  background: var(--hp4u-yellow);
}
.hp4u-angebote__note span {
  font-weight: var(--hp4u-main-fontweight-5);

  color: var(--hp4u-ink);
}


.hp4u-angebote__support,
.hp4u-angebote__prep,
.hp4u-angebote__forms {
  color: rgba(20,20,20,.82);
}


/* =========================
   hp4u-angebote extras
   ========================= */

#hp4u-angebote{
  padding-top: calc(var(--hp4u-section-pad-y) * 1.05);
  padding-bottom: calc(var(--hp4u-section-pad-y) * 1.05);
}


#hp4u-angebote .hp4u-band__kicker{
  margin: 0 0 .35rem;
  font-size: var(--hp4u-step--2);
  letter-spacing: .12em;
  text-transform: uppercase;
  color: rgba(20,20,20,.62);
  font-weight: var(--hp4u-main-fontweight-3);


  position: relative;
  padding-left: 1.05rem;
}

#hp4u-angebote .hp4u-band__kicker::before{
  content:"";
  position:absolute;
  left: 0;
  top: .18em;
  bottom: .18em;
  width: 4px;
  border-radius: 999px;
  background: var(--hp4u-yellow);
}


#hp4u-angebote h2{
  margin-top: 0;
  margin-bottom: clamp(.9rem, 1.6vw, 1.25rem);
}

#hp4u-angebote > .hp4u-subpage-inner{
  max-width: 1100px; 
}


#hp4u-angebote p{
  line-height: 1.6;
}

#hp4u-angebote p:first-of-type{
  margin-top: 0;
}

#hp4u-angebote p + p{
  margin-top: .85rem;
}


#hp4u-angebote .hp4u-angebote__cards,
#hp4u-angebote .hp4u-cards{
  margin-top: clamp(1.25rem, 2.2vw, 2rem);
}

/* =========================================================
   RUND UM DEN HUND — Service sections (hp4u-serviceBlock)
   ========================================================= */

.hp4u-serviceBlock {

}

.hp4u-serviceBlock .hp4u-subpage-inner {

}

/* 2-column editorial layout */
.hp4u-serviceBlock__grid {
  display: grid;
  grid-template-columns: minmax(240px, 360px) minmax(0, 1fr);
  gap: clamp(1.25rem, 3vw, 3rem);
  align-items: start;
}

/* Left column: icon + title */
.hp4u-serviceBlock__head {
  position: relative;
}

.hp4u-serviceBlock__icon {
  margin: 0 0 clamp(.75rem, 1.2vw, 1rem);
}


.hp4u-serviceBlock__iconCircle {
  width: clamp(64px, 5vw, 84px);
  height: clamp(64px, 5vw, 84px);
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;

  background: var(--hp4u-yellow);
  color: var(--hp4u-ink);

  box-shadow: 0 10px 22px rgba(0, 0, 0, 0.08);
}


.hp4u-serviceBlock__iconCircle i {
  font-size: clamp(26px, 2.2vw, 34px);
  line-height: 1;
}


.hp4u-serviceBlock__title {
  margin: 0;
  font-size: var(--hp4u-step-4);
  line-height: var(--hp4u-lh-h3);
  letter-spacing: var(--hp4u-track-tight);
}


.hp4u-serviceBlock__content {
  max-width: 70ch; 
}

.hp4u-serviceBlock__content p {
  margin: 0 0 .9rem;
  color: rgba(20, 20, 20, .84);
}


.hp4u-serviceBlock__list {
  list-style: none !important;
  margin: 1rem 0 1.25rem !important;
  padding: 0 !important;

  display: grid;
  gap: .75rem;
}

.hp4u-serviceBlock__list li {
  position: relative;
  padding-left: 1.85rem;
  color: rgba(20, 20, 20, .86);
}


.hp4u-serviceBlock__list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: .25em;

  width: 1.1rem;
  height: 1.1rem;

  background: var(--hp4u-yellow);
  -webkit-mask: var(--hp4u-paw-icon-url) center / contain no-repeat;
          mask: var(--hp4u-paw-icon-url) center / contain no-repeat;

  opacity: .95;
  transform: rotate(-10deg);
}


.hp4u-serviceBlock__content a {
  color: var(--hp4u-ink);
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: .18em;
}

.hp4u-serviceBlock__content a:hover,
.hp4u-serviceBlock__content a:focus-visible {
  text-decoration-thickness: 3px;
}


#hp4u-pflege,
#hp4u-ernaehrung,
#hp4u-zubehoer {
  scroll-margin-top: 110px; 
}

.hp4u-list--plain{
  list-style: none!important;
  margin: 0.9rem 0 0!important;
  padding: 0!important;
}

.hp4u-list--plain > li{
  margin: 0;
  padding: 0.55rem 0;
  border-top: 1px solid rgba(20,20,20,.12);
  line-height: var(--hp4u-lh-body);
}

.hp4u-list--plain > li:first-child{
  border-top: 0;
}

.hp4u-list--plain > li strong{
  font-weight: 700;
}


@media (max-width: 549.98px){
  .hp4u-list--plain > li{
    padding: 0.5rem 0;
  }
}


@media (max-width: 900px) {
  .hp4u-serviceBlock__grid {
    grid-template-columns: 1fr;
    gap: 1.1rem;
  }

  .hp4u-serviceBlock__head {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: .85rem;
    align-items: center;
  }

  .hp4u-serviceBlock__icon {
    margin: 0;
  }

  .hp4u-serviceBlock__title {
    margin: 0;
  }

  .hp4u-serviceBlock__content {
    max-width: 70ch;
  }
}
.hp4u-secondaryLinkRow{
  margin: 0.9rem 0 0!important;
}

.hp4u-secondaryLink{
  display: inline-flex;
  align-items: center;
  gap: .45rem;

  padding: .55rem .8rem;
  border-radius: 999px;

  text-decoration: none;
  font-weight: var(--hp4u-main-fontweight-3);
  font-size: var(--hp4u-step--1);
  line-height: 1.2;

  color: var(--hp4u-ink);
  background: rgba(255, 232, 0, .18); 
  border: 0px solid rgba(20,20,20,.18);
}

.hp4u-secondaryLink:hover{
  background: rgba(255, 232, 0, .28);
  border-color: rgba(20,20,20,.28);
}

.hp4u-secondaryLink:focus-visible{
  outline: 2px solid rgba(20,20,20,.65);
  outline-offset: 3px;
}


@media (max-width: 520px) {
  .hp4u-serviceBlock__list li {
    padding-left: 1.65rem;
  }
  .hp4u-serviceBlock__list li::before {
    width: 1rem;
    height: 1rem;
  }
}
@media (max-width: 480px) {
	.hp4u-serviceBlock__head{
	        align-items: flex-start;
        display: flex;
        flex-direction: column;
		}
}
@media (max-width: 480px){
  .hp4u-values .hp4u-value__head{
display: flex;
        flex-direction: column;
        gap: .8rem;
  }
	.hp4u-value__title{margin-bottom:.5rem;}
  .hp4u-values .hp4u-value__icon{
    width: 36px;
    height: 36px;
  }

}
@media (max-width: 549.98px){
	:root{
    --hp4u-step--2: clamp(0.75rem, 3.75vw, 0.8125rem);  /* 12 → 13 */
    --hp4u-step--1: clamp(0.8125rem, 4.05vw, 0.875rem); /* 13 → 14 */

    --hp4u-step-0:  clamp(0.875rem, 4.375vw, 0.9375rem);/* 14 → 15 */

    --hp4u-step-1:  clamp(1rem, 5vw, 1.125rem);          /* 16 → 18 */
    --hp4u-step-2:  clamp(1.125rem, 5.6vw, 1.375rem);    /* 18 → 22 */
    --hp4u-step-3:  clamp(1.3125rem, 6.6vw, 1.875rem);   /* 21 → 30 */

    --hp4u-step-4:  clamp(1.5rem, 7vw, 3rem);            /* 24 → 48 */
    --hp4u-step-5:  clamp(1.8rem, 9vw, 3.55rem);         /* 28.8 → 56.8 */
    --hp4u-step-7:  clamp(1.8rem, 9vw, 3.55rem);         /* same as step-5 */

 
    --hp4u-step-6:  clamp(2rem, 10vw, 3.55rem);          /* 32 → 56.8 */
	}
  .hp4u-hero__title{
    font-size: clamp(1.8rem, 9vw, 3.55rem)!important;
    line-height: 1.03;
    letter-spacing: -0.02em;
    text-wrap: balance;
     /*hyphens: auto;
    overflow-wrap: anywhere; 
    word-break: normal;

    optional: keeps the block from becoming too wide 
    max-width: 16ch;*/
  }
}

@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../dt-the7-child/fonts/Poppins-Regular.eot'); /* IE9 */
  src: url('../dt-the7-child/fonts/Poppins-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../dt-the7-child/fonts/Poppins-Regular.woff2') format('woff2'), /* Modern Browsers */
    url('../dt-the7-child/fonts/Poppins-Regular.woff') format('woff'), /* Modern Browsers */
    url('../dt-the7-child/fonts/Poppins-Regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../dt-the7-child/fonts/Poppins-Regular.svg#Poppins') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url('../dt-the7-child/fonts/Poppins-300.eot'); /* IE9 */
  src: url('../dt-the7-child/fonts/Poppins-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../dt-the7-child/fonts/Poppins-300.woff2') format('woff2'), /* Modern Browsers */
    url('../dt-the7-child/fonts/Poppins-300.woff') format('woff'), /* Modern Browsers */
    url('../dt-the7-child/fonts/Poppins-300.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../dt-the7-child/fonts/Poppins-300.svg#Poppins') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('../dt-the7-child/fonts/Poppins-500.eot'); /* IE9 */
  src: url('../dt-the7-child/fonts/Poppins-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../dt-the7-child/fonts/Poppins-500.woff2') format('woff2'), /* Modern Browsers */
    url('../dt-the7-child/fonts/Poppins-500.woff') format('woff'), /* Modern Browsers */
    url('../dt-the7-child/fonts/Poppins-500.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../dt-the7-child/fonts/Poppins-500.svg#Poppins') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('../dt-the7-child/fonts/Poppins-600.eot'); /* IE9 */
  src: url('../dt-the7-child/fonts/Poppins-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../dt-the7-child/fonts/Poppins-600.woff2') format('woff2'), /* Modern Browsers */
    url('../dt-the7-child/fonts/Poppins-600.woff') format('woff'), /* Modern Browsers */
    url('../dt-the7-child/fonts/Poppins-600.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../dt-the7-child/fonts/Poppins-600.svg#Poppins') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../dt-the7-child/fonts/Poppins-700.eot'); /* IE9 */
  src: url('../dt-the7-child/fonts/Poppins-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../dt-the7-child/fonts/Poppins-700.woff2') format('woff2'), /* Modern Browsers */
    url('../dt-the7-child/fonts/Poppins-700.woff') format('woff'), /* Modern Browsers */
    url('../dt-the7-child/fonts/Poppins-700.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../dt-the7-child/fonts/Poppins-700.svg#Poppins') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url('../dt-the7-child/fonts/Poppins-800.eot'); /* IE9 */
  src: url('../dt-the7-child/fonts/Poppins-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../dt-the7-child/fonts/Poppins-800.woff2') format('woff2'), /* Modern Browsers */
    url('../dt-the7-child/fonts/Poppins-800.woff') format('woff'), /* Modern Browsers */
    url('../dt-the7-child/fonts/Poppins-800.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../dt-the7-child/fonts/Poppins-800.svg#Poppins') format('svg'); /* Legacy iOS */
}