body[data-portal="garten"]{background:#F7F6EE;color:#263B2D}
body[data-portal="garten"] .mk-announcement{background:#E8EFE2;color:#203E2D}
body[data-portal="garten"] .mk-announcement a,body[data-portal="garten"] .mk-announcement strong{color:#203E2D}
body[data-portal="garten"] .mk-header{background:#FFFEF8;border-bottom:1px solid #DCE3D4}
body[data-portal="garten"] .mk-brand-icon{background:#326447;border-radius:14px 14px 14px 3px}
body[data-portal="garten"] .mk-brand-name{letter-spacing:-.035em;font-size:clamp(1rem,1.8vw,1.45rem)}
body[data-portal="garten"] .mk-hero{background:#F7F6EE;padding:54px 0 34px;overflow:hidden}
body[data-portal="garten"] .mk-hero::before,body[data-portal="garten"] .mk-hero::after{display:none}
body[data-portal="garten"] .mk-hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:35px;align-items:center}
body[data-portal="garten"] .mk-title{font-family:Georgia,'Times New Roman',serif;font-size:clamp(3rem,5vw,4.8rem);font-weight:500;line-height:1.08;letter-spacing:-.045em}
body[data-portal="garten"] .mk-title span{color:#326447;font-style:italic}
body[data-portal="garten"] .mk-eyebrow{color:#326447;letter-spacing:.12em;font-size:.73rem}
body[data-portal="garten"] .mk-lead{font-size:1.07rem;line-height:1.8;max-width:620px}
body[data-portal="garten"] .mk-hero-visual{height:390px;min-height:0;position:relative;background:url('/assets/portal/images/garten.svg') center/contain no-repeat}
body[data-portal="garten"] .mk-visual-orbit,body[data-portal="garten"] .mk-animal-card{display:none}
body[data-portal="garten"] .mk-visual-stat{position:absolute;right:0;bottom:0;left:auto;transform:none;background:#FFFEF8;border:1px solid #DCE3D4;box-shadow:0 8px 22px #203E2D0C;border-radius:14px}
body[data-portal="garten"] .mk-search{border:1px solid #DCE3D4;border-radius:14px;box-shadow:0 10px 30px #203E2D0A;margin-top:32px}
body[data-portal="garten"] .mk-primary-action{background:#326447;border-radius:8px;box-shadow:none}
body[data-portal="garten"] .mk-primary-action:hover{background:#244C35}
body[data-portal="garten"] .mk-trust{justify-content:flex-start;gap:25px}
body[data-portal="garten"] .mk-category-wrap{background:#FFFEF8;border-top:1px solid #DCE3D4;border-bottom:1px solid #DCE3D4;padding:38px 0}
body[data-portal="garten"] .mk-heading,body[data-portal="garten"] .mk-title-small{font-family:Georgia,'Times New Roman',serif;font-weight:500;letter-spacing:-.035em}
body[data-portal="garten"] .mk-category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
body[data-portal="garten"] .mk-category{background:#F7F6EE;border:1px solid #DCE3D4;border-radius:12px;padding:18px 14px;box-shadow:none;min-width:0}
body[data-portal="garten"] .mk-category-icon{background:#E8EFE2;color:#326447;border-radius:50%}
body[data-portal="garten"] .mk-category:hover{background:#E8EFE2;border-color:#326447}
body[data-portal="garten"] .mk-listing{border:1px solid #DCE3D4;border-radius:12px;box-shadow:none}
body[data-portal="garten"] .mk-listing-media{aspect-ratio:4/3}
body[data-portal="garten"] .mk-category-hero{background:linear-gradient(110deg,#F7F6EE,#E8EFE2)}
body[data-portal="garten"] .mk-guide{background:#E8EFE2}
body[data-portal="garten"] .mk-footer{background:#20372B}
body[data-portal="garten"] .mk-overview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
body[data-portal="garten"] .mk-overview-grid>*{width:auto;min-width:0;padding:0}
@media(max-width:991.98px){body[data-portal="garten"] .mk-hero-grid{grid-template-columns:1fr;gap:20px}body[data-portal="garten"] .mk-hero-visual{height:290px;max-width:500px;width:100%;margin:auto}body[data-portal="garten"] .mk-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:575.98px){body[data-portal="garten"] .mk-hero{padding-top:30px}body[data-portal="garten"] .mk-title{font-size:2.8rem}body[data-portal="garten"] .mk-hero-visual{height:245px}body[data-portal="garten"] .mk-brand-name{font-size:1rem;letter-spacing:-.045em}body[data-portal="garten"] .mk-trust{flex-wrap:wrap;gap:10px}body[data-portal="garten"] .mk-category{padding:14px 10px;gap:8px;flex-wrap:wrap}body[data-portal="garten"] .mk-category strong{font-size:.92rem}body[data-portal="garten"] .mk-category-arrow{display:none}body[data-portal="garten"] .mk-overview-grid{grid-template-columns:1fr}}

/* Leichte Gartenhintergruende: Salbei, Blattgruen und warmes Sonnenlicht. */
body[data-portal="garten"] .mk-hero{
 position:relative;isolation:isolate;
 background:radial-gradient(ellipse at 8% 12%,rgba(154,184,129,.17),transparent 43%),radial-gradient(ellipse at 83% 22%,rgba(219,191,112,.14),transparent 47%),linear-gradient(125deg,#FAFAF4 0%,#F3F6EA 56%,#EDF3E5 100%);
}
body[data-portal="garten"] .mk-hero::before,body[data-portal="garten"] .mk-hero::after{
 content:"";display:block;position:absolute;pointer-events:none;z-index:-1;
}
body[data-portal="garten"] .mk-hero::before{
 width:47rem;height:24rem;right:-16rem;bottom:-13rem;top:auto;left:auto;
 border-radius:70% 30% 65% 35% / 65% 35% 65% 35%;transform:rotate(-18deg);
 background:linear-gradient(125deg,rgba(111,153,91,.13),rgba(180,203,156,.19));
}
body[data-portal="garten"] .mk-hero::after{
 width:30rem;height:15rem;left:-17rem;bottom:2rem;top:auto;right:auto;
 border-radius:30% 70% 35% 65% / 35% 65% 35% 65%;transform:rotate(22deg);
 background:linear-gradient(125deg,rgba(199,171,103,.10),rgba(123,165,107,.10));
}
body[data-portal="garten"] .mk-hero>.container{position:relative;z-index:1}
body[data-portal="garten"] .mk-category-wrap{
 background:radial-gradient(ellipse at 100% 0%,rgba(170,195,146,.13),transparent 55%),#FFFEF8;
}
body[data-portal="garten"] .mk-category-hero{
 background:radial-gradient(ellipse at 90% 20%,rgba(165,192,142,.22),transparent 55%),linear-gradient(115deg,#FAFAF3,#EDF3E5);
}
body[data-portal="garten"] .mk-guide{
 background:radial-gradient(ellipse at 5% 85%,rgba(226,206,145,.17),transparent 48%),linear-gradient(120deg,#EEF3E7,#E4EDDC);
}
@media(max-width:575.98px){
 body[data-portal="garten"] .mk-hero::before{width:24rem;height:17rem;right:-15rem;bottom:-7rem}
 body[data-portal="garten"] .mk-hero::after{width:20rem;height:12rem;left:-16rem;bottom:13rem}
}

/* Mobile Startseite: Formen im sichtbaren Kopfbereich halten. */
@media(max-width:767.98px){
 body[data-portal="garten"] .mk-hero{
  background:radial-gradient(ellipse at 100% 5%,rgba(164,190,134,.32),transparent 58%),radial-gradient(ellipse at 0% 52%,rgba(223,194,119,.18),transparent 52%),linear-gradient(145deg,#F8F9F0,#EDF3E3);
 }
 body[data-portal="garten"] .mk-hero::before{
  display:block;z-index:0;width:19rem;height:15rem;right:-10rem;top:1rem;bottom:auto;left:auto;
  border-radius:70% 30% 65% 35% / 65% 35% 65% 35%;transform:rotate(-28deg);
  background:linear-gradient(130deg,rgba(111,153,91,.18),rgba(180,203,156,.24));
 }
 body[data-portal="garten"] .mk-hero::after{
  display:block;z-index:0;width:17rem;height:12rem;left:-11rem;top:20rem;bottom:auto;right:auto;
  border-radius:30% 70% 35% 65% / 35% 65% 35% 65%;transform:rotate(25deg);
  background:linear-gradient(125deg,rgba(199,171,103,.15),rgba(123,165,107,.18));
 }
}