/* Qupil – Website-Theme im Look der App Qupil 2 (Pflaume & Limette).
   Basis: UIkit 3 (MIT). Schrift: Figtree (SIL OFL 1.1, lokal).
   Farben als CSS-Variablen; der Dunkelmodus folgt der Systemeinstellung (wie die App). */

@font-face{font-family:'Figtree';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/figtree-latin-400-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Figtree';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/figtree-latin-ext-400-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Figtree';font-style:italic;font-weight:400;font-display:swap;src:url(../fonts/figtree-latin-400-italic.woff2) format('woff2')}
@font-face{font-family:'Figtree';font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/figtree-latin-500-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Figtree';font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/figtree-latin-600-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Figtree';font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/figtree-latin-ext-600-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Figtree';font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/figtree-latin-700-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Figtree';font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/figtree-latin-ext-700-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Figtree';font-style:normal;font-weight:800;font-display:swap;src:url(../fonts/figtree-latin-800-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Figtree';font-style:normal;font-weight:800;font-display:swap;src:url(../fonts/figtree-latin-ext-800-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

/* ---------- Farben (Werte wie in der App, qml/Theme.qml) ---------- */
:root{
  color-scheme:light;
  --q-bg:#F4F3F6;          /* Seitengrund */
  --q-surface:#FFFFFF;     /* Karten, Bänder */
  --q-sunken:#F8F7FA;      /* Kacheln auf weißem Grund */
  --q-segment:#E9E6ED;     /* Sprachumschalter */
  --q-border:#E4E1E8;
  --q-divider:#ECE9EF;
  --q-text:#1D1A22;
  --q-text2:#3B3542;
  --q-muted:#5E5866;
  --q-accent:#6E3C5A;      /* Pflaume: Buttons, Links */
  --q-accent-hover:#4B2742;
  --q-accent-text:#6E3C5A;
  --q-accent-soft:#F1E7EE;
  --q-hero:#6E3C5A;        /* hervorgehobene Karte */
  --q-hero-text:#FFFFFF;
  --q-hero-muted:#EADDE6;
  --q-lime:#C9F36B;        /* Limette: Signal ("2.0", "Neu") */
  --q-on-lime:#1D1A22;
  --q-shadow:rgba(29,26,34,.14);
  --q-radius-s:10px;
  --q-radius:16px;
  --q-radius-l:22px;
  --q-font:'Figtree',system-ui,-apple-system,'Segoe UI',sans-serif;
}
@media (prefers-color-scheme:dark){
  :root:not(.tm-light){
    color-scheme:dark;
    --q-bg:#121014;
    --q-surface:#1D1A21;
    --q-sunken:#18151B;
    --q-segment:#28232D;
    --q-border:#36303C;
    --q-divider:#2B2630;
    --q-text:#F3EFF6;
    --q-text2:#D9D2DE;
    --q-muted:#ADA5B4;
    --q-accent:#A35C88;
    --q-accent-hover:#B86F9C;
    --q-accent-text:#E6B9D7;
    --q-accent-soft:#3A2534;
    --q-hero:#4B2742;
    --q-hero-muted:#DCC4D4;
    --q-shadow:rgba(0,0,0,.45);
  }
}

/* ---------- Grundlagen ---------- */
html{font-family:var(--q-font);font-size:17px;font-weight:400;line-height:1.6;background:var(--q-bg);color:var(--q-text2);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
body{background:var(--q-bg);overflow-x:clip}
a,.uk-link{color:var(--q-accent-text);text-decoration:none}
a:hover,.uk-link:hover{color:var(--q-accent-hover);text-decoration:underline;text-underline-offset:3px}
strong,b{font-weight:700;color:var(--q-text)}
em{color:inherit}
mark{background:var(--q-lime);color:var(--q-on-lime);border-radius:4px;padding:0 3px}
::selection{background:var(--q-lime);color:var(--q-on-lime)}
:focus-visible{outline:3px solid var(--q-accent);outline-offset:2px;border-radius:4px}
address,dl,fieldset,figure,ol,p,pre,ul{margin:0 0 20px}
*+address,*+dl,*+fieldset,*+figure,*+ol,*+p,*+pre,*+ul{margin-top:20px}
hr,.uk-hr{border-top:1px solid var(--q-divider)}
blockquote{font-size:inherit;font-style:normal;color:var(--q-text2);margin:0}
pre,:not(pre)>code{background:var(--q-sunken);color:var(--q-text);border-radius:6px}
img{border-radius:0}

.uk-h1,.uk-h2,.uk-h3,.uk-h4,.uk-h5,.uk-h6,h1,h2,h3,h4,h5,h6{font-family:var(--q-font);color:var(--q-text);font-weight:800;text-transform:none;margin:0 0 20px}
*+.uk-h1,*+.uk-h2,*+.uk-h3,*+.uk-h4,*+.uk-h5,*+.uk-h6,*+h1,*+h2,*+h3,*+h4,*+h5,*+h6{margin-top:36px}
.uk-h1,h1{font-size:40px;line-height:1.1;letter-spacing:-1.2px}
.uk-h2,h2{font-size:32px;line-height:1.15;letter-spacing:-.8px}
.uk-h3,h3{font-size:24px;line-height:1.25;letter-spacing:-.5px}
.uk-h4,h4{font-size:20px;line-height:1.3;font-weight:700;letter-spacing:-.3px}
.uk-h5,h5{font-size:17px;line-height:1.4;font-weight:700}
.uk-h6,h6{font-size:15px;line-height:1.4;font-weight:700;text-transform:uppercase;letter-spacing:1px}
@media (min-width:960px){.uk-h1,h1{font-size:48px}.uk-h2,h2{font-size:40px}.uk-h3,h3{font-size:26px}}
.uk-article-title{font-size:40px;line-height:1.1;font-weight:800;letter-spacing:-1.2px;color:var(--q-text)}
@media (min-width:960px){.uk-article-title{font-size:48px}}
.uk-heading-bullet::before{border-left:5px solid var(--q-accent);border-radius:3px;height:.8em;top:-.08em;margin-right:12px}
.uk-text-meta{font-size:15px;color:var(--q-muted)}
.uk-text-meta>a{color:var(--q-muted)}
.uk-light .uk-heading-bullet::before{border-left-color:var(--q-lime)}

/* ---------- Raster, Abschnitte ---------- */
.uk-container{max-width:1200px;padding-left:20px;padding-right:20px}
.uk-container-large{max-width:1200px}
@media (min-width:640px){.uk-container{padding-left:32px;padding-right:32px}}
.uk-section{padding-top:56px;padding-bottom:56px}
.uk-section-default{background:var(--q-bg)}
.uk-section-muted{background:var(--q-surface)}
.uk-grid{margin-left:-24px}.uk-grid>*{padding-left:24px}
*+.uk-grid-margin,.uk-grid+.uk-grid,.uk-grid>.uk-grid-margin{margin-top:24px}
.tm-grid-expand>*{flex-grow:1}
.uk-flex>picture{display:contents}
.uk-margin{margin-bottom:24px}*+.uk-margin{margin-top:24px!important}

/* ---------- Karten und Buttons ---------- */
.uk-card-default{background:var(--q-surface);color:var(--q-text2);border-radius:var(--q-radius-l);box-shadow:none;border:1px solid var(--q-border)}
.uk-card-default .uk-card-title{color:var(--q-text)}
.uk-card-body{padding:30px}
.uk-button{font-family:var(--q-font);font-weight:700;font-size:16px;line-height:1.2;text-transform:none;border-radius:14px;padding:14px 22px;min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:10px;transition:background-color .15s,color .15s;border:0}
.uk-button:hover{text-decoration:none}
.uk-button-primary{background:var(--q-accent);color:#fff}
.uk-button-primary:hover,.uk-button-primary:focus{background:var(--q-accent-hover);color:#fff}
.uk-button-default{background:var(--q-accent-soft);color:var(--q-accent-text);border:0}
.uk-button-default:hover,.uk-button-default:focus{background:var(--q-segment);color:var(--q-accent-text)}
.tm-button-lime{background:var(--q-lime);color:var(--q-on-lime)}
.tm-button-lime:hover,.tm-button-lime:focus{background:#B8E255;color:var(--q-on-lime)}
.uk-label{font-family:var(--q-font)}

/* ---------- Kopfzeile ---------- */
.tm-header{position:sticky;top:0;z-index:980;background:color-mix(in srgb,var(--q-bg) 88%,transparent);-webkit-backdrop-filter:saturate(1.4) blur(10px);backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid transparent;transition:border-color .2s}
.tm-header.tm-scrolled{border-bottom-color:var(--q-divider)}
.tm-header-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:84px}
.tm-logo{display:flex;align-items:center;gap:12px;color:var(--q-accent-text)}
.tm-logo:hover{text-decoration:none;color:var(--q-accent-text)}
.tm-logo img{display:block;width:44px;height:44px;border-radius:12px}
.tm-logo span{font-size:26px;font-weight:800;letter-spacing:-.5px}
.tm-nav{display:flex;align-items:center;gap:28px}
.tm-menu{display:flex;align-items:center;gap:26px;margin:0;padding:0;list-style:none}
.tm-menu>li{position:relative}
.tm-menu>li>a{display:block;padding:10px 0;font-weight:600;font-size:16px;color:var(--q-muted)}
.tm-menu>li>a:hover,.tm-menu>li.uk-active>a{color:var(--q-text);text-decoration:none}
.tm-menu>li.uk-active>a{box-shadow:inset 0 -3px 0 var(--q-lime)}
.tm-dropdown{padding:10px;min-width:200px;background:var(--q-surface);border:1px solid var(--q-border);border-radius:var(--q-radius);box-shadow:0 18px 40px var(--q-shadow)}
.tm-dropdown a{display:block;padding:8px 12px;border-radius:var(--q-radius-s);color:var(--q-text2);font-weight:600}
.tm-dropdown a:hover{background:var(--q-accent-soft);color:var(--q-accent-text);text-decoration:none}
.tm-lang{display:flex;background:var(--q-segment);border-radius:999px;padding:4px;margin:0;list-style:none}
.tm-lang a{display:block;padding:6px 12px;border-radius:999px;font-size:14px;font-weight:700;color:var(--q-muted);line-height:1.2}
.tm-lang a:hover{text-decoration:none;color:var(--q-text)}
.tm-lang .uk-active a{background:var(--q-surface);color:var(--q-text)}
.tm-toggle{display:none;align-items:center;justify-content:center;width:46px;height:46px;border-radius:12px;background:var(--q-segment);color:var(--q-text);border:0;cursor:pointer}
@media (max-width:959px){
  .tm-nav .tm-menu,.tm-nav .tm-lang{display:none}
  .tm-toggle{display:inline-flex}
  .tm-header-inner{min-height:68px}
  .tm-logo img{width:38px;height:38px}
  .tm-logo span{font-size:23px}
}
.uk-offcanvas-bar{background:var(--q-surface);color:var(--q-text2);padding:28px;width:300px}
.uk-offcanvas-overlay::before{background:rgba(29,26,34,.55)}
.uk-offcanvas-bar .uk-close{color:var(--q-text)}
.tm-mobile-nav{margin:24px 0;padding:0;list-style:none}
.tm-mobile-nav a{display:block;padding:11px 14px;border-radius:12px;color:var(--q-text);font-weight:700;font-size:18px}
.tm-mobile-nav a:hover{text-decoration:none;background:var(--q-accent-soft)}
.tm-mobile-nav .uk-active>a{background:var(--q-accent-soft);color:var(--q-accent-text)}
.tm-mobile-nav ul{list-style:none;margin:0 0 6px 14px;padding:0}
.tm-mobile-nav ul a{font-size:16px;font-weight:600;color:var(--q-muted)}
.uk-offcanvas-bar .tm-lang{display:inline-flex}

/* ---------- Bausteine der Startseite ---------- */
.tm-eyebrow{font-size:14px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;color:var(--q-accent-text);margin:0 0 8px}
.tm-section-head{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:12px 24px;margin-bottom:32px}
.tm-section-head h2{margin:0;max-width:720px}
.tm-band{background:var(--q-surface)}
.tm-hero{padding:32px 0 80px}
.tm-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:56px;align-items:center}
.tm-hero h1{font-size:44px;line-height:1.05;letter-spacing:-1.6px;margin:0 0 20px;hyphens:manual}
@media (min-width:1200px){.tm-hero h1{font-size:58px}}
.tm-hero-lead{font-size:20px;color:var(--q-text2);max-width:520px;margin:0 0 28px}
.tm-hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin:0 0 16px}
.tm-hero-note{font-size:14px;color:var(--q-muted);font-weight:500;margin:0}
.tm-chip{display:inline-flex;align-items:center;gap:10px;background:var(--q-surface);border:1px solid var(--q-border);border-radius:999px;padding:6px 14px 6px 6px;color:var(--q-text);font-size:15px;font-weight:600;margin-bottom:22px}
.tm-chip:hover{text-decoration:none;border-color:var(--q-accent);color:var(--q-text)}
.tm-pill{display:inline-block;background:var(--q-lime);color:var(--q-on-lime);border-radius:999px;padding:3px 10px;font-weight:800;font-size:13px;line-height:1.4}
.tm-shots{position:relative;padding:0 40px 60px 0}
.tm-shots img{display:block;height:auto}
.tm-shot-desk{width:100%;border-radius:var(--q-radius-l);border:1px solid var(--q-border);box-shadow:0 30px 60px var(--q-shadow)}
.tm-shot-phone{position:absolute;right:0;bottom:0;width:34%;border-radius:28px;border:6px solid #1D1A22;box-shadow:0 24px 50px var(--q-shadow)}
@media (max-width:959px){
  .tm-hero-grid{grid-template-columns:minmax(0,1fr);gap:40px}
  .tm-hero h1{font-size:38px}
  .tm-shots{padding:0 24px 40px 0}
}
.tm-feat{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.tm-feat-item{background:var(--q-sunken);border-radius:var(--q-radius);padding:24px;display:flex;flex-direction:column;gap:14px}
.tm-feat-item h3{margin:0!important;font-size:19px;font-weight:700;letter-spacing:-.2px;line-height:1.3}
.tm-feat-item p{margin:0;font-size:15px;color:var(--q-muted)}
.tm-feat-icon{width:46px;height:46px;border-radius:12px;background:var(--q-accent-soft);color:var(--q-accent-text);display:flex;align-items:center;justify-content:center}
.tm-feat-more{background:var(--q-hero);color:var(--q-hero-text);justify-content:space-between}
.tm-feat-more:hover{text-decoration:none;color:var(--q-hero-text);filter:brightness(1.08)}
.tm-feat-more span{font-size:19px;font-weight:700;line-height:1.3}
.tm-feat-more .tm-arrow{color:var(--q-lime);font-size:16px;display:inline-flex;align-items:center;gap:8px}
@media (max-width:959px){.tm-feat{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:519px){.tm-feat{grid-template-columns:minmax(0,1fr)}}

/* Neuigkeiten */
.tm-news-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:24px}
.tm-news-grid.tm-news-count-1{grid-template-columns:minmax(0,1fr)}
.tm-news-grid.tm-news-count-3{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) minmax(0,1fr)}
@media (max-width:959px){.tm-news-grid,.tm-news-grid.tm-news-count-3{grid-template-columns:minmax(0,1fr)}}
.tm-news-card{background:var(--q-surface);border:1px solid var(--q-border);border-radius:var(--q-radius-l);padding:34px;display:flex;flex-direction:column;gap:14px}
.tm-news-card h3{margin:0!important;font-size:26px;line-height:1.2}
.tm-news-card h3 a{color:inherit}
.tm-news-card p{margin:0}
.tm-news-meta{display:flex;align-items:center;gap:12px;font-size:14px;font-weight:600;color:var(--q-muted)}
.tm-news-card .tm-more{margin-top:auto;align-self:flex-start;font-weight:700}
.tm-news-featured{background:var(--q-hero);border-color:transparent;color:var(--q-hero-muted)}
.tm-news-featured h3,.tm-news-featured h3 a{color:var(--q-hero-text);font-size:30px}
.tm-news-featured .tm-news-meta{color:var(--q-hero-muted)}
.tm-news-featured p{color:var(--q-hero-muted)}

/* Nutzermeinungen */
.tm-quotes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
@media (max-width:959px){.tm-quotes{grid-template-columns:minmax(0,1fr)}}
.tm-quote{margin:0;background:var(--q-surface);border-radius:var(--q-radius-l);padding:30px;display:flex;flex-direction:column;gap:18px}
.tm-quote blockquote{font-size:17px;color:var(--q-text2)}
.tm-quote figcaption{display:flex;align-items:center;gap:14px;margin-top:auto}
.tm-quote figcaption img{width:56px;height:56px;border-radius:999px;object-fit:cover;flex:none}
.tm-quote figcaption span{display:flex;flex-direction:column;line-height:1.3}
.tm-quote figcaption strong{font-size:16px}
.tm-quote figcaption small{font-size:14px;color:var(--q-muted)}

/* Hinweis-Kasten (z. B. Qupil 2.0 auf der Download-Seite) */
.tm-callout{display:flex;flex-wrap:wrap;gap:20px;align-items:center;justify-content:space-between;background:var(--q-hero);color:var(--q-hero-muted);border-radius:var(--q-radius-l);padding:30px 34px}
.tm-callout h3{color:var(--q-hero-text);margin:0 0 6px!important;font-size:24px}
.tm-callout p{margin:0;max-width:640px}
.tm-history{background:var(--q-surface);border:1px solid var(--q-border);border-radius:var(--q-radius-l);padding:30px 34px;scroll-margin-top:100px}
.tm-history h2{margin:0 0 14px;font-size:26px}
.tm-history p{margin:0;color:var(--q-text2);line-height:1.65}
.tm-history strong{color:var(--q-text)}
@media (max-width:640px){.tm-history{padding:22px 20px}}

/* ---------- Bestehende Seiteninhalte (bisheriges Builder-Markup) ---------- */
.uk-slidenav{color:#fff}
.uk-dotnav>*>*{width:22px;height:5px;border-radius:3px;border:0;background:var(--q-border)}
.uk-dotnav>.uk-active>*,.uk-dotnav>*>:hover{background:var(--q-accent)}
.uk-light .uk-dotnav>*>*{background:rgba(255,255,255,.5)}
.uk-light .uk-dotnav>.uk-active>*{background:var(--q-lime)}
.el-image{border-radius:var(--q-radius)}
.uk-lightbox{background:rgba(18,16,20,.92)}
[uk-lightbox] a img,.uk-panel>a img{border-radius:var(--q-radius);border:1px solid var(--q-border);transition:transform .2s}
[uk-lightbox] a:hover img{transform:translateY(-3px)}
.el-title.uk-heading-bullet{font-size:22px}
.el-meta{font-weight:600}

/* Downloads */
.tm-downloads h3{font-size:32px;margin-bottom:6px}
.tm-downloads .uk-card-default{background:var(--q-surface);height:100%}
.tm-downloads .uk-card-default img{max-height:56px;width:auto;margin-bottom:10px}
.tm-downloads .uk-card-default a{word-break:break-word}
.tm-downloads .uk-card-default strong a{display:inline-block;margin-top:4px}
.tm-release-older{margin-top:48px}
.tm-dl-size{color:var(--q-muted);font-weight:400;font-size:.9em}
@media (prefers-color-scheme:dark){:root:not(.tm-light) .tm-downloads img[src*="Apple_logo"]{filter:invert(1)}}

/* Artikel (Impressum, Datenschutz, Historie, Beiträge) */
.tm-layout-article .tm-main{padding-top:24px;padding-bottom:80px}
.uk-article{max-width:860px}
.uk-article .uk-margin-large-top{margin-top:24px!important}
.uk-article h2{font-size:28px}
.uk-article img{border-radius:var(--q-radius)}
.tm-news-item+.tm-news-item{margin-top:28px}
.tm-news-list .tm-news-card h2{margin:0;font-size:26px}
.tm-post-image{margin:28px 0 8px}
.tm-post-image img{width:100%;border-radius:var(--q-radius-l);border:1px solid var(--q-border)}
.tm-pagination{margin-top:48px}
.tm-pagination>*>*{border-radius:10px;color:var(--q-muted);font-weight:700}
.tm-pagination>.uk-active>*{background:var(--q-accent);color:#fff}
.tm-back{display:inline-flex;align-items:center;gap:6px;font-weight:700}

/* Kontakt */
.tm-layout-builder .el-meta.uk-text-meta{color:var(--q-accent-text);font-weight:700}

/* ---------- Fußzeile ---------- */
.tm-footer{background:var(--q-surface);border-top:1px solid var(--q-divider);padding:32px 0;margin-top:40px}
.tm-footer-inner{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;font-size:15px;color:var(--q-muted)}
.tm-footer-brand{font-weight:700;color:var(--q-accent-text)}
.tm-footer nav{display:flex;flex-wrap:wrap;gap:8px 24px}
.tm-footer nav a{color:var(--q-muted)}
.tm-footer nav a:hover{color:var(--q-text)}

/* Spamgeschützte E-Mail */
.tm-mail-hidden{unicode-bidi:bidi-override;direction:rtl}

/* Bild je nach Hell/Dunkel */
.tm-only-dark{display:none}
@media (prefers-color-scheme:dark){:root:not(.tm-light) .tm-only-dark{display:block}:root:not(.tm-light) .tm-only-light{display:none}}

/* Fußzeile immer unten */
.tm-page{min-height:100vh;display:flex;flex-direction:column}
.tm-page>main{flex:1 0 auto}
.tm-footer{margin-top:0}
.tm-intro>*{max-width:760px}
.tm-intro p{font-size:19px;color:var(--q-muted)}

/* Nutzermeinungen: gekürzt, per Klick ausklappbar */
.tm-quotes{align-items:start}
.tm-quote-text{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;line-clamp:5;overflow:hidden}
.tm-quote.tm-open .tm-quote-text{display:block;-webkit-line-clamp:unset;line-clamp:none;overflow:visible}
.tm-quote-toggle{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;margin:-6px 0 0;padding:4px 0;background:none;border:0;font:inherit;font-size:15px;font-weight:700;color:var(--q-accent-text);cursor:pointer}
.tm-quote-toggle:hover{color:var(--q-accent-hover);text-decoration:underline;text-underline-offset:3px}
.tm-quote-toggle svg{transition:transform .2s}
.tm-quote.tm-open .tm-quote-toggle svg{transform:rotate(180deg)}