@font-face {font-display:swap;font-family:'Inter';src:url(fonts/Inter-Light.ttf) format("truetype");font-weight:300;} 
@font-face {font-display:swap;font-family:'Inter';src:url(fonts/Inter-SemiBold.ttf) format("truetype");font-weight:500;} 
@font-face {font-display:swap;font-family:'Inter';src:url(fonts/Inter-Bold.ttf) format("truetype");font-weight:700;} 
@font-face {font-display:swap;font-family:'Caveat';src:url(fonts/Caveat-Regular.ttf) format("truetype");}
@font-face {font-display:swap;font-family:'ShadowsIntoLightTwo';src:url(fonts/ShadowsIntoLightTwo-Regular.ttf) format("truetype");}


:root {
--akzentfarbe:hsl(33, 33%, 17%);
--akzentfarbehover:hsl(33, 33%, 22%);
--buttonfarbe:hsl(80, 60%, 35%);
--buttonfarbehover:hsl(80, 60%, 40%);
	
--braun-hell: hsl(30, 70%, 40%);
--braun-mittel: hsl(27, 60%, 30%);
--braun-dunkel: hsl(25, 40%, 20%);
	
--ueberschriftfarbe:var(--akzentfarbe);
--schriftfarbe:#3A2D1D;
--akzentfarbedunkel:var(--akzentfarbe);
	
--schriftart:Inter;
--schriftartueberschrift:ShadowsIntoLightTwo;
--schriftartlogo:ShadowsIntoLightTwo;
--schriftart-zahl:Inter;
	
--bg-card-hell:rgba(255,255,255,0.6);
--boxshadow-card:0 12px 16px -4px #00000014,0 4px 6px -2px #10182808;
	
--borderradius-button:5px;
--borderradius-card:12px;
--border-radius-img:12px;
--borderradius-bigcard:30px;
	
--border-card:1px solid #eaecf0;
--background:#F5EDE0;
--scrollbarbg:#f2f2f2;
--thumbbg:#bbb
}

body,html {
margin:0;
padding:0;
display:flex;
min-height:100vh;
flex-direction:column;
color:var(--schriftfarbe);
font-size:18px;
background:var(--background);
font-family:var(--schriftart);
line-height:1.6;
font-weight: 300;
word-wrap:break-word;
scroll-behavior:smooth;
scrollbar-width:thin;
scrollbar-color:var(--thumbBG) var(--scrollbarBG)
}

div.clear {
clear:both;
overflow:hidden;
visibility:hidden
}

div.content-wp {
flex:1
}

header {
margin:0;
position:fixed;
z-index:999;
width:100%;
-moz-transition:all 600ms ease-in-out;
-webkit-transition:all 600ms ease-in-out;
transition:all 600ms ease-in-out
}

a .logo-inner {
display:flex;
align-items:center;
gap:18px;
color:#fff;
-moz-transition:all 600ms ease-in-out;
-webkit-transition:all 600ms ease-in-out;
transition:all 600ms ease-in-out
}

img#Logo {
height:45px;
-moz-transition:all 600ms ease-in-out;
-webkit-transition:all 600ms ease-in-out;
transition:all 600ms ease-in-out
}

span.logo-text {
line-height:1;
font-weight:700;
font-size:22px;
text-transform:uppercase;
font-family: var(--schriftartlogo);
}

span.logo-text span {
line-height:1;
font-weight:300;
font-size:18px;
letter-spacing:2px
}

div.header-inner {
padding:1.2rem 1.7rem;
display:flex;
justify-content:space-between;
align-items:center;
flex-wrap:wrap;
-moz-transition:all 600ms ease-in-out;
-webkit-transition:all 600ms ease-in-out;
transition:all 600ms ease-in-out
}

@media screen and (min-width:1350px) {
header.sticky {background:var(--akzentfarbedunkel);box-shadow:0 0 20px rgba(0,0,0,0.2);-moz-transition:all 600ms ease-in-out;-webkit-transition:all 600ms ease-in-out;transition:all 600ms ease-in-out}
header.sticky div.header-inner {padding:15px 20px}
header.sticky img#Logo {height:38px}
}

nav {
display:flex;
align-items:center;
gap:1.5rem
}

nav .main-menu {
list-style:none;
margin:0;
padding:0;
display:flex;
align-items: center;
}

nav .main-menu > li {
position:relative;
border-radius:var(--borderradius-button)
}

nav .main-menu > li > a {
text-decoration:none;
color:#fff;
padding:.7rem 1.2rem;
display:block;
border-radius:var(--borderradius-button);
transition:background .3s ease
}

nav .main-menu > li > a:hover {
background:rgba(255,255,255,0.06)
}

nav .main-menu li ul {
position:absolute;
left:0;
list-style:none;
margin:0;
padding:1rem;
background:#fff;
box-shadow:0 4px 6px rgba(0,0,0,0.1);
z-index:1000;
border-radius:var(--borderradius-button);
opacity:0;
transform:translateY(20px);
transition:all .4s ease;
pointer-events:none
}

nav .main-menu li:hover > ul {
opacity:1;
transform:translateY(0);
pointer-events:auto
}

nav .main-menu li ul li {
white-space:nowrap
}

nav .main-menu li ul.submenu li a {
padding:1rem;
display:flex;
align-items:center;
color:var(--schriftfarbe);
border-radius:var(--borderradius-button);
text-decoration:none;
transition:background-color .3s ease
}

nav .main-menu li ul li a:hover {
background:rgba(200,200,200,0.2)
}

nav .main-menu > li.has-children > a {
display:flex;
align-items:center;
justify-content:space-between
}

nav .main-menu > li.has-children > a .chevron-icon {
width:16px;
height:16px;
margin-left:8px;
transition:transform .3s ease
}

nav .main-menu > li.has-children:hover > a .chevron-icon {
transform:rotate(180deg)
}

nav .main-menu li ul.submenu li a::before {
  content: "";
  display: inline-block;
  mask-image: url(/wp-content/uploads/2025/05/pfote-weiss.svg); /* Für moderne Browser */
  -webkit-mask-image: url(/wp-content/uploads/2025/05/pfote-weiss.svg); /* Für ältere Browser */
  mask-position: left center;
  -webkit-mask-position: left center;
  mask-size: contain;
  -webkit-mask-size: contain;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  background-color: currentColor; /* Nutzt die aktuelle Schriftfarbe */
  width: 28px;
  height: 28px;
  margin-right: 1rem;
  vertical-align: middle;
}

nav .main-menu li ul.submenu li.baden a::before {
mask-image: url(/wp-content/uploads/2025/05/pfote-weiss.svg); /* Für moderne Browser */
-webkit-mask-image: url(/wp-content/uploads/2025/05/pfote-weiss.svg); /* Für ältere Browser */
}

nav a.button, ul.main-menu > li:last-child > a {
margin:0 !important;
padding:.7rem 1.2rem .7rem 1.4rem !important;
display: flex !important;
margin-left: 1rem !important;
}

div.header-inner .checkbox,div.hamburger-lines {
display:none
}

div#herosection {
background-image:url(/wp-content/uploads/2025/01/haushaltsaufloesung-paderborn.webp);
background-repeat:no-repeat;
background-size:cover;
background: var(--akzentfarbeheller);
padding:9rem 0 4rem;
color:#fff;
position:relative;
overflow: hidden;
z-index:0
}

@media (max-width: 500px) {
    #herosection {
        background-image: url('/wp-content/uploads/2025/01/entruempelung-paderborn-mobil.webp') !important; /* Statisches Bild für Mobilgeräte */
    }
}

div#herosection h1 span {
font-size:1.5rem;
font-weight:300
}

div#herosection .img {
text-align:right;
position:relative
}

div#herosection .img img {
width:80%;
max-width:580px;
height: auto !important;
border-radius:var(--border-radius-img);
box-shadow:none
}

div.herosection-img
{
	position:relative;
}

div.herosection-img::before,
div.herosection-img::after {
  content: "";
  display: inline-block;
  width: 12rem;
  height: 12rem;
  background-color: #fff;
  mask-image: url(/wp-content/uploads/2025/05/knochen.svg);
  -webkit-mask-image: url(/wp-content/uploads/2025/05/knochen.svg);
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-size: contain;
  -webkit-mask-size: contain;
  mask-position: center;
  -webkit-mask-position: center;
  opacity: 0.4;
  position: absolute;
  top: -4rem;
  right: -5rem;
  animation: slow-up-down 8100ms ease-in-out infinite;
  z-index: 51;
}


div#herosection div.herosection-img::after
{
	mask-image: url(/wp-content/uploads/2025/05/pfote-weiss.svg);
  -webkit-mask-image: url(/wp-content/uploads/2025/05/pfote-weiss.svg);
    bottom: -4rem;
	top:unset;
	right:unset;
    left: 2rem;
	animation-delay: 2000ms;
}

div#herosection::before {
content:'';
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background-color:var(--akzentfarbedunkel);
z-index:0
}

.blur-\[90px\] {
    --tw-blur: blur(90px);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}



/* SVG Container */
.herosection-bg-svg {
  position: absolute;
  top: -90%;
  right: 8%;
  width: 2000px;
  height: 2000px;
  z-index: 0;
  opacity: 0.6;
  filter: blur(190px);
  pointer-events: none;
}

/* Animation (optional) */
@keyframes glow-float {
  0%, 100% {
    transform: translateY(0) scale(1);
  }
  50% {
    transform: translateY(-30px) scale(1.02);
  }
}

.glow-animation {
  animation: glow-float 20s ease-in-out infinite;
  will-change: transform, filter;
}

/* Optional: Tailwind-Fallback für z-Index */
.z-0 {
  z-index: 0;
}
.z-20 {
  z-index: 20;
}

img.google {
margin:0 .8rem 0 0;
}


fiv#herosection div.testimonial-sterne {
margin:5rem 0 -2rem
}

div.testimonial-sterne {
display:flex;
align-items:center;
margin:0.5rem 0 2rem 0;
}

div.content {
padding:5.5rem 0
}

div.grau {
background:rgba(100,100,100,0.06)
}

.kontrastfarbe {
background:var(--kontrastfarbe)!important
}

div.wrapper {
margin:0 auto;
padding:0 20px;
width:100%;
max-width:1300px;
box-sizing:border-box
}

div.maxwidth {
max-width:1600px
}

div.completewidth {
max-width:100%
}

div#Footer {
padding:5rem 0 3rem
}

div.footer-element img#Logo {
height:45px
}

div#Footer .logo-text {
color:var(--schriftfarbe)
}

div.footer-element span.header {
font-weight:700
}

div.footer-element ul {
padding-inline-start:0;
display:flex;
flex-direction:column;
gap:.7rem
}

div#Footer ul.menu li a {
color:var(--schriftfarbe)
}

div#Footer ul.menu li a:hover {
color:var(--akzentfarbe)
}

div#Footer a.phone,div#Footer a.mail,div#Footer a.pin {
display:block;
position:relative;
color:var(--schriftfarbe);
padding-left:4rem;
margin:2rem 0
}

div#Footer a.phone::before,div#Footer a.mail::before,div#Footer a.pin::before {
content:'';
position:absolute;
left:0;
top:50%;
transform:translateY(-50%);
width:3rem;
height:3rem;
border-radius:5px;
background-color:var(--akzentfarbe);
background-image:url(/wp-content/uploads/2025/05/phone-white.svg);
background-size:60%;
background-position:center;
background-repeat:no-repeat
}

div#Footer a.mail::before {
background-image:url(/wp-content/uploads/2025/05/email-white.svg)
}

div#Footer a.pin::before{
background-image:url(/wp-content/uploads/2025/05/pin-white.svg)
}

div.siegel {
display:flex;
gap:1rem;
align-items:center;
opacity:.6;
cursor:default;
-moz-transition:all 400ms ease-in-out;
-webkit-transition:all 400ms ease-in-out;
transition:all 400ms ease-in-out
}

div.siegel:hover {
opacity:1
}

p.footer-disclaimer {
font-size:0.8rem;
opacity:.6;
text-align:center;
margin-top:3rem
}

a {
text-decoration:none;
color:var(--akzentfarbe);
-moz-transition:all 200ms ease-in-out;
-webkit-transition:all 200ms ease-in-out;
transition:all 200ms ease-in-out
}

p a:not(li a,.header-inner a) {
border-bottom:2px solid var(--akzentfarbe)
}

p a:not(li a,.header-inner a):hover {
color:var(--kontrastfarbe);
border-bottom:2px solid var(--kontrastfarbe)
}

a.button,button.button, ul.main-menu > li:last-child > a {
white-space:normal;
cursor:pointer;
display:inline-flex;
align-items:center;
justify-content:center;
width:max-content;
text-align:center;
margin:1rem 0;
padding:.9rem 1.7rem;
color:#fff;
font-size:1rem;
background:var(--buttonfarbe);
border-radius:var(--borderradius-button);
font:var(--schriftart)!important;
-webkit-appearance:none;
text-decoration:none;
-moz-transition:all 300ms ease-in-out;
-webkit-transition:all 300ms ease-in-out;
transition:all 300ms ease-in-out;
position:relative
}

a.button::after,button.button::after , ul.main-menu > li:last-child > a::after {
content:"";
display:inline-block;
background:url(/wp-content/uploads/2025/05/pfote-weiss.svg) no-repeat center;
background-size:contain;
width:1.5rem;
height:1.5rem;
margin-left:.8rem;
}

button.button {
width:100%;
border:0;
display:inline-flex;
align-items:center;
justify-content:center
}

a.button:hover,button.button:hover, li.angebot-einholen a:hover, ul.main-menu > li:last-child > a:hover {
background:var(--buttonfarbehover) !important;
}

.button-subtext {
font-size:12px;
opacity:.7
}

a.button span:not(.button span.small),button.button span:not(.button span.small) {
line-height:1;
margin:4px auto
}

h1,h2,h3,h4,h5 {
font-family:var(--schriftartueberschrift);
font-weight:700;
color:var(--ueberschriftfarbe);
padding:0;
margin:0
}

h2,h3,h4,h5 {
line-height:1.2
}

h1 {
font-size:3.5rem;
line-height:1.1;
color:#fff;
margin-bottom:2rem
}

h2 {
font-size:2.5rem;
margin-bottom:2rem
}

h3 {
font-size:1.5rem
}

h4 {
font-size:1.25rem
}

p.handschrift
{
	font-family: 'Caveat';
	font-size: 2rem;
	margin-top: 1rem;
}

strong
{
	font-weight:600;
}

span.text-akzent {
background:linear-gradient(to top,var(--akzentfarbe),var(--akzentfarbehover));
color:#fff;
display:inline-block;
line-height:1.4;
padding:1px 14px 3px;
border-radius:6px;
box-shadow:0 4px 10px rgba(100,100,100,0.1)
}

img {
vertical-align:middle
}

div.img-lazyload-container {
width:100%;
height:0;
margin:0 auto
}

div.img-133 {
padding-bottom:133.33%
}

div.img-100 {
padding-bottom:100%
}

.zahl {
font-family:var(--schriftart-zahl)
}

span.contact-openhours {
display:flex;
align-items:center;
color:#fff;
font-size:.89rem
}

span.contact-openhours::before {
content:'';
height:14px;
width:14px;
display:inline-block;
background:#1ad300;
border-radius:50%;
margin-right:10px;
animation:open-pulse 3s infinite
}

@keyframes open-pulse {
0% {
box-shadow:0 0 2px #1ad300
}

50% {
box-shadow:0 0 14px #1ad300
}

100% {
box-shadow:0 0 2px #1ad300
}
}

.phone {
display:inline-flex;
align-items:center;
text-decoration:none;
color:#fff;
letter-spacing:1px
}

#Footer .phone,#Footer span.contact-openhours {
color:var(--schriftfarbe)
}

#Footer span.contact-openhours {
margin-top:.4rem
}

#Footer div.contact-phone {
margin-top:2rem
}

.reveal,.reveal > * {
position:relative;
transform:translateY(20px);
-ms-transform:translateY(20px);
-webkit-transform:translateY(20px);
-moz-transform:translateY(20px);
-o-transform:translateY(20px);
opacity:0;
-moz-transition:opacity 1100ms ease-in-out,transform 1000ms ease-in-out;
-webkit-transition:opacity 1100ms ease-in-out,transform 1000ms ease-in-out;
transition:opacity 1100ms ease-in-out,transform 1000ms ease-in-out
}

.reveal.active,.active > * {
transform:translateY(0px);
-ms-transform:translateY(0px);
-webkit-transform:translateY(0px);
-moz-transform:translateY(0px);
-o-transform:translateY(0px);
opacity:1
}

@media (prefers-reduced-motion) {
.reveal {
opacity:1;
transform:translateY(0px)
}
}

.reveal > :nth-child(n+2):nth-child(-n+12) {
transition:background-color 300ms ease-in-out 0s,opacity 1100ms ease-in-out calc((var(--n) - 1) * 0.2s),transform 1000ms ease-in-out calc((var(--n) - 1) * 0.2s)
}

.reveal > :nth-child(2) {
--n:2
}

.reveal > :nth-child(3) {
--n:3
}

.reveal > :nth-child(4) {
--n:4
}

.reveal > :nth-child(5) {
--n:5
}

.reveal > :nth-child(6) {
--n:6
}

.reveal > :nth-child(7) {
--n:7
}

.reveal > :nth-child(8) {
--n:8
}

.reveal > :nth-child(9) {
--n:9
}

.reveal > :nth-child(10) {
--n:10
}

.reveal > :nth-child(11) {
--n:11
}

.reveal > :nth-child(12) {
--n:12
}

@keyframes start-fade {
0% {
opacity:0;
transform:translateY(10px)
}

10% {
opacity:0
}

100% {
opacity:1;
transform:translateY(0)
}
}

@keyframes start-fade-nav {
0% {
opacity:0;
transform:translateY(-10px)
}

10% {
opacity:0
}

100% {
opacity:1;
transform:translateY(0)
}
}

div.start-fade > *, div.blog-links > *, div.contentbar > *, div.sidebar > *, div.blog-element {
--delay-step:100ms;
animation:start-fade 1300ms ease-in-out;
animation-delay:calc(var(--n) * var(--delay-step));
animation-fill-mode:forwards;
opacity:0
}

nav ul li,div.logo-inner,.hamburger-lines,nav a.button,nav div.contact-phone {
animation:start-fade-nav 1300ms ease-in-out;
--delay-step:100ms;
animation-delay:calc(var(--n) * var(--delay-step));
animation-fill-mode:forwards;
opacity:0
}

div.start-fade > :nth-child(1),nav ul.submenu li:nth-child(1) {
--n:0
}

div.start-fade > :nth-child(2) {
--n:1
}

div.start-fade > :nth-child(3),nav ul.submenu li:nth-child(2), div.blog-links > :nth-child(1), div.blog-element:nth-child(1) {
--n:2
}

div.start-fade > :nth-child(4),div.logo-inner {
--n:3
}

div.start-fade > :nth-child(5),nav ul.submenu li:nth-child(3), div.blog-links > :nth-child(2), div.blog-element:nth-child(2) {
--n:4
}

div.start-fade > :nth-child(6),.hamburger-lines {
--n:5
}

div.start-fade > :nth-child(7),nav ul.submenu li:nth-child(4), div.blog-links > :nth-child(3), div.contentbar > :nth-child(1), div.blog-element:nth-child(3) {
--n:6
}

div.start-fade > :nth-child(8),nav ul li:nth-child(1) {
--n:7
}

div.start-fade > :nth-child(9),nav ul.submenu li:nth-child(5), div.blog-links > :nth-child(4), div.contentbar > :nth-child(2), div.blog-element:nth-child(4) {
--n:8
}

div.start-fade > :nth-child(10),nav ul li:nth-child(2) {
--n:9
}

div.start-fade > :nth-child(11), div.contentbar > :nth-child(3), div.sidebar > :nth-child(1), div.blog-element:nth-child(5) {
--n:10
}

div.start-fade > :nth-child(12),nav ul li:nth-child(3) {
--n:11
}

div.start-fade > :nth-child(13), div.blog-element:nth-child(6) {
--n:12
}

div.start-fade > :nth-child(14),nav ul li:nth-child(4),nav a.button {
--n:13
}

div.start-fade > :nth-child(15), div.blog-element:nth-child(7) {
--n:14
}

div.start-fade > :nth-child(16),nav ul li:nth-child(5),nav div.contact-phone {
--n:15
}

div.start-fade > :nth-child(17), div.blog-element:nth-child(8) {
--n:16
}

div.start-fade > :nth-child(18),nav ul li:nth-child(6) {
--n:17
}

.flexbox {
display:flex;
justify-content:space-between;
flex-wrap:wrap;
flex-direction:row
}

div.flex-start {
justify-content:flex-start
}

.align-items-center {
align-items:center
}

div.justify-content-center {
justify-content:center
}

div.reverse {
flex-direction:row-reverse
}

div.gap6rem {
gap:6rem
}

div.gap2rem {
gap:2rem
}

div.gap1rem {
gap:1rem
}

div.w25 {
width:calc(100% / 4 - 6rem / 4)
}

div.w20 {
width:calc(100% / 5 - 8rem / 5)
}

div.w33, a.w33 {
width:calc(100% / 3 - 4rem / 3)
}

div.w40 {
width:calc(40% - 2rem / 2)
}

div.gap6rem div.w40 {
width:calc(40% - 6rem / 2)
}

.img img {
width:100%;
max-width:580px;
height: auto;
border-radius:var(--border-radius-img);
box-shadow:-15px -15px 0 0 var(--akzentfarbe)
}

div.w50, a.w50 {
width:calc(50% - 2rem / 2)
}

div.gap6rem div.w50, div.gap6rem a.w50 {
width:calc(50% - 6rem / 2)
}

div.gap2rem div.w50, div.gap2rem a.w50 {
width:calc(50% - 2rem / 2)
}

div.w60 {
width:calc(60% - 2rem / 2)
}

div.gap6rem div.w60 {
width:calc(60% - 6rem / 2)
}

div.devider {
width:100%;
height:1px;
background:#fff;
opacity:.2;
margin:1.5rem 0
}

div.akzent-bg
{
	background: linear-gradient(to top, var(--akzentfarbe) , var(--akzentfarbehover) 60% ) !important;
	padding: 4rem;
	border-radius: var(--borderradius-card);
	color: #fff !important;
	position: relative;
	z-index: 1;
	overflow: hidden;
}

div.akzent-bg h2
{
	color: #fff !important;
}

ul.vorteile,ul.leistungen {
display:flex;
flex-wrap:wrap;
gap:3rem;
row-gap:1.5rem;
margin-top:2rem
}

ul.vorteile li,ul.leistungen li {
  width: calc(100% / 2 - 3rem / 2);
  padding: 0 0 0 3.8rem !important;
  list-style: none;
  position: relative;
  text-align: left;
  display: block;
}

ul.vorteile li::before,
ul.leistungen li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0.1rem;
  width: 2.5rem;
  height: 2.5rem;
  background-color: currentColor;
  -webkit-mask-image: url(/wp-content/uploads/2025/01/check-green.svg);
  mask-image: url(/wp-content/uploads/2025/01/check-green.svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
}

div#herosection ul.vorteile li
{
	width:100% !important;
	padding: 0 0 0 4.2rem !important;
}

div#herosection ul.vorteile li::before {
  top: 0.1rem;
  width: 2.7rem;
  height: 2.7rem;
}

ul.leistungen li {
width:100%;
color:var(--schriftfarbe)!important
}

ul.leistungen li a {
color:var(--schriftfarbe)
}

@media screen and (max-width:800px) {
ul.vorteile li {
width:100%
}
}

ul.vorteile li.pfote::before {
-webkit-mask-image: url(/wp-content/uploads/2025/05/pfote.svg);
mask-image: url(/wp-content/uploads/2025/05/pfote.svg);
}

ul.vorteile li.pflegeprodukte::before {
-webkit-mask-image: url(/wp-content/uploads/2025/05/pflegeprodukte.svg);
mask-image: url(/wp-content/uploads/2025/05/pflegeprodukte.svg);
}

ul.vorteile li.herz::before {
-webkit-mask-image: url(/wp-content/uploads/2025/05/herz.svg);
mask-image: url(/wp-content/uploads/2025/05/herz.svg);
}

ul.vorteile li.termin::before {
-webkit-mask-image: url(/wp-content/uploads/2025/05/termin.svg);
mask-image: url(/wp-content/uploads/2025/05/termin.svg);
}

ul.vorteile li.waage::before {
-webkit-mask-image: url(/wp-content/uploads/2025/05/waage.svg);
mask-image: url(/wp-content/uploads/2025/05/waage.svg);
}

ul.vorteile li.hund::before {
-webkit-mask-image: url(/wp-content/uploads/2025/05/hund.svg);
mask-image: url(/wp-content/uploads/2025/05/hund.svg);
}

ul.vorteile li.sauber::before {
-webkit-mask-image: url(/wp-content/uploads/2025/05/sauber.svg);
mask-image: url(/wp-content/uploads/2025/05/sauber.svg);
}

ul.vorteile li.check::before {
-webkit-mask-image: url(/wp-content/uploads/2025/05/check-green.svg);
mask-image: url(/wp-content/uploads/2025/05/check-green.svg);
}

h3.icon
{
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 1rem;
}

h3 svg
{
	height: 2.5rem;
	width: 2.5rem;
}


div.ablauf-card {
padding:3rem;
margin:0 auto;
max-width:680px;
min-width:350px;
text-align:center;
background:var(--bg-card-hell);
box-shadow:var(--boxshadow-card);
border-radius:var(--borderradius-card);
position:relative
}

div.ablauf-card p.title {
font-size:1.3rem;
font-weight:700;
margin:2rem 0 1rem
}

div.ablauf-card span.number {
position:absolute;
font-weight:700;
color:var(--textfarbe);
opacity:.05;
line-height:1;
top:1rem;
left:2rem;
font-size:150px;
font-family:var(--schriftart-zahl)
}

div.ablauf-card svg.icon
{
	height: 5rem !important;
	width: 5rem !important;
}

div.zitat {
width:100%;
background-image:url(/wp-content/uploads/2025/01/haushaltsaufloesung-paderborn.webp);
box-shadow:var(--boxshadow-card);
border-radius:var(--borderradius-card);
position:relative;
padding:4rem;
color: #fff;
text-align:center;
font-size:1.5rem
}

div.zitat > * {
position:relative
}

div.zitat::after {
position:absolute;
bottom:1rem;
left:1rem;
content:'„';
font-family:'Caveat';
font-size:17rem;
opacity:.1;
line-height:1;
-webkit-text-stroke-width:5px;
-webkit-text-stroke-color:#ddd;
color:rgba(0,0,0,0);
animation:zahn 8100ms ease-in-out infinite;
z-index:0
}

div.zitat::before {
content:'';
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background-color:var(--akzentfarbedunkel);
border-radius:var(--borderradius-card);
opacity:.84;
z-index:0
}

div.zitat p.autor {
font-size:.9rem;
opacity:.7
}

.blog-element-text ul {
display:inline-block;
margin:1.5rem 0 0;
padding-inline-start:0!important
}

.blog-element {
border-radius:var(--borderradius-card);
background:rgba(255,255,255,0.6);
-moz-transition:all 300ms ease-in-out;
-webkit-transition:all 300ms ease-in-out;
transition:all 300ms ease-in-out;
box-shadow:0 10px 33px rgba(0,0,0,0.06)
}

.blog-element .blog-element-text h2 {
font-size:1rem;
text-transform:none
}

.blog-element:hover {
background:rgba(255,255,255,0.99)
}

.blog-element-img {
border-top-left-radius:var(--borderradius-card);
border-top-right-radius:var(--borderradius-card);
overflow:hidden
}

.blog-element-img img {
max-width:100%;
-moz-transition:all 300ms ease-in-out;
-webkit-transition:all 300ms ease-in-out;
transition:all 300ms ease-in-out
}

.blog-element:hover .blog-element-img img {
transform:scale(1.03)
}

.blog-element-text {
padding:2rem 1.5rem;
text-align:center;
font-size:.9rem;
color:#555
}

p.blog-element-text-description {
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:3;
overflow:hidden;
text-overflow:ellipsis
}

div.blog-content {
padding-bottom:2rem
}

div.sidebar {
display:flex;
flex-direction:column;
gap:2rem;
width:30%;
font-size:1.2rem;
position:sticky;
top:6rem;
align-self:flex-start
}

div.contentbar {
font-size:1.1rem;
width:60%
}

div.contentbar h1 {
font-size:2.8rem;
color:var(--ueberschriftfarbe)
}

div.contentbar h2 {
font-size:2rem;
margin:4rem 0 1.5rem
}

div.contentbar h2:first-child {
margin-top:0
}

div.contentbar ul {
margin:2rem 0
}

div.contentbar img {
border-radius:var(--borderradius-card);
width:80%;
max-width:100%;
height:auto;
display:block;
margin:4rem auto 3rem;
box-shadow:var(--boxshadow-card)
}

div.termin {
border-radius:var(--borderradius-card);
padding:2rem
}

div.navigation-leistungen {
width:100%;
padding:2rem;
border-radius:var(--borderradius-card);
box-shadow:var(--boxshadow-card);
border:var(--border-card);
font-size:1rem
}

div.navigation-leistungen span {
font-weight:700;
color:var(--ueberschriftfarbe);
margin-bottom:1.4rem;
display:block
}

div.navigation-leistungen ul {
padding:0;
margin:0;
display:flex;
flex-direction:column;
gap:.7rem
}

div.navigation-leistungen ul li a {
color:var(--schriftfarbe)
}

div.navigation-leistungen ul li a:hover {
color:var(--akzentfarbe)
}

div.blog-links {
margin:2rem auto;
justify-content:flex-start
}

div.blog-links a {
width:4rem;
height:4rem;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center
}

.icon-blog {
	width: 24px;
	height: 24px;
	fill: currentColor;
	color: var(--akzentfarbe);
	transition: color 0.3s ease;
}

div.blog-links a:hover {
background:rgba(255,255,255,0.9);
box-shadow:0 2px 4px rgba(100,100,100,0.1)
}

div#inhaltsverzeichnis ul {
gap:0
}

div#inhaltsverzeichnis ul li {
font-size:.9rem;
margin-bottom:.5rem
}

#inhaltsverzeichnis a.active {
font-weight:700;
color:var(--buttonfarbe);
border-left:3px solid var(--buttonfarbe);
border-radius:3px;
padding-left:7px;
display:block;
width:calc(100% + 10px)
}

ul {
list-style-type:none;
padding-inline-start:0
}

ol {
padding-inline-start:50px
}

figure.wp-block-table
{
	margin: 2rem 0;
}

div.contentbar table
{
	border-spacing: 0px !important;
}

div.contentbar table thead tr
{
	background: rgba(200, 200, 200, 0.2);
	text-align: left;
}

div.contentbar table tbody tr:nth-child(even)
{
	background: rgba(200, 200, 200, 0.2);
}

div.contentbar table thead tr th
{
	padding: 0.8rem;
}

div.contentbar table tbody tr td
{
	padding: 0.5rem 0.8rem;
}

div.contentbar ul li,div.contentbar ol li,div.content ol li,div.preis-card ul li {
padding:0 0 0 2.7rem !important;
margin:0 0 1.2rem;
list-style:none;
background-image:url(/wp-content/uploads/2025/05/pfote.svg);
background-repeat:no-repeat;
background-position:left top 0;
background-size:1.2rem;
text-align:left
}

div.preis-card ul li {
margin:0;
background-size:1.6rem;
background-position:left top -.1rem
}

div.contentbar ul li {
background-size:1.5rem;
background-image:url(/wp-content/uploads/2025/05/pfote.svg)
}

div.contentbar ol li {
background-image:none;
list-style:auto;
padding-left:1rem!important
}

div.preis-card {
padding:3rem;
max-width:500px;
min-width:330px;
text-align:center;
margin:0 auto;
box-shadow:var(--boxshadow-card);
border-radius:var(--borderradius-card);
background:linear-gradient(#2978be 0%,#144873 25.8076%,var(--akzentfarbedunkel) 88%);
background:var(--akzentfarbedunkel);
color:#fff;
overflow:hidden;
position:relative;
z-index:1
}

div.preis-card ul {
text-align:left;
display:flex;
flex-direction:column;
gap:.7rem;
margin:1rem 0 2rem;
padding-inline-start:0
}

div.preis-card p.title {
font-size:1.5rem;
font-weight:700;
margin-top:0
}

p.price {
font-size:2.3rem;
margin:1.5rem
}

p.price span.price-color {
background:#FF6961;
font-size:2.3rem;
padding:4px 10px;
font-family:var(--schriftart-zahl)
}

div.rectangle-container1 {
filter:blur(20px);
opacity:.75;
position:absolute;
width:100%;
top:-90px;
left:0;
z-index:-1
}

div.rectangle1 {
background:linear-gradient(
  170.037deg,
  rgba(126, 78, 30, 0) 0%,
  rgba(210, 150, 90, 0.2) 100%    /* fast beige */
);
transform:rotate(-150deg);
opacity:1;
height:680px;
width:15%;
left:0;
position:absolute;
top:-50px
}

div.rectangle:nth-child(2) {
left:20%
}

div.rectangle:nth-child(3) {
left:30%
}

div.rectangle:nth-child(4) {
left:55%
}

div.rectangle:nth-child(5) {
left:60%
}

.white-container {
width:100%;
padding:2rem 2.5rem;
background:rgba(255,255,255,0.6);
border-radius:var(--borderradius-card);
box-shadow:0 25px 35px rgba(0,0,0,0.03);
position:relative;
-moz-transition:all 600ms ease-in-out;
-webkit-transition:all 600ms ease-in-out;
transition:all 600ms ease-in-out
}


a.white-container:hover {
background:rgba(255,255,255,1);
box-shadow:0 25px 35px rgba(0,0,0,0.05);
}

#testimonials .white-container {
padding:2.5rem 2.5rem 2rem 2.5rem;
}

#testimonials .white-container::after {
    content: "„";
    position: absolute;
    top: -6rem;
    right: 2.5rem;
    font-family: Caveat;
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: var(--akzentfarbe);
    font-size: 12rem;
    line-height: 1;
	opacity:0.7;
	display: inline-block;
    padding-right: 0.5rem;
	color: rgba(0, 0, 0, 0);
}

.faq-item {
border-bottom:1px solid #ddd;
margin-bottom:1.5rem;
padding-bottom:1rem
}

.faq-item:last-of-type {
border-bottom:none;
margin-bottom:0;
padding-bottom:0
}

.faq-question {
cursor:pointer;
font-weight:700;
display:block;
padding:.5rem 0;
position:relative;
padding-right:3rem
}

.faq-question::after {
content:'';
position:absolute;
height:1rem;
width:1.5rem;
top:50%;
right:0;
transform-origin:center center;
transform:translateY(-50%);
transition:transform .3s ease-in-out
}

.faq-question::before {
content:'';
position:absolute;
height:1px;
width:16px;
top:50%;
right:12px;
background:var(--schriftfarbe);
border-radius:1px;
transform:rotate(45deg);
transform-origin:center center;
transition:transform .3s ease-in-out
}

.faq-question::after {
content:'';
position:absolute;
height:1px;
width:16px;
top:50%;
right:0;
background:var(--schriftfarbe);
border-radius:1px;
transform:rotate(-45deg);
transform-origin:center center;
transition:transform .3s ease-in-out
}

.faq-checkbox:checked + .faq-question::before {
transform:rotate(-45deg)
}

.faq-checkbox:checked + .faq-question::after {
transform:rotate(45deg)
}

.faq-answer {
max-height:0;
opacity:0;
overflow:hidden;
margin-top:.5rem;
transition:max-height .9s ease,opacity 1.1s ease
}

.faq-checkbox {
display:none
}

.faq-checkbox:checked ~ .faq-answer {
max-height:200px;
opacity:1
}

div#faq .w40 h2 {
position:relative;
z-index:10
}

div#faq .w40 h2::before {
display:inline-block;
content:"?";
font-size:10rem;
opacity:.04;
position:absolute;
top:-3rem;
left:-6rem;
animation:slow-up-down 8100ms ease-in-out infinite;
z-index:-1
}

#faq h3
{
	font-size: 1.2rem;
	margin: 0;
}

@keyframes slow-up-down {
0% {
transform:translatey(00px)
}

50% {
transform:translatey(20px) rotate(-2deg)
}

100% {
transform:translatey(00px)
}
}






#quiz-container {
    width: 100%;
    position: relative;
    color: var(--schriftfarbe)!important;
    padding: 3rem;
    background: rgba(255,255,255,0.6);
    border-radius: var(--borderradius-card);
    box-shadow: 0 25px 35px rgba(0,0,0,0.03);
    min-height: 300px;
    transition: height 0.5s ease;
    overflow: visible;
}

.quiz-question {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.5s ease;
    position: absolute;
    width: calc(100% - 6rem);
    left: 3rem;
    right: 3rem;
    pointer-events: none;
    height: auto;
    visibility: hidden;
}

.quiz-question.fade-hidden {
    display: none !important;
}



form#quiz-form {
    margin-bottom: 0;
}

.quiz-question.fade-active {
    opacity: 1;
    transform: translateY(0);
    pointer-events: all;
    visibility: visible;
}

.quiz-question.fade-init {
    opacity: 1;
    transform: translateY(0);
}

.quiz-question input[type="radio"], .quiz-question input[type="checkbox"] {
    display: none;
}

.quiz-question p {
    margin-bottom: 1.5rem;
    margin-top: 0;
    font-size: 1.2rem;
    text-align: center;
    font-weight: 700;
    grid-column: 1 / -1;
}

#question-1, #question-2, #question-3 {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: .7rem;
}

.quiz-question button.button {
    grid-column: 1 / -1;
    width: 100%;
    margin-top: 1rem;
}

.quiz-question .answer-option:last-of-type:nth-child(odd) {
    grid-column: 1 / -1;   /* nimmt die ganze Grid-Zeile */
    justify-self: center;  /* zentriert das Element */
	width: 100%;
}

.quiz-question .answer-option:last-child:nth-child(odd) label {
    width: 100%;
}

.quiz-question label:not(#contact-form label) {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 1.3rem 1rem 1.2rem;
    background: rgba(155,155,155,0.12);
    border: 0;
    border-radius: 4px;
    cursor: pointer;
    transition: all .3s ease;
    text-align: center;
    min-height: 60px;
}

.quiz-question label img, .quiz-question label svg.icon {
    width: 50px;
    height: 50px;
    margin-bottom: .5rem;
    transition: all .3s ease;
}

.quiz-question label:hover:not(#contact-form label:hover) {
    border-color: var(--akzentfarbe);
    background: var(--akzentfarbe);
    color: #fff;
}

.quiz-question label:hover img {
    filter: brightness(0) invert(1);
}

.quiz-question input[type="radio"]:checked + label, #question-3 .answer-option input[type="checkbox"]:checked + label {
    background: var(--akzentfarbe);
    color: #fff;
    border-color: var(--akzentfarbe);
}

.quiz-question input[type="radio"]:checked + label img, #question-3 .answer-option input[type="checkbox"]:checked + label img {
    filter: brightness(0) invert(1);
}

#contact-form {
    display: flex;
    flex-direction: column;
}

#contact-form button {
    margin: 0;
}

#contact-form .form-items {
    margin-bottom: 12px;
}

.button span.small {
    font-size: 12px;
    opacity: .7;
    line-height: 1;
    display: inline-block;
}

.progress-container {
    display: flex;
    grid-column: 1 / -1;
    gap: 4px;
    margin-bottom: 2rem;
    width: 100%;
}

.progress-segment {
    flex: 1;
    height: 4px;
    background: #ccc;
    border-radius: 2px;
    transition: background-color .3s ease;
}

.progress-segment.active {
    background: var(--akzentfarbe);
}

.progress-segment.completed {
    background: var(--akzentfarbe);
}

div.flexelement-kontaktformular {
width:60%;
box-sizing:border-box;
padding:40px 70px
}

div.kontaktformular {
width:100%;
max-width:600px;
box-sizing:border-box;
text-align:center;
margin:0 auto
}

div.form,div.form-items {
width:100%
}

.form-items {
position:relative
}

.form-items .input,select.dropdown {
width:100%;
padding:1rem .3rem 1rem 3.7rem;
background:#eee;
border:0;
border-radius:4px;
box-sizing:border-box;
outline:none;
-webkit-appearance:none;
-moz-transition:all 300ms ease-in-out;
-webkit-transition:all 300ms ease-in-out;
transition:all 300ms ease-in-out
}

.form-items .input:hover,.form-items select.dropdown:hover {
background:#f3f3f3
}

::placeholder {
color:#888;
opacity:1
}

::-ms-input-placeholder {
color:#888
}

select.dropdown {
width:100%;
font-size:inherit;
font-family:var(--schriftart)
}

div.form-items-50 {
width:calc(50% - 6px)
}

.form-items img {
position:absolute;
top:50%;
transform:translatey(-50%);
left:1.2rem;
height:1.3rem
}

.form-items img.right {
right:1.2rem;
left:unset;
height:1rem;
top:1.15rem
}

.container {
display:block;
position:relative;
padding-left:30px;
margin-bottom:12px;
cursor:pointer;
font-size:11px;
line-height:1.4;
text-align:left;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none
}

.container input {
position:absolute;
opacity:0;
cursor:pointer;
height:0;
width:0
}

.container input:checked ~ .checkmark {
background-color:var(--akzentfarbe)
}

.container input:checked ~ .checkmark:after {
display:block
}

.container .checkmark:after {
left:6px;
top:2px;
width:3px;
height:6px;
border:solid #fff;
border-width:0 2px 2px 0;
-webkit-transform:rotate(45deg);
-ms-transform:rotate(45deg);
transform:rotate(45deg)
}

.checkmark {
position:absolute;
top:0;
left:0;
height:17px;
width:17px;
border-radius:4px;
background-color:#dfdfdf
}

.checkmark:after {
content:"";
position:absolute;
display:none
}

div.flexelement-12 {
width:calc(16.66% - 10px);
margin:0 5px 10px
}

div.flex-klasse {
justify-content:flex-start;
width:calc(100% + 10px);
margin-left:-5px
}

div.flexelement-12 input {
display:none;
width:100%
}

input:checked + .label-klasse {
background-color:var(--ueberschriftfarbe);
color:#fff
}

.label-klasse {
display:block;
width:calc(100% - 20px);
height:100%;
padding:15px 10px;
background:#e6e6e6;
text-align:center;
font-size:18px;
-moz-transition:all 300ms ease-in-out;
-webkit-transition:all 300ms ease-in-out;
transition:all 300ms ease-in-out
}

.label-klasse:hover {
background:#eee
}

#date {
box-sizing:border-box;
width:calc(50% - 56px);
margin-bottom:12px;
padding:15px 5px 15px 45px;
background:#e6e6e6;
border:0;
font-size:inherit
}

textarea,.form-items .input,select#dropdown {
font-family:var(--schriftart);
-webkit-appearance:none;
font-size:inherit
}

textarea.input {
max-width:100%;
min-width:100%;
min-height:25px;
max-height:200px
}

select:required:invalid {
color:#888;
font-family:var(--schriftart)
}

option {
color:#000;
font-family:var(--schriftart)
}

#cn-refuse-cookie {
background:none!important;
border:0 solid #333!important;
color:#333!important
}

#cookie-notice {
margin:1rem;
border-radius:5px;
background:#fff!important;
width:580px!important;
right:0;
left:auto!important;
max-width:calc(100% - 2rem)!important;
min-width:auto!important;
box-sizing:border-box;
box-shadow:0 25px 35px rgba(0,0,0,0.1);
#animation:cookie-fade-in 1100ms ease-in-out!important;
animation-delay:.6s!important
}

@keyframes cookie-fade-in {
0% {
opacity:0;
transform:translateY(30px)
}

20% {
opacity:.1
}

100% {
opacity:1;
transform:translateY(0)
}
}

.cookie-notice-container {
padding:2rem 2rem 1rem!important
}

.cn-text-container {
margin-bottom:0!important
}

#cn-notice-text {
color:#333!important;
text-align:left;
width:100%;
float:left
}

#cn-notice-text a {
color:#333!important
}

#cn-close-notice {
display:none
}

a.cn-button {
padding:1rem 1.3rem!important;
border-radius:5px;
margin-left:0!important
}

#cn-notice-buttons {
display:flex!important;
gap:.4rem;
flex-direction:column;
width:100%;
padding-top:20px!important
}

#cookie-notice .cn-button:not(.cn-button-custom)
{
	padding: 15px 20px !important;
	margin: 0 !important;
}

.cookie-notice-container {
flex-direction:column
}

::selection {
background-color:var(--akzentfarbe);
color:#fff
}

* {
box-sizing:border-box
}

body::-webkit-scrollbar {
width:15px
}

body::-webkit-scrollbar-track {
background:var(--scrollbarBG)
}

body::-webkit-scrollbar-thumb {
background-color:var(--thumbBG);
border-radius:8px;
border:3px solid var(--scrollbarBG)
}

@media screen and (max-width:1150px) {
div.w20,div.w25 {width:calc(50% - 1rem)!important}
}

@media screen and (max-width:1350px) {
header { position:relative; background:var(--akzentfarbedunkel); }
div.header-inner { padding:1rem 1.3rem 1rem 1rem; }
div.header-inner a.logo { width:auto; }
img#Logo { height:45px; }
nav { background:var(--akzentfarbedunkel); padding:2.5rem 1.5rem; position:absolute; top:100%; width:100%; left:0; margin:0; transform:scale(1,0); transform-origin:top; transition:all 300ms ease-in-out; }
nav ul { margin-top:10px; width:100%; display:flex; flex-direction:column; gap:.6rem; }
nav ul li a { display:block; padding:15px 20px; opacity:0; transform:translatey(7px); transition:opacity 450ms ease-in-out var(--delay), transform 400ms ease-in-out var(--delay); }
nav li:nth-child(1) a { --delay:200ms; }
nav li:nth-child(2) a { --delay:300ms; }
nav li:nth-child(3) a { --delay:400ms; }
nav li:nth-child(4) a { --delay:500ms; }
nav li:nth-child(5) a { --delay:600ms; }
nav li:nth-child(6) a { --delay:700ms; }
nav a.button { opacity:0; margin-left:1rem; transform:translatey(7px); --delay:400ms; transition:opacity 450ms ease-in-out var(--delay), transform 400ms ease-in-out var(--delay); }
nav div.contact-phone { opacity:0; margin-left:1rem; transform:translatey(7px); --delay:500ms; transition:opacity 450ms ease-in-out var(--delay), transform 400ms ease-in-out var(--delay); }
nav .main-menu li ul.submenu { position:static; opacity:1; transform:none; background:transparent; box-shadow:none; padding:.5rem 0 0; max-height:0; overflow:hidden; transition:max-height .4s ease; pointer-events:auto; }
nav .main-menu li ul.submenu li a { padding:.7rem 1.2rem; color:#fff; }
nav .main-menu > li { width:100%; }
nav .main-menu > li.has-children > a { position:relative; width:100%; }
nav .main-menu > li.has-children > a .chevron-icon { transition:transform .3s ease; }
nav .main-menu > li.has-children.active > a .chevron-icon { transform:rotate(180deg); }
nav .main-menu > li.has-children.active > ul.submenu { max-height:500px; }
nav .main-menu li:hover > ul { opacity:1; transform:none; }
div.header-inner .checkbox { position:absolute; display:block; height:32px; width:32px; top:20px; right:20px; z-index:5; opacity:0; cursor:pointer; }
div.hamburger-lines { height:26px; width:32px; z-index:2; display:block; }
div.hamburger-lines label { height:26px; width:32px; display:flex; flex-direction:column; justify-content:space-between; }
div.hamburger-lines .line { display:block; height:2px; width:100%; border-radius:10px; background:#fff; }
div.hamburger-lines .line1 { transform-origin:0 0; transition:transform 400ms ease-in-out; }
div.hamburger-lines .line2 { transition:transform 200ms ease-in-out; }
div.hamburger-lines .line3 { transform-origin:0 100%; transition:transform 400ms ease-in-out; }
div.header-inner input[type="checkbox"]:checked ~ .hamburger-lines .line1 { transform:rotate(45deg); width:105%; }
div.header-inner input[type="checkbox"]:checked ~ .hamburger-lines .line2 { transform:scale(0); }
div.header-inner input[type="checkbox"]:checked ~ .hamburger-lines .line3 { transform:rotate(-45deg); width:105%; }
div.header-inner input[type="checkbox"]:checked ~ nav { display:flex; flex-direction:column; transform:scale(1,1); align-items:flex-start; }
div.header-inner input[type="checkbox"]:checked ~ nav a, div.header-inner input[type="checkbox"]:checked ~ nav div.contact-phone { text-align:left; opacity:1; transform:translatey(0); transition:opacity 700ms ease-in-out var(--delay), transform 600ms ease-in-out var(--delay); }
	
div#herosection{padding-top: 3rem;}
div.herosection-img::before,div.herosection-img::after{width: 6rem;height: 6rem;right: 2rem;top:-2rem;}
div#herosection div.herosection-img::after{bottom:0;}

div.sidebar {top:1rem;} 
}

@media screen and (max-width:1000px) {
:root {--borderradius-bigcard:1.5rem;} 
body,html {font-size:14px;} 
div#herosection {padding:3rem 0 2rem;} 
div.content {padding:50px 0;} 
div.w20,div.w25,div.w40,div.w50,a.w50,div.w60 {width:100%!important;min-width:auto!important;} 
div.w33,a.w33 {width:calc(50% - 1rem)!important;min-width:auto!important;}
	@media screen and (max-width:750px) {
		div.w33,a.w33 {width:100%!important;min-width:auto!important;}
	}
div.img {text-align:center!important;} 
h1 {font-size:30px;margin-bottom:1rem;} 
h2 {font-size:26px;line-height:34px;margin-bottom:1.5rem;} 
h3 {font-size:20px;} 
h4 {font-size:20px;line-height:26px;} 
div.gap6rem {gap:2rem;} 
div#herosection div.testimonial-sterne {margin:2rem 0 0;} 
div.ablauf-card {padding:2rem;} 
div.blog-content {padding-top:1.5rem;} 
div.contentbar h1 {font-size:2rem;} 
div.contentbar h2 {font-size:1.6rem;} 
div.contentbar {width:100%;font-size:1.1rem;} 
div.contentbar ul {padding-inline-start:10px;} 
div.contentbar ol {padding-inline-start:30px;} 
div.sidebar {width:100%;font-size:1rem;margin-top:2rem;} 
.wp-block-image.size-full {margin:0;} 
div.blog-links {margin:1rem auto 0;}
img.google,img.stern{width:16px;height:16px;}
div.siegel img {height:42px;width:42px;}
#quiz-container{padding:2rem;}
}