/*
Theme Name: Formaktiv Abschied
Description: Das ursprüngliche Formaktiv-Layout als eigenständiges WordPress-Theme, mit behutsamen Verbesserungen für Lesbarkeit und Mobilgeräte.
Version: 1.2.0
Author: JOMA Social
Text Domain: formaktiv-abschied
Requires at least: 6.0
Requires PHP: 8.0
*/
@import url('fonts.css');
:root{--orange:#ee7101;--ink:#1a1a18;--gray:#858584;--header-height:90px;--admin-offset:0px;--content:1140px;color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-height) + var(--admin-offset) + 16px)}body{margin:0;background:#fff;color:var(--ink);font-family:'Open Sans',Arial,sans-serif;font-size:24px;font-weight:400;line-height:1.5}body.admin-bar{--admin-offset:32px}img{max-width:100%;height:auto;vertical-align:middle}figure,p,blockquote{margin:0}p+p{margin-top:16px}a{color:inherit;text-underline-offset:4px}button{font:inherit}a:focus-visible,button:focus-visible{outline:3px solid #713200;outline-offset:5px}h1,h2,h3{font-family:Roboto,Arial,sans-serif;font-weight:600;font-style:italic;line-height:1.2;margin:0;color:var(--orange)}h2{font-size:46px}.wrap{max-width:var(--content);margin-inline:auto;padding-inline:10px}.screen-reader-text,.skip-link:not(:focus){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link:focus{position:fixed;top:12px;left:12px;z-index:10000;padding:12px 20px;background:#fff;color:#1a1a18;font-size:18px}
.site-header{height:var(--header-height);position:sticky;top:var(--admin-offset);z-index:50;background:linear-gradient(103deg,#fff 32%,#ee7101 100%);box-shadow:0 1px 4px #00000008}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:32px}.brand{display:block;flex:0 1 350px;position:relative;z-index:2}.brand img{display:block;width:350px;height:100px;object-fit:contain}.main-nav{display:flex;align-items:center;gap:36px;flex-shrink:0;font-family:Inter,Arial,sans-serif;font-size:16px;font-weight:500;line-height:1}.main-nav a{padding:14px 0;text-decoration:none;color:#2f2923;white-space:nowrap;transition:color .18s}.main-nav a:hover,.main-nav a:focus-visible{color:#000;text-decoration:underline}.nav-toggle{display:none}
.farewell-opening{overflow:clip}.farewell-hero{height:429px;background:url('assets/header-collage.webp') left center/cover no-repeat;display:flex;align-items:center;justify-content:center}.hero-titles{text-align:left;width:340px;margin-left:8%;padding:0 0 0 26px;border-left:2px solid #b7552466;position:relative;z-index:1}.hero-titles h1{font-size:80px;line-height:1;font-weight:600;font-style:normal;letter-spacing:-.055em;color:#bc4e00;text-transform:lowercase;margin:0 0 12px}.hero-titles h1::first-letter{text-transform:uppercase}.hero-years{font-family:Roboto,Arial,sans-serif;font-size:30px;line-height:1.3;letter-spacing:-.025em;margin:0;color:#302c27}.hero-name{font-family:Inter,Arial,sans-serif;font-weight:500;font-style:normal;font-size:15px;line-height:1.5;letter-spacing:.025em;color:#40372e;margin-top:25px}
.thank-you-inner{position:relative;min-height:531px;padding-block:64px 60px}.thank-you-copy{max-width:535px;position:relative;z-index:2}.thank-you-copy h2{margin-bottom:62px}.thank-you-copy p{line-height:1.5}.alexander-portrait{position:absolute;width:799px;max-width:none;height:auto;left:calc(50% + 44px);bottom:86px;z-index:2;pointer-events:none}
.two-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;padding-block:20px;align-items:start}.framed-photo{text-align:center}.framed-photo img{width:88%;height:auto}.wishes{background:linear-gradient(90deg,#8c8a87 0%,#e8e8e8 100%)}.wishes-copy{padding-top:36px}.wishes-copy h2{margin-bottom:20px;white-space:nowrap}.wishes-copy blockquote{margin-top:18px}.wishes-copy .signature{margin-top:64px}.print-copy{padding-top:44px}.print-copy h2{margin-bottom:80px}.print-products strong{font-size:36px;font-weight:700}.print-copy p+p{margin-top:16px}.closing-thanks{padding:22px 0 24px}.closing-thanks .wrap{position:relative}.thanks-line{text-align:center;font-size:46px;min-height:112px;display:flex;flex-wrap:wrap;justify-content:center;align-content:center;column-gap:12px;row-gap:2px}.rotating-thanks{display:inline-block;max-width:100%;overflow-wrap:anywhere}.typing-cursor{margin-left:7px}.animation-toggle{position:absolute;right:2px;bottom:-12px;border:0;border-radius:50%;background:transparent;color:#6b6b67;width:34px;height:34px;font-size:16px;cursor:pointer}.animation-toggle:hover{background:#f0f0ed}.animation-toggle[hidden]{display:none}
.site-footer{text-align:center;padding:24px 20px 38px;background:#f7f7f6;border-top:1px solid #e7e7e5;font-size:14px}.footer-links{display:flex;justify-content:center;gap:40px;margin-bottom:18px;font-family:Roboto,Arial,sans-serif;font-size:16px}.footer-links a{text-decoration:none;padding:8px}.footer-links a:hover{text-decoration:underline}.site-footer p{color:#595956}.legal-page{padding:64px 24px 84px;max-width:1000px;font-size:18px;line-height:1.65;overflow-wrap:anywhere;min-height:60vh}.legal-page h1{font-size:54px;margin:28px 0 38px}.legal-page h2{font-size:29px;margin:36px 0 16px}.legal-page h3{font-size:23px;margin:24px 0 12px}.legal-page p{margin:0 0 18px}.legal-page a{color:#974600}.back-link{font-size:16px}.legal-page ul,.legal-page ol{padding-left:25px}.error-page{padding:80px 24px;min-height:65vh}.error-page h1{font-size:50px;margin-bottom:24px}
@media(min-width:1600px){.alexander-portrait{left:calc(50% + 44px)}}
@media(max-width:1199px) and (min-width:768px){.header-inner{padding-inline:24px;gap:20px}.brand{flex-basis:270px}.brand img{width:270px}.main-nav{gap:18px;font-size:14px}.wrap{padding-inline:24px}.thank-you-copy{max-width:49%}.thank-you-copy h2{font-size:37px}.wishes-copy h2{font-size:36px}.print-copy h2{font-size:38px}.alexander-portrait{width:690px;left:52%}.two-columns{gap:24px}.thanks-line{font-size:38px}}
@media(max-width:1024px) and (min-width:768px){:root{--header-height:90px}.farewell-hero{height:270px}.hero-titles h1{font-size:48px}.hero-years{font-size:26px}.hero-name{font-size:23px}.thank-you-inner{min-height:430px;padding-top:44px;padding-bottom:42px}.thank-you-copy h2{font-size:30px;margin-bottom:32px}.thank-you-copy p,.wishes-copy,.print-copy{font-size:18px}.alexander-portrait{width:540px;bottom:90px;left:52%}.wishes-copy{padding-top:22px}.wishes-copy h2{font-size:29px;white-space:normal}.wishes-copy .signature{margin-top:36px}.print-copy{padding-top:24px}.print-copy h2{font-size:34px;margin-bottom:38px}.print-products strong{font-size:27px}.framed-photo img{width:100%}.thanks-line{font-size:32px;min-height:84px}}
@media(max-width:767px){:root{--header-height:70px}body{font-size:18px;line-height:1.5}body.admin-bar{--admin-offset:46px}.header-inner{padding-inline:20px;gap:16px}.brand{flex-basis:225px}.brand img{width:225px;height:70px}.nav-toggle{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:0;background:transparent;cursor:pointer;color:var(--ink);flex-shrink:0}.nav-toggle svg{width:25px;height:25px}.main-nav{position:absolute;top:100%;left:0;right:0;display:none;padding:8px 20px 14px;background:white;box-shadow:0 8px 12px #00000012;font-size:16px;gap:0;flex-direction:column;align-items:stretch}.main-nav.is-open{display:flex}.main-nav a{padding:13px 10px;color:#974600;border-bottom:1px solid #f2f0ed}.main-nav a:last-child{border-bottom:0}.farewell-hero{height:auto;aspect-ratio:2.55;background-image:url('assets/header-mobile.webp');background-position:center;background-size:cover}.hero-titles{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);padding:0;border:0}.alexander-portrait{display:none}.wrap{padding-inline:22px}.thank-you-inner{min-height:0;padding-block:42px 40px}.thank-you-copy{max-width:none;text-align:center}.thank-you-copy h2{font-size:32px;margin-bottom:24px}.thank-you-copy p{line-height:1.5}.two-columns{grid-template-columns:1fr;gap:28px;padding-block:28px 36px}.framed-photo img{width:100%;max-width:440px}.wishes-copy{padding-top:0;text-align:center}.wishes-copy h2{font-size:29px;white-space:normal;margin-bottom:18px}.wishes-copy blockquote{margin-top:18px}.desktop-break{display:none}.wishes-copy .signature{margin-top:28px}.print-copy{padding-top:12px;text-align:center}.print-copy h2{font-size:32px;margin-bottom:28px}.print-products{max-width:420px;margin-inline:auto}.print-products strong{font-size:27px}.print-service .framed-photo{margin-top:2px}.closing-thanks{padding:14px 0 24px}.thanks-line{font-size:26px;min-height:108px;column-gap:7px}.animation-toggle{right:8px;bottom:-15px}.footer-links{gap:24px;margin-bottom:12px}.site-footer{padding:20px 18px 26px}.legal-page{padding:36px 22px 60px;font-size:17px}.legal-page h1{font-size:40px;margin:24px 0 30px}.legal-page h2{font-size:26px}.error-page h1{font-size:37px}}
@media(max-width:380px){.brand{flex-basis:195px}.brand img{width:195px}.wrap{padding-inline:18px}.thank-you-copy h2{font-size:28px}.thanks-line{font-size:23px}.wishes-copy h2{font-size:26px}.print-products strong{font-size:25px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
@media(min-width:1200px){.header-inner{padding-right:40px}.brand{margin-left:90px;transform:translateY(12px)}}
@media(min-width:768px) and (max-width:1024px){.farewell-hero{height:202px}.hero-titles{width:35%;margin-left:14%;padding:4px 0 4px 18px}.hero-titles h1{font-size:50px;margin-bottom:8px}.hero-years{font-size:23px}.hero-name{font-size:13px;margin-top:18px}.alexander-portrait{width:398px;left:auto;right:10px;bottom:131px}}