/* Gartentanja – Landingpage „11 Traumpaare fürs Hochbeet“
   Alle Regeln sind unter .gt-tp gekapselt, damit nichts auf andere Seiten wirkt.
   (Ausnahme: @font-face, html und body – die Datei wird nur auf dieser Seite geladen.) */
@font-face{font-family:'Caitlin';src:url(assets/fonts/gt-caitlin-regular.otf) format('opentype');font-display:swap}
@font-face{font-family:'Lora';src:url(assets/fonts/gt-lora-variable.woff2) format('woff2');font-weight:400 700;font-display:swap}
@font-face{font-family:'Lora';font-style:italic;src:url(assets/fonts/gt-lora-italic-variable.woff2) format('woff2');font-weight:400 700;font-display:swap}
@font-face{font-family:'Open Sans';src:url(assets/fonts/gt-opensans-variable.woff2) format('woff2');font-weight:300 700;font-display:swap}


html{scroll-behavior:smooth}
body{margin:0;background:#fffdf8}
.gt-tp{
  --g:#0b582a;--g900:#06371a;--g700:#11703a;--o:#ea5b0c;--o700:#c2470a;--o100:#fbe3d3;--lime:#b7d140;--lime300:#cfe07d;
  --brown:#5d483c;--paper:#fffdf8;--cream:#fbf7ee;--lime100:#eef5da;--white:#fff;--ink:#2c2620;--muted:#6b625a;--line:#e4ddcf;
  --sh-sm:0 1px 2px rgba(45,38,28,.06);--sh-md:0 6px 18px rgba(45,38,28,.10);--sh-lg:0 16px 40px rgba(45,38,28,.14);
  --ease:cubic-bezier(.22,.61,.36,1);
  font-family:Lora,Georgia,serif;font-size:1.0625rem;line-height:1.65;color:var(--ink);background:var(--paper);
  -webkit-font-smoothing:antialiased;overflow-x:clip
}
.gt-tp *,.gt-tp *::before,.gt-tp *::after{box-sizing:border-box}
.gt-tp h1,.gt-tp h2,.gt-tp h3,.gt-tp p,.gt-tp ul,.gt-tp blockquote,.gt-tp figure{margin:0;padding:0}
/* Schrift der Überschriften ausdrücklich setzen: Divi stylt h1 bis h4 sonst mit der Theme-Schrift (Lobster). */
.gt-tp h1,.gt-tp h2,.gt-tp h3,.gt-tp h4{font-family:Lora,Georgia,serif}
.gt-tp .gt-nw{white-space:nowrap}
.gt-tp img{max-width:100%;height:auto;display:block}
.gt-tp a{color:var(--o)}
.gt-tp .gt-wrap{max-width:1180px;margin:0 auto;padding:0 32px}
.gt-tp section{position:relative}
.gt-tp .gt-sec{padding:88px 0}
.gt-tp .gt-bg-lime{background:var(--lime100);border-top:1px solid var(--lime300);border-bottom:1px solid var(--lime300)}
.gt-tp h2{font-weight:700;color:var(--g);font-size:clamp(1.7rem,3.2vw,2.3rem);line-height:1.2}
.gt-tp h3{font-weight:700;color:var(--g);font-size:1.3rem;line-height:1.25}
.gt-tp .gt-center{text-align:center}
.gt-tp .gt-overline{font-family:'Open Sans',system-ui,sans-serif;font-weight:600;font-size:.75rem;letter-spacing:.16em;text-transform:uppercase;color:var(--brown)}
.gt-tp .gt-eye{font-family:Caitlin,Lobster,cursive;color:var(--o);font-weight:400;line-height:1.05;letter-spacing:.005em}
.gt-tp strong{color:var(--g)}

/* Buttons */
.gt-tp .gt-btn{display:inline-block;background:var(--o);color:#fff;border:0;border-radius:999px;padding:17px 32px;font:700 1.0625rem/1.2 'Open Sans',system-ui,sans-serif;text-decoration:none;box-shadow:var(--sh-sm);cursor:pointer;transition:transform 140ms var(--ease),background 140ms var(--ease),box-shadow 140ms var(--ease);text-align:center}
.gt-tp .gt-btn:hover{background:var(--o700);color:#fff;transform:translateY(-1px);box-shadow:var(--sh-md)}
.gt-tp .gt-btn:active{transform:translateY(1px) scale(.99)}
.gt-tp .gt-btn small{display:block;font-weight:400;font-size:.8rem;opacity:.92;margin-top:3px}
.gt-tp .gt-micro{margin-top:12px;font:400 .85rem/1.5 'Open Sans',system-ui,sans-serif;color:var(--brown)}
.gt-tp .gt-cta{text-align:center;margin-top:48px}

/* Kopf: nur Logo, keine Navigation (ein Ziel pro Seite) */
.gt-tp .gt-header{position:sticky;top:0;z-index:50;background:rgba(255,253,248,.92);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.gt-tp .gt-header .gt-wrap{display:flex;align-items:center;gap:24px;height:68px}
.gt-tp .gt-header img{height:34px;width:auto}
.gt-tp .gt-nav{margin-left:auto;display:flex;gap:28px}
.gt-tp .gt-nav a{font:500 .95rem 'Open Sans',system-ui,sans-serif;color:var(--g);text-decoration:none}
.gt-tp .gt-nav a:hover{color:var(--o)}
.gt-tp .gt-header .gt-btn{padding:10px 20px;font-size:.9rem}
.gt-tp section{scroll-margin-top:72px}

/* ===== Hero ===== */
.gt-tp .gt-hero{background:linear-gradient(180deg,var(--lime100) 0%,var(--paper) 100%);padding:56px 0 72px}
.gt-tp .gt-hero .gt-wrap{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);grid-template-areas:"text visual" "cta visual" "quote visual";column-gap:56px;align-items:center}
.gt-tp .gt-hero-quote-wrap{grid-area:quote;align-self:start}
.gt-tp .gt-hero-text{grid-area:text;align-self:end}
.gt-tp .gt-hero-cta{grid-area:cta;align-self:start}
.gt-tp .gt-hero-visual{grid-area:visual}
.gt-tp .gt-badge{display:inline-block;background:var(--white);border:1.5px solid var(--lime);color:var(--g);border-radius:999px;padding:5px 14px;font:600 .72rem/1.4 'Open Sans',sans-serif;letter-spacing:.14em;text-transform:uppercase}
.gt-tp .gt-callout{margin-top:0;font-style:italic;color:var(--brown);font-size:1.2rem;line-height:1.45}
.gt-tp .gt-hero h1{margin-top:4px;font-weight:700;color:var(--g);font-size:clamp(2rem,4.2vw,3.05rem);line-height:1.12}
.gt-tp .gt-hero h1 .gt-hl{color:var(--o);white-space:nowrap}
.gt-tp .gt-hero .gt-lead{margin-top:20px;font-size:1.2rem;line-height:1.55;max-width:34em}
.gt-tp .gt-hero-cta{margin-top:28px}
.gt-tp .gt-hero-quote{margin-top:28px;padding:16px 18px;border-left:3px solid var(--lime);background:rgba(255,255,255,.7);border-radius:0 14px 14px 0;max-width:34em}
.gt-tp .gt-hero-quote p{font-style:italic;font-size:.98rem}
.gt-tp .gt-hero-quote cite{display:block;margin-top:6px;font:600 .8rem 'Open Sans',sans-serif;font-style:normal;color:var(--brown)}

/* Mockup: Heft-Stapel aus echten Seiten */
.gt-tp .gt-stack{position:relative;width:100%;max-width:611px;margin:0 auto;aspect-ratio:1/1.02}
.gt-tp .gt-stack img{position:absolute;width:74%;border-radius:6px;box-shadow:var(--sh-lg);background:#fff}
.gt-tp .gt-stack .s3{right:0;top:2%;transform:rotate(7deg)}
.gt-tp .gt-stack .s2{right:8%;top:6%;transform:rotate(3deg)}
.gt-tp .gt-stack .s1{left:0;top:12%;transform:rotate(-4deg);width:80%;z-index:2}
.gt-tp .gt-sticker{position:absolute;z-index:3;left:-4%;bottom:0;width:150px;height:150px;font-size:.95rem!important;border-radius:50%;background:var(--o);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-shadow:var(--sh-md);transform:rotate(-8deg);font:700 .8rem/1.25 'Open Sans',sans-serif}
.gt-tp .gt-sticker b{font:400 2.9rem/1 Caitlin,Lobster,cursive}

/* ===== Nutzen-Band (dunkelgrün) ===== */
.gt-tp .gt-dark{background:var(--g);color:var(--paper);padding:64px 0}
.gt-tp .gt-dark .gt-grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.gt-tp .gt-dark h3{color:var(--paper);font-size:1.2rem;margin-top:14px}
.gt-tp .gt-dark p{margin-top:8px;color:#e8efe0;font-size:1rem}
.gt-tp .gt-check{width:44px;height:44px;border-radius:50%;background:var(--lime);display:flex;align-items:center;justify-content:center}
.gt-tp .gt-check svg{width:22px;height:22px}

/* ===== Für dich, wenn ===== */
.gt-tp .gt-split{display:grid;grid-template-columns:.85fr 1.15fr;gap:64px;align-items:center}
.gt-tp .gt-photo{border:2.5px dotted var(--g);border-radius:22px;padding:10px;background:var(--white)}
.gt-tp .gt-photo img{border-radius:14px;width:100%;aspect-ratio:1/1;object-fit:cover}
.gt-tp .gt-photo figcaption{font:300 .8rem 'Open Sans',sans-serif;letter-spacing:.02em;color:var(--brown);text-align:center;padding:8px 4px 2px}
.gt-tp .gt-list{list-style:none;margin-top:28px;display:grid;gap:18px}
.gt-tp .gt-list li{position:relative;padding-left:40px}
.gt-tp .gt-list li::before{content:"";position:absolute;left:0;top:3px;width:26px;height:26px;border-radius:50%;background:var(--o) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/15px no-repeat}
.gt-tp .gt-list-intro{margin-top:26px;font-size:1.05rem}

/* ===== Kostprobe ===== */
.gt-tp .gt-sec-head{max-width:760px;margin:0 auto 48px;text-align:center}
.gt-tp .gt-sec-head p{margin-top:14px;font-size:1.1rem}
.gt-tp .gt-pair{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;padding:40px 0;border-top:1px solid var(--line)}
.gt-tp .gt-pair:first-of-type{border-top:0}
.gt-tp .gt-pair:nth-of-type(even) .gt-pair-page{order:2}
.gt-tp .gt-pair-page{display:block;border:0;padding:0;background:none;cursor:zoom-in}
.gt-tp .gt-pair-page img{border-radius:8px;box-shadow:var(--sh-lg);transition:transform 240ms var(--ease)}
.gt-tp .gt-pair-page:hover img{transform:translateY(-3px)}
.gt-tp .gt-pair-page span{display:block;margin-top:10px;text-align:center;font:300 .8rem 'Open Sans',sans-serif;color:var(--brown)}
.gt-tp .gt-num{display:inline-flex;width:44px;height:44px;border-radius:50%;background:var(--o);color:#fff;align-items:center;justify-content:center;font:400 1.6rem/1 Caitlin,Lobster,cursive;margin-bottom:12px}
.gt-tp .gt-pair h3{font-size:1.65rem;color:var(--o)}
.gt-tp .gt-pair .gt-sub{margin-top:4px;font-style:italic;color:var(--g)}
.gt-tp .gt-pair .gt-txt{margin-top:16px}
.gt-tp .gt-ff{margin-top:20px;background:var(--white);border:1.5px solid var(--lime300);border-radius:14px;padding:16px 18px}
.gt-tp .gt-ff .gt-overline{color:var(--g)}
.gt-tp .gt-ff p{margin-top:6px;font-size:.98rem}

.gt-tp .gt-more{margin-top:56px;background:var(--cream);border:2.5px dotted var(--g);border-radius:22px;padding:40px 36px}
.gt-tp .gt-more h3{text-align:center}
.gt-tp .gt-more > p{text-align:center;margin-top:24px;color:var(--muted)}
.gt-tp .gt-chips{margin-top:28px;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.gt-tp .gt-chip{background:var(--white);border:1.5px solid var(--line);border-radius:14px;padding:14px 16px;box-shadow:var(--sh-sm)}
.gt-tp .gt-chip b{display:block;font-size:1rem;color:var(--g);line-height:1.3}
.gt-tp .gt-chip i{display:block;margin-top:4px;font-size:.88rem;line-height:1.4;color:var(--muted)}
.gt-tp .gt-chip .n{float:right;font:400 1.3rem/1 Caitlin,Lobster,cursive;color:var(--o);margin-left:6px}

/* ===== Über mich ===== */
.gt-tp .gt-about{display:grid;grid-template-columns:1.2fr .8fr;gap:64px;align-items:center}
.gt-tp .gt-about .gt-eye{font-size:clamp(2.2rem,4.5vw,3.2rem)}
.gt-tp .gt-about p{margin-top:16px}
.gt-tp .gt-portrait{border-radius:22px;overflow:hidden;background:linear-gradient(180deg,var(--g) 0%,var(--lime) 100%);padding:14px;box-shadow:var(--sh-md)}
.gt-tp .gt-portrait img{border-radius:14px;width:100%}
.gt-tp .gt-facts{margin-top:28px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.gt-tp .gt-fact{background:var(--white);border:1.5px solid var(--line);border-radius:14px;padding:14px;text-align:center}
.gt-tp .gt-fact b{display:block;font:400 1.9rem/1.1 Caitlin,Lobster,cursive;color:var(--o)}
.gt-tp .gt-fact span{display:block;margin-top:4px;font:400 .8rem/1.35 'Open Sans',sans-serif;color:var(--brown)}

/* ===== Stimmen ===== */
.gt-tp .gt-quotes{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.gt-tp .gt-quote{background:var(--white);border-radius:22px;padding:28px 26px;box-shadow:var(--sh-md);border:1.5px solid var(--line);display:flex;flex-direction:column}
.gt-tp .gt-quote::before{content:"„";display:block;font:700 3.4rem/1 Lora,serif;color:var(--lime);height:34px;margin:-18px 0 12px}
.gt-tp .gt-quote p{font-style:italic;flex:1}
.gt-tp .gt-quote cite{margin-top:16px;font:600 .85rem 'Open Sans',sans-serif;font-style:normal;color:var(--g)}
.gt-tp .gt-quote cite span{display:block;font-weight:400;color:var(--brown)}
.gt-tp .gt-note{margin-top:22px;text-align:center;font-size:.92rem;color:var(--muted);font-style:italic}

/* ===== FAQ ===== */
.gt-tp .gt-faq{max-width:780px;margin:0 auto;display:grid;gap:12px}
.gt-tp details{background:var(--white);border:1.5px solid var(--line);border-radius:14px;padding:0 22px}
.gt-tp summary{cursor:pointer;list-style:none;padding:18px 32px 18px 0;font-weight:700;color:var(--g);position:relative}
.gt-tp summary::-webkit-details-marker{display:none}
.gt-tp summary::after{content:"+";position:absolute;right:0;top:12px;font:400 1.6rem 'Open Sans',sans-serif;color:var(--o)}
.gt-tp details[open] summary::after{content:"–"}
/* Abstand unter dem Antworttext am details-Kasten selbst: Divi setzt beim letzten Absatz padding-bottom:0 */
.gt-tp details p{padding:0;margin:0}
.gt-tp details[open]{padding-bottom:20px}
.gt-tp details.gt-zu summary::after{content:"+"}

/* ===== Abschluss mit Formular ===== */
.gt-tp .gt-final{padding:88px 0 96px;background:var(--g)}
.gt-tp .gt-box{color:var(--paper);display:grid;grid-template-columns:.85fr 1.15fr;gap:56px;align-items:start}
.gt-tp .gt-box .gt-eye{color:var(--lime);font-size:clamp(2.2rem,4.5vw,3.1rem)}
.gt-tp .gt-box-right > p{margin-top:14px;color:#e8efe0}
.gt-tp .gt-box .gt-list li{color:var(--paper)}
.gt-tp .gt-box .gt-list li::before{background-color:var(--lime)}
.gt-tp .gt-box .gt-list{gap:12px;margin-top:22px}
.gt-tp .gt-box-left > img{width:100%;max-width:418px;margin:0 auto;border-radius:8px;box-shadow:var(--sh-lg);transform:rotate(-3deg)}
.gt-tp .gt-box-left .gt-list{margin:44px auto 0;max-width:418px}
.gt-tp .gt-box .gt-vorfreude{font-style:italic;font-size:1.15rem;color:var(--paper)}
.gt-tp .gt-endsign{margin-top:28px;font-style:italic;color:var(--g)}
.gt-tp .gt-sign{margin-top:26px;font-style:italic;color:var(--paper)}

.gt-tp .gt-form{background:var(--paper);color:var(--ink);border-radius:22px;padding:26px 24px;margin-top:26px}
.gt-tp .gt-form label{display:block;font:600 .85rem 'Open Sans',sans-serif;color:var(--g);margin:0 0 6px}
.gt-tp .gt-form input{width:100%;font:400 1rem 'Open Sans',sans-serif;padding:13px 16px;border:1.5px solid var(--line);border-radius:12px;background:#fff;margin-bottom:14px;color:var(--ink)}
.gt-tp .gt-form input:focus{outline:none;border-color:var(--g);box-shadow:0 0 0 3px var(--lime100)}
.gt-tp .gt-form .gt-btn{width:100%}
.gt-tp .gt-form .gt-legal{margin-top:12px;font:400 .76rem/1.5 'Open Sans',sans-serif;color:var(--muted)}
.gt-tp .gt-form .gt-legal a{color:var(--g)}



/* Lightbox für Heftseiten */
.gt-lightbox{position:fixed;inset:0;z-index:110;display:none;align-items:center;justify-content:center;padding:16px;background:rgba(44,38,32,.85);cursor:zoom-out}
.gt-lightbox.is-open{display:flex}
.gt-lightbox img{max-width:min(92vw,760px);max-height:92vh;border-radius:8px}

/* Sticky Handy-Leiste */
.gt-tp .gt-stickybar{display:none}

/* Footer */
.gt-tp .gt-footer{background:var(--brown);color:var(--paper);padding:28px 0;text-align:center;font:400 .85rem 'Open Sans',sans-serif}
.gt-tp .gt-footer a{color:var(--paper);margin:0 10px}

/* ===== Handy ===== */
@media (max-width:900px){
  .gt-tp .gt-nav{display:none}
  .gt-tp .gt-header{position:static}
  .gt-tp .gt-header .gt-wrap{height:60px;justify-content:space-between}
  .gt-tp section{scroll-margin-top:0}
  .gt-tp .gt-header img{height:28px}
  .gt-tp .gt-header .gt-btn{padding:9px 14px;font-size:.82rem}
  .gt-tp .gt-wrap{padding:0 20px}
  .gt-tp .gt-sec{padding:64px 0}
  .gt-tp .gt-hero{padding:32px 0 52px}
  .gt-tp .gt-hero .gt-wrap{grid-template-columns:1fr;grid-template-areas:"text" "cta" "visual" "quote"}
  .gt-tp .gt-hero .gt-lead{font-size:1.08rem}
  .gt-tp .gt-hero-cta{margin-top:22px}
  .gt-tp .gt-hero-visual{margin-top:26px}
  /* Tablet und Handy: Hero zentriert, Button in natürlicher Breite, Heft groß */
  .gt-tp .gt-hero-text{text-align:center}
  .gt-tp .gt-hero .gt-lead{margin-left:auto;margin-right:auto;max-width:36em}
  .gt-tp .gt-stack{max-width:540px}
  .gt-tp .gt-sticker{width:120px;height:120px;font-size:.82rem}
  .gt-tp .gt-sticker b{font-size:2.3rem}
  .gt-tp .gt-hero-cta{text-align:center}
  .gt-tp .gt-hero-quote{text-align:left;margin-left:auto;margin-right:auto}
  .gt-tp .gt-hero-quote-wrap .gt-hero-quote{margin-top:36px}
  /* Stimmen: Kästen einspaltig, aber rund 30 % schmaler als die volle Breite */
  .gt-tp .gt-quotes{max-width:580px;margin-left:auto;margin-right:auto}
  .gt-tp .gt-note{max-width:580px;margin-left:auto;margin-right:auto}
  /* Grünes Band: Punkte zentriert und schmaler, damit der Text nicht zu breit läuft */
  .gt-tp .gt-dark .gt-grid3{max-width:560px;margin:0 auto;text-align:center}
  .gt-tp .gt-dark .gt-check{margin:0 auto}
  .gt-tp .gt-dark .gt-grid3,.gt-tp .gt-split,.gt-tp .gt-pair,.gt-tp .gt-about,.gt-tp .gt-quotes{grid-template-columns:1fr;gap:32px}
  /* Formular-Abschnitt auf Tablet und Handy: erst Überschrift und Text (zentriert),
     dann Heft neben der Häkchen-Liste, darunter das Formular in lesbarer Breite */
  .gt-tp .gt-box{display:flex;flex-direction:column;align-items:center;gap:0;text-align:center}
  .gt-tp .gt-box-right{display:contents}
  .gt-tp .gt-box-right > .gt-overline{order:1}
  .gt-tp .gt-box-right > .gt-eye{order:2}
  .gt-tp .gt-box-right > p{order:3;max-width:34em}
  .gt-tp .gt-box-left{order:4;display:grid;grid-template-columns:240px auto;gap:36px;align-items:center;margin-top:36px;text-align:left}
  .gt-tp .gt-box-left > img{max-width:240px}
  .gt-tp .gt-box-left .gt-list{margin:0}
  .gt-tp .gt-box-right > .gt-form{order:5;width:100%;max-width:560px;margin-top:36px;text-align:left}
  .gt-tp .gt-split .gt-photo{max-width:420px;margin:0 auto}
  .gt-tp .gt-pair:nth-of-type(even) .gt-pair-page{order:0}
  .gt-tp .gt-chips{grid-template-columns:1fr 1fr}
  .gt-tp .gt-about .gt-portrait{order:-1;max-width:340px;margin:0 auto}
  .gt-tp .gt-final{padding:64px 0 72px}
  .gt-tp .gt-more{padding:28px 18px}
  .gt-tp .gt-stickybar{display:block;position:fixed;left:0;right:0;bottom:0;z-index:60;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:rgba(255,253,248,.95);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid var(--line);transform:translateY(110%);transition:transform 240ms var(--ease)}
  .gt-tp .gt-stickybar.is-visible{transform:none}
  .gt-tp .gt-stickybar .gt-btn{width:100%;padding:14px 20px;font-size:1rem}
  .gt-tp .gt-footer{padding-bottom:90px}
}
@media (max-width:520px){
  .gt-tp .gt-box-left{grid-template-columns:1fr;justify-items:center;gap:28px}
  .gt-tp .gt-box-left > img{max-width:220px}
  .gt-tp .gt-stack{max-width:390px}
  .gt-tp .gt-sticker{width:92px;height:92px;font-size:.68rem}
  .gt-tp .gt-sticker b{font-size:1.8rem}
  .gt-tp .gt-hero-cta .gt-btn{width:100%}
  .gt-tp .gt-chips{grid-template-columns:1fr}
  .gt-tp .gt-facts{grid-template-columns:1fr 1fr 1fr;gap:8px}
  .gt-tp .gt-fact{padding:10px 6px}
  .gt-tp .gt-fact b{font-size:1.5rem}
}

/* ===== Bewegung und Aquarell-Deko wie auf den Landingpages „Quadratgarten starten" und „Das 365-Tage-Beet" =====
   Das Skript setzt .gt-anim auf den Wrapper. Ohne JavaScript bleibt alles sichtbar. */
.gt-tp{--bounce:cubic-bezier(.34,1.56,.64,1)}
.gt-tp section{overflow-x:clip}   /* Deko darf über den Rand ragen, ohne die Seite auf dem Handy zu verbreitern */
.gt-tp .gt-deko-in{display:block;position:absolute;z-index:0;pointer-events:none}
.gt-tp .gt-deko-in img{width:100%;filter:drop-shadow(0 6px 12px rgba(45,38,28,.12))}
.gt-tp section > .gt-wrap{position:relative;z-index:1}
.gt-tp.gt-anim .gt-reveal{opacity:0;transform:translateY(24px);transition:opacity .6s var(--ease),transform .6s var(--ease)}
.gt-tp.gt-anim .gt-reveal.is-visible{opacity:1;transform:none}
.gt-tp.gt-anim .gt-stagger > .gt-reveal:nth-child(2){transition-delay:.07s}
.gt-tp.gt-anim .gt-stagger > .gt-reveal:nth-child(3){transition-delay:.14s}
.gt-tp.gt-anim .gt-stagger > .gt-reveal:nth-child(4){transition-delay:.21s}
.gt-tp.gt-anim .gt-stagger > .gt-reveal:nth-child(5){transition-delay:.28s}
.gt-tp.gt-anim .gt-stagger > .gt-reveal:nth-child(6){transition-delay:.35s}
.gt-tp.gt-anim .gt-stagger > .gt-reveal:nth-child(7){transition-delay:.42s}
.gt-tp.gt-anim .gt-stagger > .gt-reveal:nth-child(8){transition-delay:.49s}
/* Hero: Text steigt auf, das Heft fächert sich auf, der 0-€-Sticker poppt herein */
.gt-tp.gt-anim .gt-hero-text,.gt-tp.gt-anim .gt-hero-cta,.gt-tp.gt-anim .gt-hero-quote-wrap{animation:gt-rise .9s var(--ease) .1s both}
.gt-tp.gt-anim .gt-hero-quote-wrap{animation-delay:.4s}
.gt-tp.gt-anim .gt-hero-cta{animation-delay:.25s}
.gt-tp.gt-anim .gt-stack .s1{animation:gt-fan1 1s var(--ease) .3s both}
.gt-tp.gt-anim .gt-stack .s2{animation:gt-fan2 1s var(--ease) .45s both}
.gt-tp.gt-anim .gt-stack .s3{animation:gt-fan3 1s var(--ease) .6s both}
.gt-tp.gt-anim .gt-sticker{animation:gt-pop-rot .6s var(--bounce) 1.2s both}
@keyframes gt-rise{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
@keyframes gt-fan1{from{opacity:0;transform:translateY(30px) rotate(0)}to{opacity:1;transform:rotate(-4deg)}}
@keyframes gt-fan2{from{opacity:0;transform:translate(-40px,30px) rotate(-4deg)}to{opacity:1;transform:rotate(3deg)}}
@keyframes gt-fan3{from{opacity:0;transform:translate(-70px,30px) rotate(-4deg)}to{opacity:1;transform:rotate(7deg)}}
@keyframes gt-pop-rot{0%{transform:scale(.4) rotate(-8deg);opacity:0}60%{transform:scale(1.1) rotate(-8deg)}100%{transform:scale(1) rotate(-8deg);opacity:1}}
/* Häkchen und Nummern poppen beim Einblenden herein */
.gt-tp.gt-anim .gt-dark .is-visible .gt-check{animation:gt-pop .55s var(--bounce) .12s both}
.gt-tp.gt-anim .gt-pair .is-visible .gt-num{animation:gt-pop .55s var(--bounce) .15s both}
.gt-tp.gt-anim .gt-chip.is-visible .n{animation:gt-pop .55s var(--bounce) .2s both;display:inline-block}
@keyframes gt-pop{0%{transform:scale(.5);opacity:0}60%{transform:scale(1.08)}100%{transform:scale(1);opacity:1}}
/* Heftseiten und Fotos gleiten von der Seite herein */
.gt-tp.gt-anim .gt-from-left.gt-reveal{transform:translateX(-46px);transition:opacity 1s ease .05s,transform 1.2s var(--ease) .05s}
.gt-tp.gt-anim .gt-from-right.gt-reveal{transform:translateX(46px);transition:opacity 1s ease .05s,transform 1.2s var(--ease) .05s}
.gt-tp.gt-anim .gt-from-left.gt-reveal.is-visible,.gt-tp.gt-anim .gt-from-right.gt-reveal.is-visible{transform:none}
/* Aquarell-Illustrationen schweben herein und wippen danach sanft */
.gt-tp.gt-anim .gt-deko-in{opacity:0;transform:translate(-44px,8px) rotate(-4deg);transition:opacity .8s ease .05s,transform 1s var(--ease) .05s}
.gt-tp.gt-anim .gt-deko-in.gt-deko-right{transform:translate(44px,8px) rotate(4deg)}
.gt-tp.gt-anim .gt-deko-in.is-visible{opacity:1;transform:none}
.gt-tp.gt-anim .gt-deko-in.is-visible > img{animation:gt-float 6.5s ease-in-out 1.1s infinite}
@keyframes gt-float{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-7px) rotate(1.2deg)}}
/* Positionen der Deko */
.gt-tp .gt-deko-keimling{right:3%;bottom:36px;width:110px}
.gt-tp .gt-deko-tomate{left:0;top:28px;width:210px}
.gt-tp .gt-deko-moehre{left:0;bottom:0;width:122px}
.gt-tp .gt-portrait-wrap{position:relative}
.gt-tp .gt-deko-zucchini{right:0;top:40px;width:230px}
.gt-tp .gt-deko-paar{position:relative;display:block;width:110px;margin:0 auto 18px}
.gt-tp .gt-herz{width:70px;margin:0 auto 14px;display:block}
@media (max-width:1180px){.gt-tp .gt-deko-tomate,.gt-tp .gt-deko-zucchini,.gt-tp .gt-deko-moehre{display:none}}
@media (max-width:900px){.gt-tp .gt-deko-keimling{width:80px;bottom:18px}}
@media (prefers-reduced-motion:reduce){
  .gt-tp.gt-anim .gt-reveal,.gt-tp.gt-anim .gt-deko-in{opacity:1;transform:none;transition:none}
  .gt-tp.gt-anim *{animation:none!important}
  .gt-tp [data-parallax]{transform:none!important}
}

/* ===== FluentForms-Formular (Shortcode) im Stil der Seite =====
   Fluent Forms bringt eigene Styles mit, teils inline. Deshalb hier gezielt und mit !important. */
.gt-tp .gt-form .fluentform{margin:0}
.gt-tp .gt-form .fluentform .ff-el-group{margin-bottom:14px}
.gt-tp .gt-form .fluentform .ff-el-input--label label{font:600 .85rem 'Open Sans',system-ui,sans-serif!important;color:var(--g)!important;margin:0 0 6px}
.gt-tp .gt-form .fluentform .ff-el-is-required.asterisk-right label:after{color:var(--o)}
.gt-tp .gt-form .fluentform .ff-el-form-control{width:100%;font:400 1rem 'Open Sans',system-ui,sans-serif!important;padding:13px 16px!important;border:1.5px solid var(--line)!important;border-radius:12px!important;background:#fff!important;color:var(--ink)!important;box-shadow:none!important;height:auto!important}
.gt-tp .gt-form .fluentform .ff-el-form-control:focus{outline:none;border-color:var(--g)!important;box-shadow:0 0 0 3px var(--lime100)!important}
.gt-tp .gt-form .fluentform .ff_submit_btn_wrapper{margin:4px 0 0}
.gt-tp .gt-form .fluentform .ff-btn-submit{display:block;width:100%;background:var(--o)!important;color:#fff!important;border:0!important;border-radius:999px!important;padding:17px 32px!important;font:700 1.0625rem/1.2 'Open Sans',system-ui,sans-serif!important;box-shadow:var(--sh-sm)!important;cursor:pointer;transition:transform 140ms var(--ease),background 140ms var(--ease)}
.gt-tp .gt-form .fluentform .ff-btn-submit:hover{background:var(--o700)!important;transform:translateY(-1px)}
.gt-tp .gt-form .fluentform .error,.gt-tp .gt-form .fluentform .text-danger{color:var(--o700);font:400 .82rem 'Open Sans',sans-serif}
.gt-tp .gt-form .ff-message-success{border:0;background:var(--lime100);color:var(--g);border-radius:14px;padding:16px 18px;font:400 1rem Lora,Georgia,serif;box-shadow:none}