:root{--blue:#0b7cf6;--blue2:#1888ff;--navy:#071d36;--ink:#12233d;--muted:#5e6f84;--line:#dfe7f0;--green:#08b89c;--orange:#ff681e;--purple:#7553ff;--red:#f03a43;--page:1500px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.35}.container{width:min(var(--page),95%);margin-inline:auto}a{text-decoration:none;color:inherit}button,input{font:inherit}img{display:block;max-width:100%}.site-header{position:relative;z-index:50;background:#fff;box-shadow:0 1px 7px #00152a17}.header-top{height:74px;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:10px;min-width:350px}.brand-mark{width:62px;height:42px;border:3px solid #147ff0;border-radius:50% 50% 6px 6px;position:relative;display:grid;place-items:center;overflow:hidden}.brand-mark:after{content:"";position:absolute;bottom:-5px;width:55px;height:17px;background:#fff;border-radius:50%}.brand-sun{color:#f9b000;font-size:25px;position:relative;z-index:2;transform:translateY(-4px)}.brand-copy strong{display:block;font-size:27px;line-height:1;color:#102c50;font-weight:900;letter-spacing:-1px}.brand-copy em{font-style:normal;color:var(--blue);background:linear-gradient(90deg,#0878ef 0%,#38a6ff 58%,#0b76e8 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.brand-copy small{display:block;margin-top:4px;font-size:11px;color:#52657b;font-weight:500}.site-search{margin-left:auto;width:min(470px,31vw);height:38px;border:1px solid #dfe7ef;border-radius:22px;background:#f4f7fa;display:flex;align-items:center;padding:0 9px;box-shadow:inset 0 1px 4px #00152a0e}.site-search input{flex:1;border:0;background:transparent;outline:0;padding:0 10px;color:#33465d;font-size:13px;min-width:0}.site-search button{border:0;background:transparent;color:#8997a9;font-size:19px}.search-icon{color:#9ba7b5}.header-actions{display:flex;align-items:center;gap:15px;white-space:nowrap;font-size:14px;font-weight:700;margin-left:auto}.icon-button{border:0;background:none;font-size:22px;color:#20344f;cursor:pointer}.language-link{font-weight:700}.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:12px;padding:11px 20px;font-weight:800;cursor:pointer}.btn-primary{background:linear-gradient(135deg,#188cff,#0877ef);color:#fff;box-shadow:0 5px 12px #0a7ff52d}.btn-outline{border:1px solid #aebdcd;background:#fff}.header-signup{padding-inline:24px}.mobile-nav-toggle{display:none;width:42px;height:38px;border:0;background:#fff;padding:8px}.mobile-nav-toggle span{display:block;height:2px;background:#15314e;margin:5px 0}.nav-row{border-top:1px solid #f5f7fa}.mainnav{height:48px;display:flex;align-items:center;justify-content:center;gap:41px;font-size:14px;font-weight:800}.mainnav a,.mainnav button{height:48px;border:0;background:transparent;display:flex;align-items:center;color:#142640;cursor:pointer;padding:0}.mainnav .active{color:var(--blue);border-bottom:3px solid var(--blue)}.mainnav span{font-size:11px;margin-left:5px}.mega-menu{position:absolute;top:122px;left:0;right:0;display:none}.mega-menu.open{display:block}.mega-panel{background:#fff;border-radius:0 0 14px 14px;box-shadow:0 13px 25px #00152a25;padding:14px 28px 17px;display:grid;grid-template-columns:1.05fr .95fr 1fr 1.05fr .86fr;gap:35px}.mega-col:not(:last-child){border-right:1px solid #e6ebf0;padding-right:20px}.mega-col h4{font-size:14px;margin:0 0 5px}.mega-col a{display:flex;gap:8px;padding:4px 0;color:#405169;font-size:13.5px;white-space:nowrap}.mega-col a span{flex:1}.mega-col .mega-more{color:#193c64;margin-top:2px}.mobile-nav{display:none}.hero-home{position:relative;height:600px;color:#fff;background:url('https://images.unsplash.com/photo-1533105079780-92b9be482077?auto=format&fit=crop&w=2200&q=90') center 47%/cover no-repeat;overflow:hidden}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,#061828bc 0%,#07192a75 40%,transparent 72%),linear-gradient(0deg,#06182b65 0%,transparent 48%)}.hero-content{position:relative;z-index:2;padding-top:300px}.hero-copy h1{font-size:47px;line-height:1.03;letter-spacing:-1.8px;margin:0 0 14px;font-weight:900}.hero-copy h1 span{color:#67bcff}.hero-copy p{font-size:18px;line-height:1.32;margin:0}.hero-quicklinks{display:flex;gap:14px;margin:16px 0 12px}.quick-card{height:58px;min-width:195px;background:#fff;color:#102039;border-radius:28px;padding:7px 15px 7px 7px;display:flex;align-items:center;gap:10px;box-shadow:0 4px 14px #00152a38}.quick-icon{width:43px;height:43px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:18px;font-weight:800}.quick-purple{background:#7856ff}.quick-green{background:#09b990}.quick-orange{background:#ff6b1d}.quick-red{background:#ee3441}.quick-card b{display:block;font-size:13px}.quick-card small{display:block;font-size:11.5px;color:#667386;white-space:nowrap}.hero-prompt{height:70px;max-width:1230px;background:#fff;border-radius:17px;display:flex;align-items:center;padding:7px 9px;box-shadow:0 9px 25px #0005}.prompt-spark{font-size:25px;color:#1889fa;margin:0 15px}.prompt-copy{min-width:0;flex:1}.prompt-copy input{width:100%;border:0;outline:0;padding:0;font-size:14px;color:#31465e}.prompt-copy small{display:block;color:#6f7d8f;font-size:11.5px;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.prompt-image{width:42px;height:42px;border:0;border-radius:9px;background:#f1f4f8;color:#52677f;font-size:18px;margin-right:12px}.prompt-submit{height:54px;min-width:245px;font-size:15px}.hero-handwriting{position:absolute;z-index:3;right:3.8%;bottom:49px;font-family:"Comic Sans MS",cursive;font-style:italic;font-size:31px;line-height:1.05;text-align:center;transform:rotate(-7deg)}.hero-handwriting span{font-size:36px}.hero-handwriting b{display:block;font-size:53px;font-weight:400;margin-top:4px}.home-section{padding:13px 0}.section-title-row{display:flex;align-items:center;justify-content:space-between}.section-title-row h2{font-size:23px;margin:0 0 10px;letter-spacing:-.45px}.section-title-row a{color:#087cf6;font-size:13px;font-weight:800}.topics-section{padding-top:10px}.topic-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:8px}.topic-card{height:171px;border-radius:7px;overflow:hidden;position:relative;background:#203a55;color:#fff}.topic-card img{width:100%;height:100%;object-fit:cover}.topic-card:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 42%,#061426e7)}.topic-card span{position:absolute;left:10px;right:6px;bottom:9px;z-index:2;font-size:13px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.feature-section{padding-top:0}.three-features{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.feature-panel{border-radius:10px;padding:15px 16px 13px;min-height:333px;position:relative}.feature-purple{background:#f0edff;color:#693ce9}.feature-green{background:#e8faf6;color:#08a98b}.feature-orange{background:#fff0e5;color:#ee5b12}.feature-head{display:flex;gap:11px}.feature-badge{width:45px;height:45px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(135deg,currentColor,#a68cff);color:#fff;font-size:24px;box-shadow:0 5px 14px #4d3cbc22}.feature-green .feature-badge{background:linear-gradient(135deg,#06b493,#29c6a7)}.feature-orange .feature-badge{background:linear-gradient(135deg,#ff6416,#ff8b35)}.feature-head h3{font-size:22px;margin:0 0 3px}.feature-head p{font-size:14px;color:#27405a;margin:0;line-height:1.32}.feature-content{display:grid;grid-template-columns:1fr 1.35fr;gap:10px;align-items:center;margin-top:10px}.feature-content ul{list-style:none;padding:0;margin:0;font-size:14px;line-height:2.02;color:#31445a}.feature-content li{white-space:nowrap}.feature-visual{position:relative;height:140px}.feature-visual img{width:100%;height:100%;object-fit:cover;border-radius:7px;box-shadow:0 5px 14px #00152a27;transform:rotate(-3deg)}.feature-visual em{position:absolute;right:-3px;bottom:-9px;font:18px/1.02 "Comic Sans MS",cursive;color:#123d79;background:#fff9;padding:3px 6px;transform:rotate(-6deg);text-align:center}.visual-play{position:absolute;left:42%;top:33%;width:42px;height:42px;border-radius:50%;border:3px solid #fff;background:#0a2b47b5;color:#fff;display:grid;place-items:center;font-style:normal}.feature-button{float:right;margin-top:4px;min-width:225px;padding:9px 14px;font-size:13px}.feature-orange-button{background:#ff651b;color:#fff}.videos-section{padding-top:0}.video-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.video-thumb{position:relative}.video-thumb img{width:100%;height:126px;object-fit:cover;border-radius:7px}.video-thumb span{position:absolute;right:5px;bottom:4px;background:#07131ddf;color:#fff;border-radius:5px;padding:2px 5px;font-size:10px}.video-card h3{font-size:13.5px;line-height:1.25;margin:6px 0 5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.video-author{display:flex;align-items:center;gap:5px;font-size:12px;color:#69788d}.video-author i{width:19px;height:19px;border-radius:50%;background:linear-gradient(45deg,#0b79f7,#ff6721);display:block}.video-author b{margin-left:auto;font-weight:500}.event-section{padding-top:7px;padding-bottom:21px}.event-community-grid{display:grid;grid-template-columns:1.67fr 1fr;gap:24px}.event-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.event-card{border:1px solid #dfe7ef;border-radius:8px;padding:10px;min-height:180px;box-shadow:0 2px 7px #00152a0e}.event-card-top{display:flex;gap:10px;align-items:flex-start}.event-card-top img{width:70px;height:58px;border-radius:6px;object-fit:cover}.event-card h3{font-size:13.5px;line-height:1.2;margin:1px 0 0}.event-card p{font-size:12.5px;color:#53667d;margin:5px 0}.event-faces{font-size:12px;color:#4f657c;margin:6px 0}.event-faces span{color:#62758a}.event-button{display:block;border:1px solid #b8d1e9;border-radius:7px;color:#087cf6;text-align:center;font-size:12px;font-weight:800;padding:7px 8px;margin-top:4px}.community-column{border-left:1px solid #dfe7ef;padding-left:21px}.community-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px 7px;text-align:center}.community-item img{width:62px;height:62px;border-radius:50%;object-fit:cover;margin:0 auto 4px}.community-item b{font-size:12px;display:block;white-space:nowrap}.community-item small{font-size:10.5px;color:#6b7a8e;display:block;white-space:nowrap}.stats-strip{background:#f3f7fb;border-top:1px solid #e1e8f0;border-bottom:1px solid #e1e8f0}.stats-grid{min-height:81px;display:grid;grid-template-columns:repeat(6,1fr);gap:18px;align-items:center}.stat-item{display:flex;align-items:center;gap:10px}.stat-icon{font-size:27px;color:#0c2746}.stat-item p{margin:0}.stat-item b{display:block;font-size:15px}.stat-item small{display:block;font-size:11.5px;color:#4f6075}.site-footer{background:radial-gradient(circle at 80% 0,#0b3159 0,#061a33 48%,#04172e 100%);color:#dce8f6;padding:28px 0 15px}.footer-grid{display:grid;grid-template-columns:1.9fr repeat(6,1fr);gap:28px}.footer-brand{min-width:0}.footer-brand .brand-copy strong{font-size:21px;color:#fff}.footer-brand .brand-copy small{color:#aebed1;font-size:10px}.footer-brand .brand-mark{width:49px;height:34px}.footer-brand .brand-sun{font-size:20px}.footer-social{display:flex;gap:20px;font-size:18px;margin-top:29px}.footer-grid h4{font-size:13px;color:#fff;margin:0 0 8px}.footer-grid>div:not(:first-child) a{display:block;color:#d0dbea;font-size:12px;padding:3px 0}.footer-bottom{position:relative;margin-top:30px;display:flex;justify-content:space-between;align-items:flex-end;color:#a5b5c8;font-size:11px}.footer-bottom em{font:20px/1.15 "Comic Sans MS",cursive;color:#fff;transform:rotate(-7deg);text-align:right;margin-right:70px}.back-top{position:absolute;right:0;bottom:0;width:35px;height:35px;border-radius:50%;background:#fff;color:#0a7cf5;display:grid;place-items:center;font-size:20px;font-weight:900}.page-shell{padding:40px 0}.card{border:1px solid var(--line);border-radius:16px;padding:20px;background:white}.form-grid{display:grid;gap:14px}.input,select,textarea{width:100%;padding:12px;border:1px solid #cfd9e5;border-radius:10px;background:#fff}.admin-note{background:#fff8d8;border:1px solid #f1d982;border-radius:12px;padding:12px}
@media(max-width:1180px){:root{--page:1120px}.header-top{gap:16px}.brand{min-width:280px}.brand-copy strong{font-size:23px}.site-search{width:320px}.mainnav{gap:27px}.mega-panel{gap:20px}.hero-content{padding-top:292px}.hero-copy h1{font-size:43px}.hero-quicklinks{gap:9px}.quick-card{min-width:0;flex:1}.topic-card{height:150px}.feature-content{grid-template-columns:1fr}.feature-visual{height:105px}.feature-content ul{line-height:1.75}.feature-button{float:none;width:100%;margin-top:7px}.video-thumb img{height:110px}.footer-grid{gap:20px}}
@media(max-width:980px){.header-top{height:68px}.brand{min-width:0}.brand-copy strong{font-size:22px}.brand-copy small{display:none}.site-search{display:none}.header-actions .icon-button,.language-link,.header-actions .btn-outline{display:none}.header-actions{margin-left:auto}.header-signup{display:none}.mobile-nav-toggle{display:block}.nav-row,.mega-menu{display:none!important}.mobile-nav{position:absolute;top:68px;left:0;right:0;background:#fff;border-top:1px solid #e5ebf2;box-shadow:0 12px 24px #00152a1f;padding:12px 4%;display:none;flex-direction:column;gap:3px}.mobile-nav.open{display:flex}.mobile-nav a{padding:11px 10px;font-weight:750;border-bottom:1px solid #eef2f6}.mobile-nav .btn{margin-top:8px;color:#fff}.hero-home{height:auto;min-height:655px}.hero-content{padding-top:165px;padding-bottom:24px}.hero-copy h1{font-size:49px}.hero-quicklinks{display:grid;grid-template-columns:repeat(2,1fr);max-width:690px}.hero-prompt{max-width:820px}.hero-handwriting{right:2%;bottom:95px;font-size:25px}.topic-grid{grid-template-columns:repeat(4,1fr)}.topic-card{height:180px}.three-features{grid-template-columns:1fr}.feature-panel{min-height:0}.feature-content{grid-template-columns:1fr 1.3fr}.feature-visual{height:160px}.feature-button{width:auto;float:right}.video-grid{grid-template-columns:repeat(3,1fr);gap:18px 12px}.video-thumb img{height:160px}.event-community-grid{grid-template-columns:1fr}.community-column{border-left:0;border-top:1px solid #dfe7ef;padding:17px 0 0}.community-grid{grid-template-columns:repeat(8,1fr)}.stats-grid{grid-template-columns:repeat(3,1fr);padding:16px 0}.footer-grid{grid-template-columns:repeat(3,1fr)}.footer-brand-block{grid-column:1/-1}.footer-social{margin-top:16px}.footer-bottom em{margin-right:55px}}
@media(max-width:640px){.container{width:92%}.header-top{height:62px}.brand-mark{width:45px;height:33px}.brand-copy strong{font-size:18px}.mobile-nav{top:62px}.hero-home{min-height:690px;background-position:61% center}.hero-overlay{background:linear-gradient(90deg,#061828d6 0%,#07192a90 58%,#07192a1d 100%),linear-gradient(0deg,#06182b70 0%,transparent 58%)}.hero-content{padding-top:155px}.hero-copy h1{font-size:37px;line-height:1.05}.hero-copy p{font-size:15px}.desktop-only{display:none}.hero-quicklinks{grid-template-columns:1fr 1fr;gap:8px}.quick-card{height:54px;padding-right:8px}.quick-icon{width:39px;height:39px}.quick-card b{font-size:11px}.quick-card small{font-size:10.5px}.hero-prompt{height:auto;min-height:62px;border-radius:14px;padding:7px}.prompt-spark{margin:0 8px}.prompt-copy small,.prompt-image{display:none}.prompt-copy input{font-size:12px}.prompt-submit{min-width:125px;height:46px;padding:0 11px;font-size:12px}.hero-handwriting{display:none}.section-title-row h2{font-size:20px}.section-title-row a{font-size:12.5px}.topic-grid{grid-template-columns:repeat(2,1fr)}.topic-card{height:165px}.feature-content{grid-template-columns:1fr}.feature-visual{height:145px}.feature-button{width:100%;float:none}.video-grid{grid-template-columns:repeat(2,1fr)}.video-thumb img{height:112px}.video-card h3{font-size:12.5px}.event-cards{grid-template-columns:1fr}.event-card{min-height:0}.community-grid{grid-template-columns:repeat(4,1fr)}.community-item img{width:55px;height:55px}.stats-grid{grid-template-columns:repeat(2,1fr)}.stat-item{gap:7px}.stat-icon{font-size:22px}.stat-item b{font-size:13px}.footer-grid{grid-template-columns:repeat(2,1fr)}.footer-brand-block{grid-column:1/-1}.footer-bottom{padding-right:45px}.footer-bottom em{display:none}.back-top{right:0}}

/* Requested header refinements */
.site-header:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,#0b7cf6 0%,#55b9ff 48%,#7b55ff 100%);opacity:.75}.site-search{display:none!important}.header-top{padding-top:3px}.brand{min-width:390px}.brand-copy strong{white-space:nowrap}.footer-brand .brand-copy strong{white-space:nowrap}.footer-brand .brand-copy em{background:linear-gradient(90deg,#48a9ff,#7cc8ff);-webkit-background-clip:text;background-clip:text;color:transparent}

/* Header navigation: occupies the former search position */
@media(min-width:981px){
  .header-top{height:78px;gap:20px}
  .brand{min-width:335px;flex:0 0 auto}
  .header-mainnav{flex:1;min-width:0;height:78px;justify-content:center;gap:clamp(14px,1.35vw,27px);font-size:13.5px;white-space:nowrap}
  .header-mainnav a,.header-mainnav button{height:78px}
  .header-actions{margin-left:0;flex:0 0 auto;gap:12px}
  .mega-menu{top:78px}
}
@media(min-width:981px) and (max-width:1280px){
  .brand{min-width:275px}
  .brand-copy strong{font-size:22px}
  .brand-copy small{font-size:10px}
  .header-mainnav{gap:12px;font-size:12.5px}
  .header-actions{gap:8px}
  .header-actions .icon-button,.header-actions .language-link{display:none}
  .header-signup{padding-inline:16px}
}
@media(max-width:980px){.header-mainnav{display:none}}

/* Header correction: larger type, fitted one-line navigation, visible light gradient */
.site-header{
  background:linear-gradient(180deg,#ffffff 0%,#fbfdff 54%,#f1f7ff 100%);
  border-top:1px solid #dbe9f8;
  box-shadow:0 2px 12px rgba(24,91,156,.10);
}
.site-header:before{
  height:4px;
  background:linear-gradient(90deg,rgba(11,124,246,.18) 0%,rgba(75,177,255,.48) 48%,rgba(113,84,255,.18) 100%);
  opacity:1;
}

@media(min-width:981px){
  .container{width:min(1620px,96%)}
  .header-top{height:82px;padding-top:4px;gap:16px}
  .brand{min-width:318px;flex:0 0 318px;gap:11px}
  .brand-mark{width:62px;height:43px}
  .brand-copy strong{font-size:27px}
  .brand-copy small{font-size:11.5px;line-height:1.15}

  .header-mainnav{
    flex:1 1 auto;
    min-width:0;
    height:82px;
    justify-content:center;
    gap:clamp(18px,1.5vw,31px);
    font-size:15px;
    font-weight:800;
    letter-spacing:-.12px;
    white-space:nowrap;
  }
  .header-mainnav a,.header-mainnav button{
    height:82px;
    flex:0 0 auto;
    white-space:nowrap;
    line-height:1;
  }
  .header-mainnav span{font-size:11px;margin-left:4px}
  .mainnav .active{border-bottom-width:3px}

  .header-actions{margin-left:4px;gap:11px;font-size:14.5px}
  .header-actions .btn{padding:11px 18px;font-size:14px}
  .header-signup{padding-inline:21px!important}
  .icon-button{font-size:23px}

  .mega-menu{top:82px}
  .mega-panel{
    width:min(1500px,90%);
    padding:18px 29px 20px;
    gap:31px;
    border-radius:0 0 16px 16px;
  }
  .mega-col h4{font-size:16px;margin-bottom:7px}
  .mega-col a{font-size:15px;line-height:1.34;padding:4.5px 0;gap:9px}
  .mega-col:not(:last-child){padding-right:23px}
}

/* keep formerly tiny interface copy readable */
.hero-copy p{font-size:18px}
.quick-card small{font-size:11.5px}
.prompt-copy small{font-size:11.5px}
.topic-card b{font-size:14.5px}
.video-author{font-size:12.5px}
.event-card p{font-size:13px}
.community-item small{font-size:11px}
.stat-item small{font-size:12px}
.footer-grid>div:not(:first-child) a{font-size:12.5px}
.footer-brand .brand-copy small{font-size:10.5px}

@media(min-width:981px) and (max-width:1450px){
  .brand{min-width:276px;flex-basis:276px}
  .brand-copy strong{font-size:23px}
  .brand-copy small{font-size:10px}
  .header-mainnav{gap:clamp(11px,1vw,18px);font-size:13.5px}
  .header-actions{gap:8px}
  .header-actions .icon-button,.header-actions .language-link{display:none}
  .header-actions .btn{padding:10px 14px;font-size:13px}
  .mega-panel{width:min(1360px,94%)}
  .mega-col h4{font-size:15px}
  .mega-col a{font-size:14px}
}

@media(max-width:980px){
  .site-header{background:linear-gradient(180deg,#fff 0%,#f3f8ff 100%)}
  .brand-copy strong{font-size:23px}
  .mobile-nav a{font-size:15px}
}
@media(max-width:640px){
  .brand-copy strong{font-size:19px}
  .mobile-nav a{font-size:15px}
}

/* === DB-gesteuertes Header-/Footer-Mega-Menü === */
.site-header{background:linear-gradient(180deg,var(--header-bg,#fff) 0%,color-mix(in srgb,var(--header-bg,#fff) 92%,var(--header-accent,#0b7cf6) 8%) 100%);color:var(--header-text,#142640)}
.header-is-sticky{position:sticky;top:0;z-index:100}
.header-mainnav{font-size:var(--header-font,15px)}
.header-mainnav a,.header-mainnav button{color:var(--header-text,#142640)}
.header-mainnav a:hover,.header-mainnav button:hover{color:var(--header-hover,#0b7cf6)}
.header-mainnav .active{color:var(--header-accent,#0b7cf6);border-bottom-color:var(--header-accent,#0b7cf6)}
.mega-menu{font-size:var(--mega-font,14px)}
.mega-panel{width:min(var(--mega-max,1500px),95%);margin-inline:auto;background:var(--mega-panel,#fff);color:var(--mega-panel-text,#405169);border:1px solid var(--mega-border,#e3eaf2);border-top:0;border-radius:0 0 var(--mega-radius,14px) var(--mega-radius,14px);box-shadow:0 14px 30px var(--mega-shadow,rgba(0,21,42,.16));grid-template-columns:repeat(var(--mega-cols,5),minmax(0,1fr))}
.mega-col:not(:last-child){border-right:1px solid var(--mega-border,#e3eaf2)}
.mega-col h4{font-size:var(--mega-title,14px);color:var(--mega-text,#142640)}
.mega-col a{font-size:var(--mega-font,14px);color:var(--mega-panel-text,#405169)}
.mega-col a:hover{color:var(--mega-hover,#0b7cf6)}
.mega-col a i{font-style:normal;color:var(--mega-accent,#0b7cf6);min-width:17px}
.mobile-mega-block{display:grid;padding:8px 10px;border-bottom:1px solid #eef2f6}.mobile-mega-block>b{padding:6px 0;color:var(--header-accent,#0b7cf6)}.mobile-mega-title{font-weight:900;font-size:12px;color:#53677f;padding:10px 0 3px}.mobile-mega-block a{padding-left:0!important}

.site-footer{background:linear-gradient(145deg,var(--footer-bg,#061a33),color-mix(in srgb,var(--footer-bg,#061a33) 82%,var(--footer-accent,#53adff) 18%));color:var(--footer-text,#dce8f6);font-size:var(--footer-font,13px)}
.footer-mega-grid{grid-template-columns:1.9fr repeat(var(--footer-cols,6),minmax(0,1fr));gap:28px}
.footer-menu-col{min-width:0}.footer-menu-col h4{font-size:var(--footer-title,13px);color:var(--footer-text,#fff);margin:0 0 8px}.footer-menu-col a{display:flex!important;gap:6px;align-items:center;color:var(--footer-panel-text,#d0dbea)!important;font-size:var(--footer-font,13px)!important;padding:3px 0}.footer-menu-col a:hover{color:var(--footer-hover,#fff)!important}.footer-menu-col i{font-style:normal;color:var(--footer-accent,#53adff)}
@media(max-width:1180px){.mega-panel{grid-template-columns:repeat(min(var(--mega-cols,5),4),minmax(0,1fr))}.footer-mega-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.footer-brand-block{grid-column:1/-1}}
@media(max-width:980px){.mega-menu{display:none!important}.footer-mega-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:640px){.footer-mega-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* === Meet-Talk Admin-Design: verbindliche Frontend-Zuordnung === */
.site-header{
  background:linear-gradient(180deg,var(--header-bg,#fff) 0%,var(--header-panel,#f3f8ff) 100%)!important;
  color:var(--header-text,#142640)!important;
  border-top-color:var(--header-border,#e3eaf2)!important;
  box-shadow:0 4px 18px var(--header-shadow,rgba(0,21,42,.16))!important;
}
.site-header:before{background:linear-gradient(90deg,transparent,var(--header-accent,#0b7cf6),transparent)!important}
.header-shell{height:82px;display:flex;align-items:center;gap:16px;width:min(96%,var(--header-max,1500px));margin-inline:auto}
.header-mainnav{display:flex;align-items:center;justify-content:center;gap:clamp(14px,1.35vw,28px);flex:1 1 auto;min-width:0;height:82px;font-size:var(--header-font,15px)!important;font-weight:800;white-space:nowrap}
.header-mainnav a,.header-mainnav button{height:82px;display:flex;align-items:center;border:0;background:transparent;padding:0;color:var(--header-text,#142640)!important;font-size:inherit!important;cursor:pointer}
.header-mainnav a:hover,.header-mainnav button:hover{color:var(--header-hover,#0b7cf6)!important}
.header-mainnav .active{color:var(--header-accent,#0b7cf6)!important;border-bottom:3px solid var(--header-accent,#0b7cf6)!important}
.mega-menu{top:82px;font-size:var(--mega-font,14px)!important}
.mega-menu[data-open-mode="always"]{display:block!important;position:relative;top:auto}
.mega-panel{width:min(95%,var(--mega-max,1500px))!important;margin-inline:auto!important;background:linear-gradient(180deg,var(--mega-bg,#fff),var(--mega-panel,#fff))!important;color:var(--mega-panel-text,#405169)!important;border:1px solid var(--mega-border,#e3eaf2)!important;border-top:0!important;border-radius:0 0 var(--mega-radius,14px) var(--mega-radius,14px)!important;box-shadow:0 14px 30px var(--mega-shadow,rgba(0,21,42,.16))!important;grid-template-columns:repeat(var(--mega-cols,5),minmax(0,1fr))!important}
.mega-col:not(:last-child){border-right-color:var(--mega-border,#e3eaf2)!important}
.mega-col h4{font-size:var(--mega-title,16px)!important;color:var(--mega-text,#142640)!important}
.mega-col a{font-size:var(--mega-font,14px)!important;color:var(--mega-panel-text,#405169)!important}
.mega-col a:hover{color:var(--mega-hover,#0b7cf6)!important}.mega-col a i{color:var(--mega-accent,#0b7cf6)!important}
.site-footer{background:linear-gradient(145deg,var(--footer-bg,#061a33),var(--footer-panel,#0a2645))!important;color:var(--footer-text,#dce8f6)!important;font-size:var(--footer-font,13px)!important;border-top:1px solid var(--footer-border,#173653);box-shadow:0 -8px 30px var(--footer-shadow,rgba(0,0,0,0))}
.footer-mega-grid{width:min(95%,var(--footer-max,1500px));grid-template-columns:1.9fr repeat(var(--footer-cols,6),minmax(0,1fr))!important}
.footer-menu-col h4{font-size:var(--footer-title,13px)!important;color:var(--footer-text,#fff)!important}.footer-menu-col a{font-size:var(--footer-font,13px)!important;color:var(--footer-panel-text,#d0dbea)!important}.footer-menu-col a:hover{color:var(--footer-hover,#fff)!important}.footer-menu-col i{color:var(--footer-accent,#53adff)!important}
@media(max-width:980px){.header-shell{height:68px}.header-mainnav{display:none!important}.mega-menu{display:none!important}.mobile-nav{top:68px}.site-header{background:linear-gradient(180deg,var(--header-bg,#fff),var(--header-panel,#f3f8ff))!important}}
@media(max-width:640px){.header-shell{height:62px}.mobile-nav{top:62px}.footer-mega-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}

/* Mega-Menü Design-Erweiterungen */
.header-mainnav{
  gap:var(--header-item-gap,24px)!important;
  font-size:var(--header-font,15px)!important;
}
.header-mainnav a > span:not(.nav-icon):not(.nav-chevron),
.header-mainnav button > span:not(.nav-icon):not(.nav-chevron){font-size:inherit!important}
.header-mainnav .nav-chevron{font-size:.9em!important}
.header-mainnav a,.header-mainnav button{
  position:relative;
  font-size:var(--header-font,15px)!important;
}
.header-mainnav a:hover,.header-mainnav button:hover{
  background:var(--header-hover-bg,transparent)!important;
}
.header-mainnav .active,
.header-mainnav a.active,
.header-mainnav button.active{
  border-bottom:var(--header-underline-height,3px) solid var(--header-underline,var(--header-accent,#0b7cf6))!important;
}
.mega-panel{
  padding:var(--mega-panel-padding,22px)!important;
  column-gap:var(--mega-column-gap,24px)!important;
  row-gap:var(--mega-column-gap,24px)!important;
}
.mega-col:not(:last-child){
  border-right:var(--mega-divider-width,1px) solid var(--mega-border,#e3eaf2)!important;
  padding-right:var(--mega-column-gap,24px)!important;
}
.mega-col a{
  gap:10px!important;
  border-radius:8px;
  padding:6px 8px!important;
  margin:2px 0;
}
.mega-col a:hover{
  background:var(--mega-hover-bg,rgba(11,124,246,.08))!important;
  color:var(--mega-hover,#0b7cf6)!important;
}
.mega-col h4{
  display:inline-block;
  padding-bottom:5px;
  border-bottom:var(--mega-underline-height,3px) solid var(--mega-underline,var(--mega-accent,#0b7cf6));
  margin-bottom:10px!important;
}
.footer-menu-col h4{
  display:inline-block;
  padding-bottom:4px;
  border-bottom:var(--footer-underline-height,3px) solid var(--footer-underline,var(--footer-accent,#53adff));
}
.footer-menu-col a:hover{background:var(--footer-hover-bg,transparent)!important}

/* === MEET-TALK: Menü-Design sauber auf Menübereiche begrenzt === */
/* Der Admin für Header-Menü darf Logo, Konto-Buttons, Sprache und Header-Hintergrund NICHT verändern. */
.site-header{
  position:relative;
  z-index:50;
  background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%)!important;
  color:var(--ink)!important;
  border-top:0!important;
  box-shadow:0 1px 7px #00152a17!important;
}
.header-shell{
  height:82px!important;
  min-height:82px!important;
  display:flex;
  align-items:center;
  gap:16px;
}
.header-brand .brand-copy strong{color:#102c50!important}
.header-brand .brand-copy em{
  background:linear-gradient(90deg,#0878ef 0%,#38a6ff 58%,#0b76e8 100%)!important;
  -webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;
}
.header-brand .brand-copy small{color:#52657b!important;opacity:1!important}
.header-brand .brand-mark{border-color:#147ff0!important}
.header-brand .brand-sun{color:#f9b000!important}
.header-actions,.header-actions a,.header-actions button,.language-link{color:#142640!important}
.header-actions .btn-primary,.mobile-account-actions .btn-primary{color:#fff!important}
.icon-button{color:#20344f!important}

/* Nur diese Navigation erhält die Einstellungen von header_primary. */
.header-mainnav{
  align-self:stretch;
  display:flex;
  align-items:stretch;
  gap:var(--header-item-gap,24px)!important;
  font-size:var(--header-font,15px)!important;
  color:var(--header-text,#142640)!important;
  max-width:var(--header-max,1500px);
}
.header-mainnav>a,.header-mainnav>button{
  position:relative;
  height:100%!important;
  display:flex;
  align-items:center;
  gap:7px;
  border:0!important;
  border-radius:var(--header-link-radius,9px)!important;
  padding:var(--header-item-pad-y,7px) var(--header-item-pad-x,10px)!important;
  background:transparent;
  color:var(--header-text,#142640)!important;
  font-size:var(--header-font,15px)!important;
  line-height:1.15;
  cursor:pointer;
}
.header-mainnav>a>span:not(.nav-icon):not(.nav-chevron),
.header-mainnav>button>span:not(.nav-icon):not(.nav-chevron){font-size:inherit!important}
.header-mainnav .nav-icon{color:var(--header-icon,#0b7cf6)!important;font-size:var(--header-icon-size,16px)!important;line-height:1}
.header-mainnav .nav-chevron{font-size:.88em!important;color:var(--header-icon,#0b7cf6)!important}
.header-mainnav>a:hover,.header-mainnav>button:hover{
  color:var(--header-hover,#0b7cf6)!important;
  background:var(--header-hover-bg,rgba(11,124,246,.08))!important;
}
/* Sichtbarer Aktiv-Unterstrich: unabhängig von border-bottom und deshalb zuverlässig. */
.header-mainnav>a.active::after,.header-mainnav>button.active::after{
  content:"";
  position:absolute;
  left:var(--header-item-pad-x,10px);
  right:var(--header-item-pad-x,10px);
  bottom:4px;
  height:var(--header-underline-height,3px);
  min-height:0;
  background:var(--header-underline,var(--header-accent,#0b7cf6));
  border-radius:999px;
  pointer-events:none;
}
.header-mainnav>a.active,.header-mainnav>button.active{
  color:var(--header-active-text,var(--header-accent,#0b7cf6))!important;
}
.header-is-sticky{position:sticky!important;top:0;z-index:1000}

/* Mega-Menü: eigene Admin-Werte, ausschließlich im Panel. */
.mega-menu{top:82px!important;font-size:var(--mega-font,14px)!important;color:var(--mega-panel-text,#405169)!important}
.mega-menu[data-open-mode="always"]{display:block!important;position:relative!important;top:auto!important}
.mega-panel{
  width:min(95%,var(--mega-max,1500px))!important;
  margin-inline:auto!important;
  background:linear-gradient(180deg,var(--mega-bg,#fff),var(--mega-gradient,var(--mega-panel,#fff)))!important;
  color:var(--mega-panel-text,#405169)!important;
  border:var(--mega-divider-width,1px) solid var(--mega-border,#e3eaf2)!important;
  border-top:0!important;
  border-radius:0 0 var(--mega-radius,14px) var(--mega-radius,14px)!important;
  box-shadow:0 18px 45px var(--mega-shadow,rgba(0,21,42,.16))!important;
  padding:var(--mega-panel-padding,24px)!important;
  grid-template-columns:repeat(var(--mega-cols,5),minmax(0,1fr))!important;
  column-gap:var(--mega-column-gap,26px)!important;
  row-gap:var(--mega-column-gap,26px)!important;
}
.mega-col{min-width:0}
.mega-col:not(:last-child){border-right:var(--mega-divider-width,1px) solid var(--mega-border,#e3eaf2)!important;padding-right:var(--mega-column-gap,26px)!important}
.mega-col h4{
  display:inline-block;margin:0 0 12px!important;padding-bottom:6px;
  font-size:var(--mega-title,16px)!important;
  color:var(--mega-heading,var(--mega-text,#142640))!important;
  border-bottom:var(--mega-underline-height,3px) solid var(--mega-underline,var(--mega-accent,#0b7cf6))!important;
}
.mega-col a{
  display:flex!important;align-items:center;gap:10px!important;margin:2px 0;
  padding:var(--mega-item-pad-y,7px) var(--mega-item-pad-x,10px)!important;
  border-radius:var(--mega-link-radius,9px)!important;
  color:var(--mega-panel-text,#405169)!important;
  font-size:var(--mega-font,14px)!important;
  transition:background .16s ease,color .16s ease,transform .16s ease;
}
.mega-col a i{min-width:var(--mega-icon-size,16px);font-size:var(--mega-icon-size,16px)!important;color:var(--mega-icon,#0b7cf6)!important;font-style:normal;text-align:center}
.mega-col a:hover{color:var(--mega-hover,#0b7cf6)!important;background:var(--mega-hover-bg,rgba(11,124,246,.08))!important;transform:translateX(2px)}

/* Mobile: ebenfalls nur Menüwerte; Konto-Buttons bleiben im Website-Design. */
.mobile-nav{color:var(--header-text,#142640)!important}
.mobile-nav>a,.mobile-mega-block>b{color:var(--header-text,#142640)!important;font-size:var(--header-font,15px)!important}
.mobile-mega-title{color:var(--header-accent,#0b7cf6)!important}
.mobile-nav-toggle span{background:#15314e!important}

@media(max-width:1180px){.mega-panel{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
@media(max-width:980px){
  .header-shell{height:68px!important;min-height:68px!important}
  .header-mainnav{display:none!important}
  .mega-menu{display:none!important}
  .mobile-nav{top:68px!important;background:#fff!important}
}
@media(max-width:640px){.header-shell{height:62px!important;min-height:62px!important}.mobile-nav{top:62px!important}}


/* 2026-09: finale Admin-Steuerung nur für die Navigation. */
.header-mainnav{
  font-family:var(--header-font-family,Inter,Arial,sans-serif)!important;
  font-size:var(--header-font,15px)!important;
}
.header-mainnav>a,.header-mainnav>button{
  font-family:inherit!important;
  font-size:inherit!important;
  background:transparent!important;
  border-radius:0!important;
  padding:0 var(--header-item-pad-x,10px)!important;
}
.header-mainnav>a:hover,.header-mainnav>button:hover{
  color:var(--header-hover,#0b7cf6)!important;
  background:var(--header-hover-bg,transparent)!important;
}
/* Der Strich sitzt direkt unter dem Text statt am unteren Rand des gesamten Headers. */
.header-mainnav>a.active::after,.header-mainnav>button.active::after{display:none!important}
.header-mainnav .nav-label{position:relative;display:inline-block;font:inherit!important;line-height:1.25}
.header-mainnav>a.active .nav-label::after,.header-mainnav>button.active .nav-label::after{
  content:"";position:absolute;left:0;right:0;top:calc(100% + 6px);
  height:var(--header-underline-height,3px)!important;
  background:var(--header-underline,#0b7cf6)!important;
  border-radius:999px;display:block!important;opacity:1!important;visibility:visible!important;
}
.mega-menu,.mega-panel{font-family:var(--mega-font-family,Inter,Arial,sans-serif)!important}
.site-footer .footer-menu,.site-footer .footer-mega{font-family:var(--footer-font-family,Inter,Arial,sans-serif)!important}

/* === FINAL: Admin-Design ausschließlich für Header-Navigation === */
/* Diese Regeln stehen absichtlich zuletzt: ältere Header-Regeln dürfen Admin-Werte nicht mehr überschreiben. */
#siteHeader .header-mainnav.header-menu-design{
  --_menu-bg:var(--header-bg,#fff);
  --_menu-gradient:var(--header-gradient,#fff);
  display:flex;
  align-items:center;
  align-self:center;
  gap:var(--header-item-gap,24px)!important;
  max-width:var(--header-max,1500px);
  padding:4px 6px;
  margin:0;
  background:linear-gradient(180deg,var(--_menu-bg),var(--_menu-gradient))!important;
  border:1px solid var(--header-border,transparent)!important;
  border-radius:var(--header-radius,0)!important;
  box-shadow:0 5px 18px var(--header-shadow,rgba(0,0,0,0))!important;
  color:var(--header-text,#142640)!important;
  font-family:var(--header-font-family,Inter,Arial,sans-serif)!important;
  font-size:var(--header-font,15px)!important;
  line-height:1.15;
}

#siteHeader .header-mainnav.header-menu-design > a,
#siteHeader .header-mainnav.header-menu-design > button{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  height:auto!important;
  min-height:42px;
  margin:0;
  padding:var(--header-item-pad-y,7px) var(--header-item-pad-x,10px)!important;
  border:0!important;
  border-radius:var(--header-link-radius,0)!important;
  background:transparent!important;
  color:var(--header-text,#142640)!important;
  font:inherit!important;
  line-height:1.15!important;
  cursor:pointer;
  text-decoration:none!important;
  transition:color .15s ease,background-color .15s ease;
  overflow:visible!important;
}

#siteHeader .header-mainnav.header-menu-design .nav-label{
  position:relative;
  display:inline-block!important;
  padding:0 0 6px;
  margin:6px 0 -6px;
  border-bottom:var(--header-underline-height,3px) solid transparent!important;
  color:inherit!important;
  font:inherit!important;
  line-height:1.15!important;
  white-space:nowrap;
}

/* Der Unterstrich ist eine echte Border direkt am Text. Keine Pseudo-Elemente mehr. */
#siteHeader .header-mainnav.header-menu-design > a.active .nav-label,
#siteHeader .header-mainnav.header-menu-design > button.active .nav-label{
  border-bottom-color:var(--header-underline,var(--header-accent,#0b7cf6))!important;
}

#siteHeader .header-mainnav.header-menu-design > a.active,
#siteHeader .header-mainnav.header-menu-design > button.active{
  color:var(--header-active-text,var(--header-accent,#0b7cf6))!important;
}

/* Hover übernimmt exakt die Admin-Werte. Ist Hover-Hintergrund transparent, gibt es keine blaue Fläche. */
#siteHeader .header-mainnav.header-menu-design > a:hover,
#siteHeader .header-mainnav.header-menu-design > button:hover{
  color:var(--header-hover,var(--header-accent,#0b7cf6))!important;
  background:var(--header-hover-bg,transparent)!important;
}

/* Auch beim Hover kann der im Admin gewählte Unterstrich sichtbar werden. */
#siteHeader .header-mainnav.header-menu-design > a:hover .nav-label,
#siteHeader .header-mainnav.header-menu-design > button:hover .nav-label{
  border-bottom-color:var(--header-underline,var(--header-accent,#0b7cf6))!important;
}

#siteHeader .header-mainnav.header-menu-design .nav-icon{
  color:var(--header-icon,var(--header-accent,#0b7cf6))!important;
  font-size:var(--header-icon-size,16px)!important;
  line-height:1!important;
}
#siteHeader .header-mainnav.header-menu-design .nav-chevron{
  color:var(--header-icon,var(--header-accent,#0b7cf6))!important;
  font-size:.86em!important;
}

/* Alte aktive Linien/Pseudo-Elemente definitiv abschalten. */
#siteHeader .header-mainnav.header-menu-design > a::after,
#siteHeader .header-mainnav.header-menu-design > button::after{
  display:none!important;
  content:none!important;
}

/* Logo, Sprache und Account-Buttons bleiben vollständig außerhalb des Menü-Designs. */
#siteHeader .header-actions,
#siteHeader .header-actions a,
#siteHeader .header-actions button,
#siteHeader .header-brand{
  font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;
}
#siteHeader .header-actions .btn-primary{background:linear-gradient(135deg,#188cff,#0877ef)!important;color:#fff!important}
#siteHeader .header-actions .btn-outline{background:#fff!important;color:#142640!important;border-color:#aebdcd!important}

/* Mega-Menü bleibt separat über header_mega steuerbar. */
#siteHeader .mega-menu{
  font-family:var(--mega-font-family,Inter,Arial,sans-serif)!important;
}
#siteHeader .mega-panel{
  background:linear-gradient(180deg,var(--mega-bg,#fff),var(--mega-gradient,var(--mega-panel,#fff)))!important;
  color:var(--mega-panel-text,#405169)!important;
  border-color:var(--mega-border,#e3eaf2)!important;
  border-radius:0 0 var(--mega-radius,14px) var(--mega-radius,14px)!important;
  box-shadow:0 18px 45px var(--mega-shadow,rgba(0,21,42,.16))!important;
  padding:var(--mega-panel-padding,24px)!important;
  gap:var(--mega-column-gap,26px)!important;
}
#siteHeader .mega-col h4{
  color:var(--mega-heading,var(--mega-text,#142640))!important;
  font-size:var(--mega-title,16px)!important;
  border-bottom:var(--mega-underline-height,3px) solid var(--mega-underline,var(--mega-accent,#0b7cf6))!important;
}
#siteHeader .mega-col a{
  color:var(--mega-panel-text,#405169)!important;
  font-size:var(--mega-font,14px)!important;
  border-radius:var(--mega-link-radius,9px)!important;
}
#siteHeader .mega-col a:hover{
  color:var(--mega-hover,#0b7cf6)!important;
  background:var(--mega-hover-bg,rgba(11,124,246,.08))!important;
}
#siteHeader .mega-col a i{color:var(--mega-icon,#0b7cf6)!important;font-size:var(--mega-icon-size,16px)!important}

@media(max-width:980px){
  #siteHeader .header-mainnav.header-menu-design{display:none!important}
}


/* === THEME: Hell bleibt unverändert, Dunkelmodus im Hostinger-Stil === */
html{color-scheme:light}
html[data-theme="dark"]{color-scheme:dark}

#siteHeader .theme-toggle{
  width:38px;height:38px;display:inline-grid;place-items:center;padding:0!important;
  border:1px solid transparent;border-radius:10px;background:transparent!important;
  color:#20344f!important;cursor:pointer;transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease;
}
#siteHeader .theme-toggle:hover{background:#f0f5fb!important;border-color:#dce6f2!important}
#siteHeader .theme-toggle:active{transform:scale(.96)}
#siteHeader .theme-icon{font-size:23px;line-height:1;font-family:Arial,sans-serif}

/* Dunkelmodus: nur Theme-Farben, keine Admin-Menüstruktur wird verändert. */
html[data-theme="dark"] body{background:#0d0f12;color:#e8edf5}
html[data-theme="dark"] #siteHeader{
  background:#101214!important;color:#eef3f8!important;border-bottom:1px solid #2a2e33!important;box-shadow:0 8px 24px rgba(0,0,0,.34)!important;
}
html[data-theme="dark"] #siteHeader:before{background:linear-gradient(90deg,#6e4dff,#1598ff,#38d2ff)!important;opacity:.8!important}
html[data-theme="dark"] #siteHeader .header-shell{background:transparent!important}
html[data-theme="dark"] #siteHeader .header-brand .brand-copy strong{color:#f4f7fb!important}
html[data-theme="dark"] #siteHeader .header-brand .brand-copy small{color:#9ca8b7!important}
html[data-theme="dark"] #siteHeader .brand-mark{background:#171a1f!important;border-color:#2f8eff!important;box-shadow:0 0 0 1px rgba(47,142,255,.12)!important}
html[data-theme="dark"] #siteHeader .brand-sun{color:#ffbd2d!important}

/* Navigation colors come from the saved device profile. */
/* Rechte Header-Aktionen im dunklen Zustand. */
html[data-theme="dark"] #siteHeader .header-actions,
html[data-theme="dark"] #siteHeader .header-actions>a,
html[data-theme="dark"] #siteHeader .language-link{color:#e5eaf0!important}
html[data-theme="dark"] #siteHeader .theme-toggle{color:#f4f7fb!important;border-color:#2d333a!important;background:#171a1f!important}
html[data-theme="dark"] #siteHeader .theme-toggle:hover{background:#22262c!important;border-color:#3a424b!important}
html[data-theme="dark"] #siteHeader .header-actions .btn-outline{background:#171a1f!important;color:#f3f6fa!important;border-color:#3a424b!important}
html[data-theme="dark"] #siteHeader .header-actions .btn-outline:hover{background:#22262c!important;border-color:#4a5562!important}
html[data-theme="dark"] #siteHeader .header-actions .btn-primary{background:linear-gradient(135deg,#2b8fff,#0878ee)!important;color:#fff!important;border-color:transparent!important;box-shadow:0 7px 20px rgba(0,119,238,.25)!important}

/* Mobile and mega-menu colors come from the saved device profile. */
html[data-theme="dark"] #siteHeader .mobile-nav-toggle span{background:#edf2f7!important}
html[data-theme="dark"] #siteHeader .mobile-account-actions{border-top-color:#2c3138!important}

/* Inhalt: neutrale dunkle Flächen, ohne das bestehende Layout zu verändern. */
html[data-theme="dark"] main{background:#0d0f12;color:#e8edf5}
html[data-theme="dark"] .section,html[data-theme="dark"] .page-shell{background:#0d0f12;color:#e8edf5}
html[data-theme="dark"] .section h2,html[data-theme="dark"] .section h3,html[data-theme="dark"] .page-shell h1,html[data-theme="dark"] .page-shell h2{color:#f3f6fa}
html[data-theme="dark"] .card,html[data-theme="dark"] .event,html[data-theme="dark"] .event-card,html[data-theme="dark"] .video-card{background:#171a1f;color:#e8edf5;border-color:#2c3138}
html[data-theme="dark"] .video-meta,html[data-theme="dark"] .event p,html[data-theme="dark"] .muted{color:#9da9b7!important}
html[data-theme="dark"] .stats{background:#121519!important;border-color:#292e34!important;color:#e8edf5}
html[data-theme="dark"] input,html[data-theme="dark"] select,html[data-theme="dark"] textarea{background:#181b1f;color:#eef3f8;border-color:#363c44}
html[data-theme="dark"] input::placeholder,html[data-theme="dark"] textarea::placeholder{color:#7f8a98}

@media(max-width:980px){
  html[data-theme="dark"] #siteHeader .header-actions .language-link,
  html[data-theme="dark"] #siteHeader .header-actions .btn-outline,
  html[data-theme="dark"] #siteHeader .header-actions .header-signup{display:none!important}
}


/* === USER-BEREICH: Header + linkes Menü + Footer === */
.user-area-shell{
  display:grid;
  grid-template-columns:260px minmax(0,1fr);
  gap:28px;
  align-items:start;
  padding-top:34px;
  padding-bottom:54px;
}
.user-sidebar{
  position:sticky;
  top:98px;
  border:1px solid #e2e8f0;
  border-radius:20px;
  background:#fff;
  padding:18px;
  box-shadow:0 12px 36px rgba(15,35,65,.07);
}
.user-sidebar-profile{
  display:flex;
  align-items:center;
  gap:12px;
  padding:8px 6px 18px;
  border-bottom:1px solid #e8edf3;
}
.user-avatar{
  display:grid;
  place-items:center;
  width:46px;
  height:46px;
  flex:0 0 46px;
  border-radius:50%;
  background:linear-gradient(135deg,#0b7cf6,#315efb);
  color:#fff;
  font-weight:800;
  font-size:18px;
}
.user-sidebar-profile strong,
.user-sidebar-profile small{display:block}
.user-sidebar-profile strong{font-size:15px;color:#102c50}
.user-sidebar-profile small{
  max-width:154px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  margin-top:3px;
  color:#718096;
  font-size:12px;
}
.user-sidebar-nav{
  display:grid;
  gap:5px;
  padding:16px 0;
}
.user-sidebar-nav a,
.user-sidebar-logout button{
  display:flex;
  align-items:center;
  gap:11px;
  width:100%;
  min-height:44px;
  padding:9px 12px;
  border:0;
  border-radius:11px;
  background:transparent;
  color:#35445b;
  font:inherit;
  text-decoration:none;
  cursor:pointer;
}
.user-sidebar-nav a span,
.user-sidebar-logout button span{
  display:grid;
  place-items:center;
  width:25px;
  color:#0b7cf6;
  font-size:17px;
}
.user-sidebar-nav a b{font-size:14px;font-weight:650}
.user-sidebar-nav a em{
  margin-left:auto;
  min-width:25px;
  padding:2px 7px;
  border-radius:999px;
  background:#eef6ff;
  color:#0b7cf6;
  font-size:11px;
  font-style:normal;
  font-weight:800;
  text-align:center;
}
.user-sidebar-nav a:hover,
.user-sidebar-nav a.active{
  background:#edf6ff;
  color:#0b63ce;
}
.user-sidebar-logout{
  padding-top:12px;
  border-top:1px solid #e8edf3;
}
.user-sidebar-logout button:hover{background:#fff1f1;color:#b42318}
.user-sidebar-logout button:hover span{color:#b42318}
.user-area-main{min-width:0}
.user-area-header{
  display:flex;
  justify-content:space-between;
  gap:28px;
  align-items:flex-start;
  margin-bottom:24px;
  padding:30px 32px;
  border:1px solid #dfe8f2;
  border-radius:22px;
  background:
    radial-gradient(circle at 92% 15%,rgba(11,124,246,.12),transparent 28%),
    linear-gradient(135deg,#fff,#f7fbff);
}
.user-area-header h1{
  margin:6px 0 8px;
  color:#102c50;
  font-size:clamp(28px,3vw,40px);
  line-height:1.08;
}
.user-area-header p{max-width:700px;margin:0;color:#66758a}
.user-header-credit{
  min-width:145px;
  padding:14px 16px;
  border-radius:14px;
  background:#102c50;
  color:#fff;
}
.user-header-credit small,.user-header-credit strong{display:block}
.user-header-credit small{opacity:.72;font-size:11px;text-transform:uppercase;letter-spacing:.06em}
.user-header-credit strong{margin-top:4px;font-size:18px}
.user-quick-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
  margin-bottom:20px;
}
.user-quick-card{
  display:grid;
  grid-template-columns:42px minmax(0,1fr) auto;
  gap:12px;
  align-items:center;
  min-height:96px;
  padding:18px;
  border:1px solid #e1e8f0;
  border-radius:17px;
  background:#fff;
  color:#102c50;
  text-decoration:none;
  box-shadow:0 8px 24px rgba(15,35,65,.045);
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.user-quick-card:hover{
  transform:translateY(-2px);
  border-color:#a9cdf6;
  box-shadow:0 12px 30px rgba(15,35,65,.09);
}
.user-card-icon{
  display:grid;
  place-items:center;
  width:42px;height:42px;
  border-radius:12px;
  background:#edf6ff;
  color:#0b7cf6;
  font-size:20px;
}
.user-quick-card strong,.user-quick-card small{display:block}
.user-quick-card strong{font-size:15px}
.user-quick-card small{margin-top:4px;color:#78869a;font-size:12px}
.user-quick-card i{color:#0b7cf6;font-style:normal;font-size:20px}
.user-dashboard-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:20px;
}
.user-panel{
  padding:24px;
  border:1px solid #e1e8f0;
  border-radius:18px;
  background:#fff;
  box-shadow:0 8px 26px rgba(15,35,65,.045);
}
.user-panel-wide{grid-column:1/-1}
.user-panel-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:15px;
  margin-bottom:18px;
}
.user-panel-kicker{
  color:#0b7cf6;
  font-size:10px;
  font-weight:800;
  letter-spacing:.12em;
}
.user-panel h2{margin:3px 0 0;color:#102c50;font-size:21px}
.user-status-badge{
  padding:6px 9px;
  border-radius:999px;
  background:#eaf8ef;
  color:#18864b;
  font-size:11px;
  font-weight:750;
}
.user-profile-list{margin:0}
.user-profile-list div{
  display:grid;
  grid-template-columns:135px minmax(0,1fr);
  gap:14px;
  padding:12px 0;
  border-top:1px solid #edf1f5;
}
.user-profile-list dt{color:#758399;font-size:13px}
.user-profile-list dd{margin:0;color:#28384e;font-size:13px;font-weight:650;word-break:break-word}
.user-credit-value{
  margin:2px 0 8px;
  color:#0b7cf6;
  font-size:46px;
  line-height:1;
  font-weight:850;
}
.user-panel p{color:#6f7e91}
.user-panel-link{color:#0b7cf6;font-weight:700;text-decoration:none}
.user-discover-links{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}
.user-discover-links a{
  display:grid;
  grid-template-columns:36px minmax(0,1fr) auto;
  gap:10px;
  align-items:center;
  padding:15px;
  border:1px solid #e7ecf2;
  border-radius:13px;
  color:#293c55;
  text-decoration:none;
}
.user-discover-links a:hover{background:#f7fbff;border-color:#b8d8fb}
.user-discover-links a>span{color:#0b7cf6;font-size:18px}
.user-discover-links strong,.user-discover-links small{display:block}
.user-discover-links strong{font-size:13px}
.user-discover-links small{margin-top:3px;color:#8090a4;font-size:11px}
.user-discover-links i{color:#0b7cf6;font-style:normal}

html[data-theme="dark"] .user-sidebar,
html[data-theme="dark"] .user-quick-card,
html[data-theme="dark"] .user-panel{
  background:#15191f;
  border-color:#2a3039;
  box-shadow:none;
}
html[data-theme="dark"] .user-area-header{
  background:radial-gradient(circle at 92% 15%,rgba(11,124,246,.18),transparent 28%),linear-gradient(135deg,#15191f,#11151a);
  border-color:#2a3039;
}
html[data-theme="dark"] .user-area-header h1,
html[data-theme="dark"] .user-sidebar-profile strong,
html[data-theme="dark"] .user-panel h2,
html[data-theme="dark"] .user-quick-card{color:#f3f6fa}
html[data-theme="dark"] .user-area-header p,
html[data-theme="dark"] .user-sidebar-profile small,
html[data-theme="dark"] .user-panel p,
html[data-theme="dark"] .user-profile-list dt{color:#9aa6b5}
html[data-theme="dark"] .user-profile-list dd{color:#e4e9ef}
html[data-theme="dark"] .user-sidebar-profile,
html[data-theme="dark"] .user-sidebar-logout,
html[data-theme="dark"] .user-profile-list div{border-color:#2a3039}
html[data-theme="dark"] .user-sidebar-nav a,
html[data-theme="dark"] .user-sidebar-logout button{color:#cbd4df}
html[data-theme="dark"] .user-sidebar-nav a:hover,
html[data-theme="dark"] .user-sidebar-nav a.active{background:#162a40;color:#77b6ff}
html[data-theme="dark"] .user-discover-links a{border-color:#2a3039;color:#dce3eb}
html[data-theme="dark"] .user-discover-links a:hover{background:#19222c;border-color:#315b83}
html[data-theme="dark"] .user-header-credit{background:#0b7cf6}

@media(max-width:1050px){
  .user-area-shell{grid-template-columns:220px minmax(0,1fr);gap:20px}
  .user-quick-grid{grid-template-columns:1fr}
  .user-discover-links{grid-template-columns:1fr}
}
@media(max-width:760px){
  .user-area-shell{display:block;padding-top:18px}
  .user-sidebar{
    position:relative;
    top:auto;
    margin-bottom:18px;
    padding:12px;
  }
  .user-sidebar-profile{padding:5px 5px 12px}
  .user-sidebar-nav{
    display:flex;
    gap:7px;
    overflow-x:auto;
    padding:12px 0 4px;
    scrollbar-width:none;
  }
  .user-sidebar-nav::-webkit-scrollbar{display:none}
  .user-sidebar-nav a{
    flex:0 0 auto;
    min-height:40px;
    padding:8px 11px;
    white-space:nowrap;
  }
  .user-sidebar-nav a span{width:auto}
  .user-sidebar-nav a em{margin-left:2px}
  .user-sidebar-logout{display:none}
  .user-area-header{display:block;padding:23px 20px}
  .user-header-credit{margin-top:18px;width:max-content}
  .user-dashboard-grid{grid-template-columns:1fr}
  .user-panel-wide{grid-column:auto}
}
@media(max-width:520px){
  .user-area-header h1{font-size:28px}
  .user-panel{padding:19px}
  .user-profile-list div{grid-template-columns:1fr;gap:4px}
}


/* === USER-PROFIL: Bild + Passwort === */
.user-avatar-image{
  object-fit:cover;
  object-position:center;
}
.user-profile-header{margin-bottom:18px}
.user-profile-notice{
  margin:0 0 18px;
  padding:13px 16px;
  border-radius:12px;
  font-size:14px;
  font-weight:650;
}
.user-profile-notice.success{
  border:1px solid #a8e0be;
  background:#ecf9f1;
  color:#16723e;
}
.user-profile-notice.error{
  border:1px solid #f2b5b5;
  background:#fff1f1;
  color:#a32222;
}
.user-profile-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:20px;
}
.user-profile-card{min-width:0}
.user-profile-account{grid-column:1/-1}
.user-avatar-editor{
  display:flex;
  align-items:center;
  gap:18px;
  padding:4px 0 22px;
}
.user-avatar-preview{
  width:104px;
  height:104px;
  flex:0 0 104px;
  border-radius:50%;
  object-fit:cover;
  object-position:center;
  border:4px solid #fff;
  box-shadow:0 0 0 1px #dce5ee,0 10px 26px rgba(20,45,75,.12);
}
.user-avatar-placeholder{
  display:grid;
  place-items:center;
  background:linear-gradient(135deg,#0b7cf6,#315efb);
  color:#fff;
  font-size:36px;
  font-weight:850;
}
.user-avatar-editor strong,
.user-avatar-editor small{display:block}
.user-avatar-editor strong{color:#102c50;font-size:18px}
.user-avatar-editor small{
  margin-top:5px;
  color:#7a8899;
  font-size:13px;
  overflow-wrap:anywhere;
}
.user-profile-form{
  display:grid;
  gap:15px;
}
.user-profile-form label>span,
.user-file-field>span{
  display:block;
  margin-bottom:6px;
  color:#33455c;
  font-size:13px;
  font-weight:700;
}
.user-profile-form .input{width:100%}
.user-file-field{
  display:block;
  padding:14px;
  border:1px dashed #bfd2e5;
  border-radius:12px;
  background:#f8fbfe;
}
.user-file-field input[type="file"]{
  display:block;
  width:100%;
  color:#526479;
  font-size:13px;
}
.user-form-help{
  margin:-3px 0 0!important;
  color:#7a8899!important;
  font-size:12px;
}
.user-profile-form .btn{justify-self:start}

html[data-theme="dark"] .user-profile-notice.success{
  border-color:#245b3b;
  background:#14251b;
  color:#7ddda5;
}
html[data-theme="dark"] .user-profile-notice.error{
  border-color:#6f3434;
  background:#2b1717;
  color:#ff9d9d;
}
html[data-theme="dark"] .user-avatar-editor strong{color:#f2f5f8}
html[data-theme="dark"] .user-profile-form label>span,
html[data-theme="dark"] .user-file-field>span{color:#dbe3ec}
html[data-theme="dark"] .user-file-field{
  border-color:#394552;
  background:#11171d;
}
html[data-theme="dark"] .user-file-field input[type="file"]{color:#b8c3d0}
html[data-theme="dark"] .user-avatar-preview{
  border-color:#15191f;
  box-shadow:0 0 0 1px #394552;
}

@media(max-width:900px){
  .user-profile-grid{grid-template-columns:1fr}
  .user-profile-account{grid-column:auto}
}
@media(max-width:520px){
  .user-avatar-editor{align-items:flex-start}
  .user-avatar-preview{
    width:82px;
    height:82px;
    flex-basis:82px;
  }
  .user-profile-form .btn{width:100%}
}


/* === COMMUNITY: Kategorien + Gruppen === */
.community-hero{align-items:center}
.community-stat{
  min-width:116px;
  padding:14px 18px;
  border-radius:15px;
  background:#0b7cf6;
  color:#fff;
  text-align:center;
}
.community-stat small,.community-stat strong{display:block}
.community-stat small{font-size:11px;text-transform:uppercase;letter-spacing:.07em;opacity:.78}
.community-stat strong{margin-top:2px;font-size:28px;line-height:1}
.community-section{margin-top:24px}
.community-section-head{
  display:flex;
  justify-content:space-between;
  gap:16px;
  align-items:end;
  margin-bottom:14px;
}
.community-section-head h2{margin:3px 0 0;color:#102c50;font-size:22px}
.community-my-groups{
  display:flex;
  gap:12px;
  overflow-x:auto;
  padding-bottom:3px;
}
.community-my-group{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:210px;
  padding:11px 13px;
  border:1px solid #e1e8f0;
  border-radius:13px;
  background:#fff;
  color:#263b54;
  text-decoration:none;
}
.community-my-group img,.community-my-group>span{
  width:42px;height:42px;flex:0 0 42px;border-radius:11px;object-fit:cover;
}
.community-my-group>span{display:grid;place-items:center;background:#edf6ff;color:#0b7cf6}
.community-my-group strong,.community-my-group small{display:block}
.community-my-group strong{font-size:13px}
.community-my-group small{margin-top:3px;color:#7b899a;font-size:11px}
.community-categories{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
}
.community-category{
  position:relative;
  min-height:122px;
  padding:14px;
  overflow:hidden;
  border:1px solid #e1e8f0;
  border-radius:16px;
  background:#fff;
  color:#203650;
  text-decoration:none;
  transition:.18s ease;
}
.community-category:hover,.community-category.active{
  transform:translateY(-2px);
  border-color:#82baf5;
  box-shadow:0 10px 25px rgba(15,50,90,.08);
}
.community-category img{
  width:100%;
  height:62px;
  margin-bottom:10px;
  border-radius:10px;
  object-fit:cover;
}
.community-category-icon{
  display:grid;
  place-items:center;
  width:44px;height:44px;
  margin-bottom:10px;
  border-radius:11px;
  background:#edf6ff;
  color:#0b7cf6;
  font-size:20px;
}
.community-category strong,.community-category small{display:block}
.community-category strong{font-size:14px}
.community-category small{margin-top:3px;color:#78879a;font-size:11px}
.community-groups-head{align-items:center}
.community-search{display:flex;gap:8px}
.community-search .input{min-width:220px}
.community-group-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
}
.community-group-card{
  overflow:hidden;
  border:1px solid #e1e8f0;
  border-radius:18px;
  background:#fff;
  box-shadow:0 8px 25px rgba(15,35,65,.045);
}
.community-group-cover{
  display:grid;
  place-items:center;
  height:150px;
  background:linear-gradient(135deg,#edf6ff,#dbeaff);
  color:#0b7cf6;
  font-size:38px;
}
.community-group-cover img{width:100%;height:100%;object-fit:cover}
.community-group-body{padding:18px}
.community-group-category{
  color:#0b7cf6;
  font-size:10px;
  font-weight:800;
  letter-spacing:.09em;
  text-transform:uppercase;
}
.community-group-card h3{margin:5px 0 8px;color:#102c50;font-size:20px}
.community-group-card p{
  min-height:42px;
  margin:0 0 12px;
  color:#6f7e91;
  font-size:13px;
  line-height:1.55;
}
.community-group-meta{
  margin-bottom:15px;
  padding-top:11px;
  border-top:1px solid #edf1f5;
  color:#78879a;
  font-size:12px;
}
.community-group-card form .btn{width:100%}
.community-leave{
  border:1px solid #d7e0e9;
  background:#fff;
  color:#42536a;
}
.community-empty{
  grid-column:1/-1;
  padding:35px;
  border:1px dashed #c9d5e2;
  border-radius:16px;
  background:#fafcfe;
  text-align:center;
}
.community-empty strong{color:#243a53}
.community-empty p{margin-bottom:0;color:#7c8998}

html[data-theme="dark"] .community-section-head h2,
html[data-theme="dark"] .community-group-card h3{color:#f2f5f8}
html[data-theme="dark"] .community-my-group,
html[data-theme="dark"] .community-category,
html[data-theme="dark"] .community-group-card{
  background:#15191f;
  border-color:#2a3039;
  box-shadow:none;
  color:#dce4ec;
}
html[data-theme="dark"] .community-category:hover,
html[data-theme="dark"] .community-category.active{border-color:#3c78b5}
html[data-theme="dark"] .community-group-meta{border-color:#2a3039}
html[data-theme="dark"] .community-leave{
  background:#171c22;
  border-color:#39434e;
  color:#d6dee7;
}
html[data-theme="dark"] .community-empty{
  background:#14191f;
  border-color:#39434e;
}
html[data-theme="dark"] .community-empty strong{color:#eef3f8}

@media(max-width:1000px){
  .community-categories{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:760px){
  .community-categories{grid-template-columns:repeat(2,minmax(0,1fr))}
  .community-group-grid{grid-template-columns:1fr}
  .community-groups-head{display:block}
  .community-search{margin-top:12px}
  .community-search .input{min-width:0;flex:1}
}
@media(max-width:480px){
  .community-categories{grid-template-columns:1fr 1fr}
  .community-category{min-height:105px;padding:11px}
  .community-category img{height:52px}
  .community-search{display:grid;grid-template-columns:1fr}
}


/* === COMMUNITY CATEGORY AREAS === */
.community-category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.community-category-card{display:block;overflow:hidden;border:1px solid #e1e8f0;border-radius:18px;background:#fff;color:#203650;text-decoration:none;box-shadow:0 8px 25px rgba(15,35,65,.045);transition:.18s ease}
.community-category-card:hover{transform:translateY(-3px);border-color:#82baf5;box-shadow:0 14px 30px rgba(15,50,90,.09)}
.community-category-cover{height:150px;display:grid;place-items:center;background:linear-gradient(135deg,#edf6ff,#dbeaff);color:#0b7cf6;font-size:38px}
.community-category-cover img{width:100%;height:100%;object-fit:cover}
.community-category-body{padding:18px}
.community-category-kicker{font-size:10px;font-weight:800;letter-spacing:.09em;color:#0b7cf6}
.community-category-body h3{margin:5px 0 8px;font-size:20px;color:#102c50}
.community-category-body p{min-height:42px;margin:0 0 14px;color:#6f7e91;font-size:13px;line-height:1.55}
.community-category-stats{display:flex;gap:14px;padding:11px 0;border-top:1px solid #edf1f5;border-bottom:1px solid #edf1f5;color:#78879a;font-size:12px}
.community-category-body>b{display:block;margin-top:13px;color:#0b7cf6;font-size:13px}

.community-back{display:inline-block;margin-bottom:14px;color:#0b7cf6;text-decoration:none;font-weight:700;font-size:13px}
.community-detail-hero{display:grid;grid-template-columns:180px minmax(0,1fr) auto;gap:22px;align-items:center;padding:20px;border:1px solid #e1e8f0;border-radius:20px;background:#fff}
.community-detail-cover{height:130px;border-radius:15px;overflow:hidden;display:grid;place-items:center;background:linear-gradient(135deg,#edf6ff,#dbeaff);color:#0b7cf6;font-size:40px}
.community-detail-cover img{width:100%;height:100%;object-fit:cover}
.community-detail-info h1{margin:3px 0 8px;color:#102c50}
.community-detail-info p{margin:0;color:#6f7e91;line-height:1.6}
.community-detail-meta{margin-top:12px;color:#78879a;font-size:12px}
.community-join-form{white-space:nowrap}
.community-compose{margin-top:20px;padding:18px;border:1px solid #e1e8f0;border-radius:18px;background:#fff}
.community-compose form{display:grid;gap:12px}
.community-compose form>div{text-align:right}
.community-feed{margin-top:24px}
.community-post{margin-bottom:16px;padding:18px;border:1px solid #e1e8f0;border-radius:18px;background:#fff}
.community-post-head{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:10px;align-items:center}
.community-post-avatar{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#edf6ff;color:#0b7cf6;font-weight:800}
.community-post-head strong,.community-post-head small{display:block}
.community-post-head small{margin-top:2px;color:#8a97a7;font-size:11px}
.community-delete{border:0;background:transparent;color:#9aa6b3;font-size:22px;cursor:pointer}
.community-post-text{padding:16px 0;color:#2f435a;line-height:1.65}
.community-comments{padding-top:12px;border-top:1px solid #edf1f5}
.community-comment{position:relative;margin:8px 0;padding:10px 34px 10px 12px;border-radius:12px;background:#f6f8fb;color:#42546a;font-size:12px}
.community-comment strong{color:#203650}
.community-comment small{display:block;margin-top:4px;color:#95a0ad;font-size:10px}
.community-comment .community-delete{position:absolute;top:4px;right:8px}
.community-comment-form{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:10px}

html[data-theme="dark"] .community-category-card,
html[data-theme="dark"] .community-detail-hero,
html[data-theme="dark"] .community-compose,
html[data-theme="dark"] .community-post{background:#15191f;border-color:#2a3039;box-shadow:none}
html[data-theme="dark"] .community-category-body h3,
html[data-theme="dark"] .community-detail-info h1,
html[data-theme="dark"] .community-section-head h2{color:#f2f5f8}
html[data-theme="dark"] .community-category-stats,
html[data-theme="dark"] .community-comments{border-color:#2a3039}
html[data-theme="dark"] .community-post-text{color:#d5dde6}
html[data-theme="dark"] .community-comment{background:#1e242c;color:#d3dbe4}
html[data-theme="dark"] .community-comment strong{color:#f1f4f7}

@media(max-width:1000px){
  .community-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .community-detail-hero{grid-template-columns:140px minmax(0,1fr)}
  .community-join-form{grid-column:1/-1}
}
@media(max-width:650px){
  .community-category-grid{grid-template-columns:1fr}
  .community-detail-hero{grid-template-columns:1fr}
  .community-detail-cover{height:190px}
  .community-comment-form{grid-template-columns:1fr}
}


/* === USER-BEREICH LESBARKEIT + BILDER KLEINER === */
.user-area-main,
.user-area-main p,
.user-area-main small,
.user-area-main span,
.user-area-main label,
.user-area-main input,
.user-area-main textarea,
.user-area-main select,
.user-area-main button,
.user-area-main a{
  font-size:14px;
}

.user-area-main p{
  color:#42566d;
  line-height:1.65;
}

.user-area-main h1{
  font-size:32px;
  line-height:1.2;
  color:#102c50;
}

.user-area-main h2{
  font-size:22px;
  line-height:1.3;
  color:#102c50;
}

.user-area-main h3{
  font-size:18px;
  line-height:1.35;
  color:#183552;
}

.user-sidebar-profile strong{
  font-size:14px;
}

.user-sidebar-profile small{
  font-size:12px;
  color:#6f7f91;
}

.user-sidebar-nav a{
  font-size:14px;
}

.user-sidebar-nav a b{
  font-size:14px;
}

.user-avatar,
.user-avatar-image{
  width:48px !important;
  height:48px !important;
  max-width:48px !important;
  max-height:48px !important;
  object-fit:cover;
}

/* Community-Karten kompakter */
.community-category-cover{
  height:105px !important;
}

.community-category-cover img{
  width:100% !important;
  height:105px !important;
  object-fit:cover !important;
}

.community-category-body{
  padding:14px !important;
}

.community-category-body h3{
  font-size:17px !important;
  margin:4px 0 6px !important;
}

.community-category-body p{
  min-height:0 !important;
  font-size:13px !important;
  color:#4d6075 !important;
  line-height:1.5 !important;
}

.community-category-stats{
  font-size:12px !important;
  color:#5f7185 !important;
}

.community-category-body>b{
  font-size:13px !important;
}

/* Community-Detailbild deutlich kleiner */
.community-detail-hero{
  grid-template-columns:130px minmax(0,1fr) auto !important;
}

.community-detail-cover{
  width:130px !important;
  height:95px !important;
  max-width:130px !important;
  max-height:95px !important;
}

.community-detail-cover img{
  width:130px !important;
  height:95px !important;
  object-fit:cover !important;
}

.community-detail-info h1{
  font-size:28px !important;
}

.community-detail-info p{
  font-size:14px !important;
  color:#42566d !important;
}

.community-detail-meta{
  font-size:12px !important;
  color:#5f7185 !important;
}

/* Feed besser lesbar */
.community-post-text{
  font-size:14px !important;
  color:#273b52 !important;
}

.community-comment{
  font-size:13px !important;
  color:#364b62 !important;
}

.community-comment strong{
  color:#17314e !important;
}

.community-comment small{
  color:#718196 !important;
}

.community-post-head strong{
  font-size:14px !important;
  color:#17314e;
}

.community-post-head small{
  font-size:11px !important;
  color:#718196 !important;
}

/* Dark Mode: Kontrast erhöhen */
html[data-theme="dark"] .user-area-main,
html[data-theme="dark"] .user-area-main p,
html[data-theme="dark"] .community-category-body p,
html[data-theme="dark"] .community-detail-info p,
html[data-theme="dark"] .community-post-text,
html[data-theme="dark"] .community-comment{
  color:#d7e0ea !important;
}

html[data-theme="dark"] .user-area-main h1,
html[data-theme="dark"] .user-area-main h2,
html[data-theme="dark"] .user-area-main h3,
html[data-theme="dark"] .community-category-body h3,
html[data-theme="dark"] .community-detail-info h1,
html[data-theme="dark"] .community-post-head strong,
html[data-theme="dark"] .community-comment strong{
  color:#f5f8fb !important;
}

html[data-theme="dark"] .user-sidebar-profile small,
html[data-theme="dark"] .community-category-stats,
html[data-theme="dark"] .community-detail-meta,
html[data-theme="dark"] .community-post-head small,
html[data-theme="dark"] .community-comment small{
  color:#aebbc9 !important;
}

@media(max-width:760px){
  .user-area-main h1{font-size:26px !important}
  .user-area-main h2{font-size:20px !important}
  .community-detail-hero{
    grid-template-columns:96px minmax(0,1fr) !important;
  }
  .community-detail-cover,
  .community-detail-cover img{
    width:96px !important;
    height:76px !important;
  }
  .community-join-form{grid-column:1/-1}
}

@media(max-width:520px){
  .community-category-cover,
  .community-category-cover img{
    height:90px !important;
  }
  .community-detail-hero{
    grid-template-columns:1fr !important;
  }
  .community-detail-cover,
  .community-detail-cover img{
    width:100% !important;
    max-width:100% !important;
    height:110px !important;
    max-height:110px !important;
  }
}


/* === COMMUNITY MEDIA UPLOADS === */
.community-media-upload{
  display:block;
  padding:14px;
  border:1px dashed #b9c8d8;
  border-radius:14px;
  background:#f8fbfe;
  cursor:pointer;
}
.community-media-upload>span{
  display:block;
  margin-bottom:7px;
  color:#173653;
  font-weight:800;
}
.community-media-upload input[type="file"]{
  display:block;
  width:100%;
  font-size:13px;
}
.community-media-upload small{
  display:block;
  margin-top:7px;
  color:#6f8092;
  font-size:11px;
}
.community-media-preview{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
}
.community-media-preview:empty{display:none}
.community-media-preview-item{
  min-width:0;
  padding:7px;
  border:1px solid #e1e8f0;
  border-radius:12px;
  background:#fff;
}
.community-media-preview-item img,
.community-media-preview-item video{
  display:block;
  width:100%;
  height:95px;
  border-radius:9px;
  object-fit:cover;
  background:#eef3f8;
}
.community-media-preview-item small{
  display:block;
  overflow:hidden;
  margin-top:5px;
  color:#627286;
  font-size:10px;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.community-post-media{
  display:grid;
  grid-template-columns:1fr;
  gap:8px;
  margin:15px 0 4px;
  overflow:hidden;
  border-radius:14px;
}
.community-post-media.is-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
}
.community-post-media a{
  display:block;
  min-width:0;
}
.community-post-media img,
.community-post-media video{
  display:block;
  width:100%;
  max-height:420px;
  border-radius:12px;
  background:#0c1117;
  object-fit:cover;
}
.community-post-media.is-grid img,
.community-post-media.is-grid video{
  height:220px;
}
html[data-theme="dark"] .community-media-upload{
  border-color:#3a4653;
  background:#171d24;
}
html[data-theme="dark"] .community-media-upload>span{color:#eef4fa}
html[data-theme="dark"] .community-media-upload small{color:#aab7c5}
html[data-theme="dark"] .community-media-preview-item{
  border-color:#2b333d;
  background:#171c22;
}

@media(max-width:760px){
  .community-media-preview{grid-template-columns:repeat(2,minmax(0,1fr))}
  .community-post-media.is-grid{grid-template-columns:1fr 1fr}
  .community-post-media.is-grid img,
  .community-post-media.is-grid video{height:170px}
}
@media(max-width:480px){
  .community-post-media.is-grid{grid-template-columns:1fr}
  .community-post-media.is-grid img,
  .community-post-media.is-grid video{height:auto;max-height:360px}
}


/* === COMMUNITY VIDEO PLAYER FIX === */
.community-post-media{
  justify-items:start;
}

.community-post-media video{
  width:100% !important;
  height:auto !important;
  max-width:520px !important;
  max-height:320px !important;
  aspect-ratio:16 / 9;
  object-fit:contain !important;
  background:#000;
}

.community-post-media.is-grid .community-video-box,
.community-post-media.is-grid>a{
  width:100%;
}

.community-post-media.is-grid video{
  width:100% !important;
  max-width:100% !important;
  height:auto !important;
  max-height:260px !important;
  aspect-ratio:16 / 9;
}

.community-video-box{
  width:min(100%,520px);
  overflow:hidden;
  border-radius:12px;
  background:#000;
}

.community-video-box video{
  display:block;
  border-radius:12px 12px 0 0 !important;
}

.community-video-open{
  display:block;
  padding:8px 10px;
  background:#111820;
  color:#fff !important;
  font-size:12px !important;
  text-align:center;
  text-decoration:none;
}

.community-video-open:hover{
  text-decoration:underline;
}

.community-media-preview-item video{
  width:100% !important;
  height:90px !important;
  max-height:90px !important;
  aspect-ratio:16 / 9;
  object-fit:contain !important;
  background:#000;
}

@media(max-width:760px){
  .community-post-media video{
    max-width:100% !important;
    max-height:240px !important;
  }
}

@media(max-width:480px){
  .community-post-media,
  .community-post-media.is-grid{
    grid-template-columns:1fr !important;
  }
  .community-video-box{
    width:100%;
  }
  .community-post-media video{
    width:100% !important;
    max-width:100% !important;
    max-height:210px !important;
  }
}


/* === STARTSEITE ECHTE FREIGEGEBENE VIDEOS === */
.home-real-video-card .home-real-video{
  height:auto !important;
  min-height:0 !important;
  aspect-ratio:16 / 9;
  overflow:hidden;
  background:#000;
}
.home-real-video-card .home-real-video video{
  display:block;
  width:100% !important;
  height:100% !important;
  min-height:0 !important;
  max-height:260px;
  aspect-ratio:16 / 9;
  object-fit:contain;
  background:#000;
}
.home-real-video-card .video-author{
  padding-bottom:4px;
}
@media(max-width:760px){
  .home-real-video-card .home-real-video video{max-height:220px}
}


/* === STARTSEITE VIDEO DESIGN FIX === */
.home-real-video-grid{
  gap:16px;
}

.home-real-video-card{
  overflow:hidden;
  padding:8px;
  border:1px solid #dce5ee !important;
  border-radius:12px;
  background:#fff !important;
  box-shadow:0 3px 12px rgba(14,42,70,.08);
}

.home-real-video-card .home-real-video{
  overflow:hidden;
  width:100%;
  aspect-ratio:16 / 9;
  border:1px solid #d4dee8;
  border-radius:9px;
  background:#eef3f7 !important;
}

.home-real-video-card .home-real-video video{
  display:block;
  width:100% !important;
  height:100% !important;
  max-height:none !important;
  aspect-ratio:16 / 9;
  object-fit:cover !important;
  background:#eef3f7 !important;
  border-radius:8px;
}

.home-real-video-card .home-real-video img{
  width:100%;
  height:100%;
  aspect-ratio:16 / 9;
  object-fit:cover;
  border-radius:8px;
}

.home-real-video-card h3{
  margin:9px 3px 6px;
  color:#17314e;
  font-size:13.5px;
}

.home-real-video-card .video-author{
  padding:0 3px 4px;
  color:#66778b;
}

/* Startseiten-Videokarten bleiben auch im Dark Mode als klare helle Karten lesbar */
html[data-theme="dark"] .home-real-video-card{
  border-color:#394653 !important;
  background:#20262d !important;
  box-shadow:0 4px 14px rgba(0,0,0,.22);
}

html[data-theme="dark"] .home-real-video-card .home-real-video{
  border-color:#465360;
  background:#2a323b !important;
}

html[data-theme="dark"] .home-real-video-card .home-real-video video{
  background:#2a323b !important;
}

html[data-theme="dark"] .home-real-video-card h3{
  color:#f3f6fa;
}

html[data-theme="dark"] .home-real-video-card .video-author{
  color:#b8c4d0;
}

@media(max-width:640px){
  .home-real-video-card{
    padding:7px;
  }
}


/* === STARTSEITE VIDEO THUMBNAIL + POPUP === */
.home-video-preview{
  position:relative;
  display:block;
  width:100%;
  padding:0;
  overflow:hidden;
  aspect-ratio:16 / 9;
  border:0;
  border-radius:9px;
  background:#e9eff5;
  cursor:pointer;
}

button.home-video-preview{
  appearance:none;
  font:inherit;
}

.home-video-preview img,
.home-video-preview .home-video-poster-source{
  display:block;
  width:100% !important;
  height:100% !important;
  max-height:none !important;
  aspect-ratio:16 / 9;
  object-fit:cover !important;
  pointer-events:none;
}

.home-video-play{
  position:absolute;
  left:50%;
  top:50%;
  display:grid;
  width:58px;
  height:58px;
  place-items:center;
  transform:translate(-50%,-50%);
  border:2px solid rgba(255,255,255,.92);
  border-radius:50%;
  background:rgba(8,25,43,.72);
  color:#fff;
  font-size:22px;
  line-height:1;
  padding-left:4px;
  box-shadow:0 5px 18px rgba(0,0,0,.25);
  transition:transform .18s ease,background .18s ease;
}

.home-video-preview:hover .home-video-play{
  transform:translate(-50%,-50%) scale(1.08);
  background:rgba(15,91,176,.9);
}

.home-video-modal[hidden]{display:none !important}

.home-video-modal{
  position:fixed;
  inset:0;
  z-index:20000;
  display:grid;
  place-items:center;
  padding:24px;
}

.home-video-modal-backdrop{
  position:absolute;
  inset:0;
  background:rgba(5,12,20,.82);
  backdrop-filter:blur(4px);
}

.home-video-modal-dialog{
  position:relative;
  z-index:1;
  width:min(920px,94vw);
  padding:18px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:16px;
  background:#111820;
  box-shadow:0 25px 80px rgba(0,0,0,.45);
}

.home-video-modal-dialog h3{
  margin:0 48px 14px 0;
  color:#fff;
  font-size:17px;
}

.home-video-modal-dialog video{
  display:block;
  width:100%;
  max-height:72vh;
  aspect-ratio:16 / 9;
  border-radius:10px;
  background:#000;
  object-fit:contain;
}

.home-video-modal-close{
  position:absolute;
  right:14px;
  top:10px;
  width:38px;
  height:38px;
  border:0;
  border-radius:50%;
  background:rgba(255,255,255,.1);
  color:#fff;
  font-size:28px;
  line-height:34px;
  cursor:pointer;
}

.home-video-modal-close:hover{
  background:rgba(255,255,255,.2);
}

html.home-video-modal-open{
  overflow:hidden;
}

@media(max-width:640px){
  .home-video-play{
    width:48px;
    height:48px;
    font-size:18px;
  }
  .home-video-modal{
    padding:12px;
  }
  .home-video-modal-dialog{
    width:100%;
    padding:12px;
    border-radius:12px;
  }
  .home-video-modal-dialog video{
    max-height:68vh;
  }
}


/* === STARTSEITE PLAY-BUTTON KLEIN + RUND === */
.home-video-play{
  box-sizing:border-box !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:40px !important;
  height:40px !important;
  min-width:40px !important;
  min-height:40px !important;
  padding:0 0 0 2px !important;
  border:2px solid rgba(255,255,255,.92) !important;
  border-radius:50% !important;
  background:rgba(8,25,43,.70) !important;
  color:#fff !important;
  font-size:15px !important;
  line-height:1 !important;
  box-shadow:0 3px 10px rgba(0,0,0,.22) !important;
}

.home-video-preview:hover .home-video-play{
  transform:translate(-50%,-50%) scale(1.06) !important;
}

@media(max-width:640px){
  .home-video-play{
    width:34px !important;
    height:34px !important;
    min-width:34px !important;
    min-height:34px !important;
    font-size:13px !important;
  }
}


/* === STARTSEITE HERVORGEHOBENES VIDEO === */
.home-real-video-card.is-featured{
  border-color:#e2b544 !important;
  box-shadow:0 5px 18px rgba(191,145,20,.17) !important;
}
.home-video-featured{
  position:absolute;
  left:9px;
  top:9px;
  z-index:2;
  padding:5px 8px;
  border-radius:999px;
  background:rgba(255,224,116,.95);
  color:#5b4300;
  font-size:11px;
  font-weight:800;
  line-height:1;
  box-shadow:0 2px 7px rgba(0,0,0,.14);
}


/* === STARTSEITE VIDEO-KENNZEICHNUNG === */
.home-video-featured{
  position:absolute !important;
  top:8px !important;
  right:8px !important;
  left:auto !important;
  z-index:3 !important;
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  min-height:24px;
  padding:5px 9px !important;
  border:1px solid rgba(255,255,255,.7);
  border-radius:999px !important;
  background:rgba(10,27,45,.78) !important;
  color:#fff !important;
  font-size:10px !important;
  font-weight:800 !important;
  line-height:1 !important;
  letter-spacing:.03em;
  text-transform:none;
  box-shadow:0 2px 8px rgba(0,0,0,.18);
  backdrop-filter:blur(3px);
}


/* === STARTSEITE VIDEO-BADGE SCHRAEG === */
.home-video-featured{
  position:absolute !important;
  top:10px !important;
  right:-24px !important;
  left:auto !important;
  z-index:4 !important;
  display:block !important;
  width:88px !important;
  min-height:0 !important;
  padding:5px 0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:#2f6f8f !important;
  color:#fff !important;
  font-size:10px !important;
  font-weight:800 !important;
  line-height:1.1 !important;
  letter-spacing:.04em !important;
  text-align:center !important;
  text-transform:uppercase !important;
  box-shadow:0 2px 7px rgba(0,0,0,.22) !important;
  transform:rotate(45deg) !important;
  transform-origin:center !important;
  backdrop-filter:none !important;
  pointer-events:none;
}

html[data-theme="dark"] .home-video-featured{
  background:#2f6f8f !important;
  color:#fff !important;
}

@media(max-width:640px){
  .home-video-featured{
    top:9px !important;
    right:-25px !important;
    width:84px !important;
    font-size:9px !important;
  }
}


/* === STARTSEITE VIDEO-BADGE KLEIN OBEN RECHTS === */
/* Überschreibt die vorherige große Ribbon-Variante vollständig. */
.home-video-featured{
  position:absolute !important;
  top:8px !important;
  right:8px !important;
  left:auto !important;
  z-index:4 !important;

  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;

  width:auto !important;
  min-width:0 !important;
  min-height:0 !important;
  max-width:90px !important;

  padding:4px 8px !important;
  border:0 !important;
  border-radius:6px !important;

  background:#425466 !important;
  color:#fff !important;

  font-size:9px !important;
  font-weight:800 !important;
  line-height:1 !important;
  letter-spacing:.04em !important;
  text-align:center !important;
  text-transform:uppercase !important;
  white-space:nowrap !important;

  box-shadow:0 2px 6px rgba(0,0,0,.22) !important;

  transform:rotate(-7deg) !important;
  transform-origin:center !important;

  clip-path:none !important;
  backdrop-filter:none !important;
  pointer-events:none !important;
}

html[data-theme="dark"] .home-video-featured{
  background:#425466 !important;
  color:#fff !important;
}

@media(max-width:640px){
  .home-video-featured{
    top:7px !important;
    right:7px !important;
    padding:4px 7px !important;
    font-size:8px !important;
  }
}


/* === STARTSEITE VIDEO-BADGE WIE MARKIERUNG === */
/* Kleine schräge Lasche oben links, teilweise über dem Kartenrand. */
.home-real-video-card{
  overflow:visible !important;
}
.home-video-preview{
  overflow:hidden !important;
}
.home-video-featured{
  position:absolute !important;
  top:-8px !important;
  left:-15px !important;
  right:auto !important;
  z-index:10 !important;

  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;

  width:auto !important;
  min-width:48px !important;
  max-width:92px !important;
  min-height:22px !important;
  padding:5px 10px !important;

  border:0 !important;
  border-radius:5px !important;
  background:#425466 !important;
  color:#fff !important;

  font-size:9px !important;
  font-weight:800 !important;
  line-height:1 !important;
  letter-spacing:.04em !important;
  text-transform:uppercase !important;
  white-space:nowrap !important;

  box-shadow:0 2px 6px rgba(0,0,0,.22) !important;
  transform:rotate(-28deg) !important;
  transform-origin:center !important;
  clip-path:none !important;
  backdrop-filter:none !important;
  pointer-events:none !important;
}

html[data-theme="dark"] .home-video-featured{
  background:#425466 !important;
  color:#fff !important;
}

@media(max-width:640px){
  .home-video-featured{
    top:-7px !important;
    left:-13px !important;
    min-width:44px !important;
    min-height:20px !important;
    padding:4px 9px !important;
    font-size:8px !important;
  }
}

.home-real-video-card .home-video-preview{
  overflow:visible !important;
}
.home-real-video-card .home-video-preview > img,
.home-real-video-card .home-video-preview > video{
  border-radius:inherit;
}


/* === STARTSEITE VIDEO-BADGE SCHMALES ECKBAND === */
/* Schmales diagonales Band über der oberen linken Ecke – keine große Lasche. */
.home-real-video-card,
.home-real-video-card .home-video-preview{
  overflow:visible !important;
}

.home-video-featured{
  position:absolute !important;
  top:9px !important;
  left:-7px !important;
  right:auto !important;
  z-index:10 !important;

  display:flex !important;
  align-items:center !important;
  justify-content:center !important;

  width:76px !important;
  height:18px !important;
  min-width:0 !important;
  min-height:0 !important;
  max-width:none !important;
  padding:0 !important;

  border:0 !important;
  border-radius:2px !important;
  background:#425466 !important;
  color:#fff !important;

  font-size:8px !important;
  font-weight:800 !important;
  line-height:18px !important;
  letter-spacing:.04em !important;
  text-align:center !important;
  text-transform:uppercase !important;
  white-space:nowrap !important;

  box-shadow:0 1px 4px rgba(0,0,0,.2) !important;
  transform:rotate(-28deg) !important;
  transform-origin:center center !important;
  clip-path:none !important;
  backdrop-filter:none !important;
  pointer-events:none !important;
}

html[data-theme="dark"] .home-video-featured{
  background:#425466 !important;
  color:#fff !important;
}

@media(max-width:640px){
  .home-video-featured{
    top:8px !important;
    left:-6px !important;
    width:70px !important;
    height:17px !important;
    line-height:17px !important;
    font-size:7px !important;
  }
}


/* === STARTSEITE VIDEO-BADGE GELB FINAL === */
.home-real-video-card,
.home-real-video-card .home-video-preview{
  overflow:visible !important;
}

.home-video-featured{
  position:absolute !important;
  top:9px !important;
  left:-7px !important;
  right:auto !important;
  z-index:10 !important;

  display:flex !important;
  align-items:center !important;
  justify-content:center !important;

  width:76px !important;
  height:18px !important;
  min-width:0 !important;
  min-height:0 !important;
  max-width:none !important;
  padding:0 6px !important;
  box-sizing:border-box !important;

  border:0 !important;
  border-radius:7px !important;
  background:#ffd400 !important;
  color:#111 !important;

  font-size:8px !important;
  font-weight:900 !important;
  line-height:18px !important;
  letter-spacing:.04em !important;
  text-align:center !important;
  text-transform:uppercase !important;
  white-space:nowrap !important;

  box-shadow:0 2px 5px rgba(0,0,0,.20) !important;
  transform:rotate(-28deg) !important;
  transform-origin:center center !important;
  clip-path:none !important;
  backdrop-filter:none !important;
  pointer-events:none !important;
}

html[data-theme="dark"] .home-video-featured{
  background:#ffd400 !important;
  color:#111 !important;
}

@media(max-width:640px){
  .home-video-featured{
    top:8px !important;
    left:-6px !important;
    width:70px !important;
    height:17px !important;
    border-radius:6px !important;
    line-height:17px !important;
    font-size:7px !important;
  }
}


/* === COMMUNITY UPLOAD FORTSCHRITT === */
.community-upload-status{
  padding:12px 13px;
  border:1px solid #cfe0ef;
  border-radius:12px;
  background:#f6faff;
}
.community-upload-status[hidden]{display:none !important}
.community-upload-status-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:8px;
  color:#173653;
  font-size:12px;
}
.community-upload-status-head strong{font-weight:800}
.community-upload-status-head span{
  flex:0 0 auto;
  font-weight:800;
}
.community-upload-track{
  height:8px;
  overflow:hidden;
  border-radius:999px;
  background:#dce7f0;
}
.community-upload-track span{
  display:block;
  width:0;
  height:100%;
  border-radius:inherit;
  background:#1683e8;
  transition:width .15s linear;
}
.community-upload-status.is-error{
  border-color:#e8b7b7;
  background:#fff5f5;
}
.community-upload-status.is-error .community-upload-status-head{color:#9d2525}
.community-upload-status.is-error .community-upload-track span{background:#c83d3d}

html[data-theme="dark"] .community-upload-status{
  border-color:#33475a;
  background:#151d25;
}
html[data-theme="dark"] .community-upload-status-head{color:#edf5fb}
html[data-theme="dark"] .community-upload-track{background:#2a3642}
html[data-theme="dark"] .community-upload-status.is-error{
  border-color:#704040;
  background:#251919;
}
html[data-theme="dark"] .community-upload-status.is-error .community-upload-status-head{color:#ffbaba}

#communityPostSubmit:disabled{
  cursor:wait;
  opacity:.7;
}


/* === COMMUNITY VIDEO KOMPAKT FINAL === */
.community-post-media{
  justify-items:start !important;
  overflow:visible !important;
}

.community-video-box{
  width:min(100%,360px) !important;
  max-width:360px !important;
  border-radius:10px !important;
  overflow:hidden !important;
  background:#000 !important;
}

.community-video-box video,
.community-post-media video{
  display:block !important;
  width:100% !important;
  height:auto !important;
  max-width:360px !important;
  max-height:203px !important;
  aspect-ratio:16 / 9 !important;
  object-fit:cover !important;
  border-radius:10px 10px 0 0 !important;
  background:#111 !important;
}

.community-video-open{
  padding:6px 9px !important;
  font-size:11px !important;
}

.community-post-media img{
  width:auto !important;
  max-width:360px !important;
  max-height:260px !important;
  object-fit:cover !important;
}

@media(max-width:640px){
  .community-video-box{
    width:100% !important;
    max-width:100% !important;
  }
  .community-video-box video,
  .community-post-media video{
    width:100% !important;
    max-width:100% !important;
    max-height:none !important;
  }
  .community-post-media img{
    width:100% !important;
    max-width:100% !important;
    max-height:240px !important;
  }
}


/* === COMMUNITY 5 PRO REIHE + SEITEN === */
.community-feed-grid{
  display:grid !important;
  grid-template-columns:repeat(5,minmax(0,1fr)) !important;
  gap:14px !important;
  align-items:start !important;
}
.community-feed-grid > .community-post{
  min-width:0 !important;
  height:100%;
  padding:10px !important;
}
.community-feed-grid .community-post-head{
  gap:7px !important;
}
.community-feed-grid .community-post-head strong{
  font-size:11px !important;
}
.community-feed-grid .community-post-head small{
  font-size:8px !important;
}
.community-feed-grid .community-post-media{
  width:100% !important;
}
.community-feed-grid .community-video-box,
.community-feed-grid .community-post-media img{
  width:100% !important;
  max-width:100% !important;
}
.community-feed-grid .community-video-box video,
.community-feed-grid .community-post-media video{
  width:100% !important;
  max-width:100% !important;
  aspect-ratio:16/9 !important;
  height:auto !important;
  max-height:none !important;
}
.community-feed-grid .community-post-text{
  font-size:11px !important;
  line-height:1.4 !important;
}
.community-feed-grid .community-comment-form{
  grid-template-columns:1fr !important;
}
.community-feed-grid .community-comment-form .btn{
  width:100%;
}
.community-feed-grid .community-empty,
.community-feed-grid .community-pagination{
  grid-column:1/-1;
}

.community-pagination{
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:6px;
  margin:12px 0 4px;
}
.community-pagination a,
.community-pagination span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:34px;
  height:34px;
  padding:0 10px;
  border:1px solid #cbd9e6;
  border-radius:8px;
  background:#fff;
  color:#173653;
  font-size:12px;
  font-weight:800;
  text-decoration:none;
}
.community-pagination a.active{
  background:#1683e8;
  border-color:#1683e8;
  color:#fff;
}
.community-pagination .disabled{
  opacity:.45;
}
html[data-theme="dark"] .community-pagination a,
html[data-theme="dark"] .community-pagination span{
  background:#151d25;
  border-color:#344454;
  color:#eaf3fb;
}
html[data-theme="dark"] .community-pagination a.active{
  background:#1683e8;
  border-color:#1683e8;
  color:#fff;
}

@media(max-width:1200px){
  .community-feed-grid{grid-template-columns:repeat(3,minmax(0,1fr)) !important}
}
@media(max-width:820px){
  .community-feed-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
}
@media(max-width:560px){
  .community-feed-grid{grid-template-columns:1fr !important}
}


/* === COMMUNITY PROFILBILDER === */
.community-post-avatar-image{
  display:block !important;
  width:38px !important;
  height:38px !important;
  min-width:38px !important;
  border-radius:50% !important;
  object-fit:cover !important;
  object-position:center !important;
}
.community-comment-main{
  display:flex;
  align-items:flex-start;
  gap:8px;
}
.community-comment-avatar{
  display:block;
  width:28px;
  height:28px;
  min-width:28px;
  border-radius:50%;
  object-fit:cover;
  object-position:center;
}
.community-comment-avatar-fallback{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:#e9f2fb;
  color:#126fc2;
  font-size:10px;
  font-weight:800;
}
html[data-theme="dark"] .community-comment-avatar-fallback{
  background:#243445;
  color:#8ec8ff;
}


/* === COMMUNITY VIDEO POPUP + REAKTIONEN === */
.community-video-trigger{
  position:relative;
  display:block;
  width:100%;
  padding:0;
  border:0;
  border-radius:10px 10px 0 0;
  overflow:hidden;
  background:#101820;
  cursor:pointer;
}
.community-video-trigger video{
  pointer-events:none;
}
.community-video-trigger-play{
  position:absolute;
  left:50%;
  top:50%;
  width:40px;
  height:40px;
  transform:translate(-50%,-50%);
  display:flex;
  align-items:center;
  justify-content:center;
  border:2px solid rgba(255,255,255,.9);
  border-radius:50%;
  background:rgba(10,25,40,.76);
  color:#fff;
  font-size:15px;
  padding-left:2px;
  box-shadow:0 3px 12px rgba(0,0,0,.24);
}
.community-video-stats{
  display:flex;
  align-items:center;
  gap:12px;
  padding:7px 9px;
  font-size:10px;
  background:rgba(20,36,51,.06);
}
.community-video-stats span{
  display:inline-flex;
  align-items:center;
  gap:3px;
}
.community-video-stats b{font-weight:800}

.community-video-modal[hidden]{display:none !important}
.community-video-modal{
  position:fixed;
  inset:0;
  z-index:10050;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:24px;
}
.community-video-modal-backdrop{
  position:absolute;
  inset:0;
  background:rgba(5,12,20,.78);
  backdrop-filter:blur(5px);
}
.community-video-modal-dialog{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(0,1fr) 360px;
  width:min(1180px,96vw);
  max-height:88vh;
  overflow:hidden;
  border:1px solid rgba(148,170,190,.35);
  border-radius:18px;
  background:#fff;
  box-shadow:0 24px 70px rgba(0,0,0,.38);
}
.community-video-modal-close{
  position:absolute;
  right:12px;
  top:10px;
  z-index:5;
  width:34px;
  height:34px;
  border:0;
  border-radius:50%;
  background:rgba(0,0,0,.62);
  color:#fff;
  font-size:22px;
  cursor:pointer;
}
.community-video-modal-player{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:430px;
  background:#000;
}
.community-video-modal-player video{
  display:block;
  width:100%;
  max-height:88vh;
  aspect-ratio:16/9;
  object-fit:contain;
  background:#000;
}
.community-video-modal-side{
  display:flex;
  flex-direction:column;
  min-width:0;
  max-height:88vh;
  padding:18px;
  background:#fff;
}
.community-video-modal-author{
  display:flex;
  align-items:center;
  gap:10px;
  padding-right:35px;
}
.community-video-modal-author > div:last-child{
  min-width:0;
}
.community-video-modal-author strong{
  display:block;
  font-size:14px;
  color:#102c45;
}
.community-video-modal-author small{
  display:block;
  margin-top:2px;
  font-size:11px;
  color:#6c8092;
}
.community-video-modal-avatar{
  display:flex;
  align-items:center;
  justify-content:center;
  width:38px;
  height:38px;
  min-width:38px;
  border-radius:50%;
  object-fit:cover;
  background:#e5eff8;
  color:#126fc2;
  font-size:12px;
  font-weight:900;
}
.community-video-modal-text{
  margin:12px 0 0;
  padding-bottom:12px;
  border-bottom:1px solid #e4ebf1;
  color:#2d4051;
  font-size:12px;
  line-height:1.5;
}
.community-video-reactions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  padding:12px 0;
  border-bottom:1px solid #e4ebf1;
}
.community-reaction-btn{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:5px;
  height:36px;
  border:1px solid #d5e0e9;
  border-radius:9px;
  background:#f7fafc;
  color:#243b50;
  font-size:11px;
  font-weight:800;
  cursor:pointer;
}
.community-reaction-btn.active{
  border-color:#1683e8;
  background:#eaf5ff;
  color:#116fc0;
}
#communityHeartButton.active{
  border-color:#dc4d68;
  background:#fff0f3;
  color:#c33752;
}
.community-reaction-btn:disabled{
  cursor:not-allowed;
  opacity:.5;
}
.community-video-comments{
  display:flex;
  flex-direction:column;
  min-height:0;
  flex:1;
  padding-top:12px;
}
.community-video-comments-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:8px;
  color:#173653;
  font-size:12px;
}
.community-video-comments-head span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:22px;
  height:22px;
  padding:0 6px;
  border-radius:999px;
  background:#edf3f8;
  font-size:10px;
  font-weight:800;
}
.community-video-comment-list{
  min-height:80px;
  overflow:auto;
  padding-right:4px;
}
.community-video-modal-comment{
  display:grid;
  grid-template-columns:28px 1fr;
  gap:8px;
  padding:8px 0;
  border-bottom:1px solid #edf1f4;
}
.community-video-modal-comment .community-video-modal-avatar{
  width:28px;
  height:28px;
  min-width:28px;
  font-size:9px;
}
.community-video-modal-comment-head{
  display:flex;
  justify-content:space-between;
  gap:8px;
}
.community-video-modal-comment-head strong{
  font-size:10px;
  color:#173653;
}
.community-video-modal-comment-head small{
  font-size:8px;
  color:#81909d;
  white-space:nowrap;
}
.community-video-modal-comment p{
  margin:3px 0 0;
  font-size:10px;
  line-height:1.45;
  color:#3a4f61;
}
.community-video-comments-empty{
  padding:18px 0;
  text-align:center;
  color:#7e8e9c;
  font-size:10px;
}
.community-video-comment-form{
  display:grid;
  grid-template-columns:1fr auto;
  gap:8px;
  padding-top:10px;
}
.community-video-comment-form textarea{
  width:100%;
  min-height:42px;
  max-height:90px;
  resize:vertical;
  padding:9px 10px;
  border:1px solid #d4dee7;
  border-radius:9px;
  background:#fff;
  color:#173653;
  font:inherit;
  font-size:11px;
}
.community-video-comment-form .btn{
  align-self:end;
  height:42px;
}
.community-video-owner-note{
  margin-top:10px;
  padding:9px 10px;
  border-radius:9px;
  background:#f5f7f9;
  color:#6a7885;
  font-size:10px;
  text-align:center;
}
body.community-video-modal-open{overflow:hidden}

html[data-theme="dark"] .community-video-modal-dialog,
html[data-theme="dark"] .community-video-modal-side{
  background:#111820;
  border-color:#2b3b49;
}
html[data-theme="dark"] .community-video-modal-author strong,
html[data-theme="dark"] .community-video-comments-head,
html[data-theme="dark"] .community-video-modal-comment-head strong{
  color:#edf5fb;
}
html[data-theme="dark"] .community-video-modal-author small,
html[data-theme="dark"] .community-video-modal-text,
html[data-theme="dark"] .community-video-modal-comment p{
  color:#aebdca;
}
html[data-theme="dark"] .community-video-modal-text,
html[data-theme="dark"] .community-video-reactions,
html[data-theme="dark"] .community-video-modal-comment{
  border-color:#293744;
}
html[data-theme="dark"] .community-reaction-btn{
  border-color:#334655;
  background:#19232d;
  color:#dce8f2;
}
html[data-theme="dark"] .community-reaction-btn.active{
  border-color:#1683e8;
  background:#14334c;
  color:#8ac8ff;
}
html[data-theme="dark"] #communityHeartButton.active{
  border-color:#b84459;
  background:#391d24;
  color:#ff9eaf;
}
html[data-theme="dark"] .community-video-comments-head span,
html[data-theme="dark"] .community-video-owner-note{
  background:#1d2832;
  color:#b9c7d2;
}
html[data-theme="dark"] .community-video-comment-form textarea{
  border-color:#334655;
  background:#101820;
  color:#edf5fb;
}

@media(max-width:900px){
  .community-video-modal{
    padding:10px;
  }
  .community-video-modal-dialog{
    grid-template-columns:1fr;
    width:min(720px,98vw);
    max-height:94vh;
    overflow:auto;
  }
  .community-video-modal-player{
    min-height:0;
  }
  .community-video-modal-player video{
    max-height:48vh;
  }
  .community-video-modal-side{
    max-height:none;
  }
  .community-video-comment-list{
    max-height:260px;
  }
}
@media(max-width:560px){
  .community-video-modal-side{
    padding:14px;
  }
  .community-video-reactions{
    grid-template-columns:1fr 1fr;
  }
  .community-video-comment-form{
    grid-template-columns:1fr;
  }
  .community-video-comment-form .btn{
    width:100%;
  }
}


/* === STARTSEITE VIDEO POPUP COMMUNITY-AKTIONEN === */
.home-video-social-dialog{
  width:min(1180px,94vw) !important;
  max-width:none !important;
  display:grid !important;
  grid-template-columns:minmax(0,1fr) 340px;
  gap:0 !important;
  padding:0 !important;
  overflow:hidden;
}
.home-video-modal-main{
  min-width:0;
  padding:18px;
  background:#111922;
}
.home-video-modal-main h3{
  margin:0 42px 12px 0 !important;
}
.home-video-modal-main video{
  width:100% !important;
  max-height:72vh;
  margin:0 !important;
  border-radius:10px;
  background:#000;
  object-fit:contain;
}
.home-video-social{
  display:flex;
  flex-direction:column;
  min-width:0;
  max-height:82vh;
  padding:18px;
  background:#fff;
  color:#18334b;
  border-left:1px solid #dce4eb;
}
.home-video-social-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding-right:34px;
}
.home-video-social-label{
  display:block;
  margin-bottom:3px;
  color:#6d8498;
  font-size:9px;
  font-weight:900;
  letter-spacing:.1em;
}
.home-video-social-head strong{
  display:block;
  font-size:14px;
}
.home-video-social-text{
  margin:12px 0 0;
  padding:0 0 12px;
  border-bottom:1px solid #e6edf2;
  font-size:11px;
  line-height:1.5;
  color:#4f6374;
}
.home-video-social-actions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  padding:12px 0;
  border-bottom:1px solid #e6edf2;
}
.home-video-social-action{
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:6px;
  height:38px;
  padding:0 10px;
  border:1px solid #d7e1e9;
  border-radius:9px;
  background:#f8fafc;
  color:#284257;
  cursor:pointer;
  font-size:11px;
}
.home-video-social-action strong{
  font-size:10px;
  text-align:left;
}
.home-video-social-action b{
  font-size:10px;
}
.home-video-social-action.active{
  border-color:#2587df;
  background:#eaf5ff;
  color:#126fc2;
}
.home-video-social-heart.active{
  border-color:#d84c67;
  background:#fff0f3;
  color:#c63852;
}
.home-video-login-note{
  margin:12px 0 0;
  padding:11px;
  border:1px solid #d8e5ef;
  border-radius:10px;
  background:#f3f8fc;
}
.home-video-login-note strong{
  display:block;
  margin-bottom:3px;
  color:#173c5b;
  font-size:11px;
}
.home-video-login-note span{
  display:block;
  color:#607587;
  font-size:9px;
  line-height:1.45;
}
.home-video-login-note > div{
  display:flex;
  gap:7px;
  margin-top:9px;
}
.home-video-login-note .btn{
  min-height:30px;
  padding:6px 10px;
  font-size:9px;
}
.home-video-owner-note{
  margin:12px 0 0;
  padding:10px;
  border-radius:9px;
  background:#f5f7f9;
  color:#687b8b;
  font-size:9px;
  line-height:1.45;
}
.home-video-social-comments{
  display:flex;
  flex-direction:column;
  flex:1;
  min-height:0;
  padding-top:12px;
}
.home-video-social-comments-title{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:8px;
}
.home-video-social-comments-title strong{
  font-size:11px;
}
.home-video-social-comments-title span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:22px;
  height:22px;
  padding:0 6px;
  border-radius:999px;
  background:#edf3f7;
  font-size:9px;
  font-weight:900;
}
.home-video-social-comment-list{
  flex:1;
  min-height:100px;
  overflow:auto;
  padding-right:3px;
}
.home-video-social-comment{
  display:grid;
  grid-template-columns:28px 1fr;
  gap:8px;
  padding:8px 0;
  border-bottom:1px solid #edf1f4;
}
.home-video-comment-avatar{
  display:flex;
  align-items:center;
  justify-content:center;
  width:28px;
  height:28px;
  min-width:28px;
  border-radius:50%;
  object-fit:cover;
}
.home-video-comment-avatar-fallback{
  background:#e8f2fb;
  color:#126fc2;
  font-size:9px;
  font-weight:900;
}
.home-video-social-comment-head{
  display:flex;
  justify-content:space-between;
  gap:8px;
}
.home-video-social-comment-head strong{
  font-size:9px;
}
.home-video-social-comment-head small{
  color:#8797a5;
  font-size:8px;
  white-space:nowrap;
}
.home-video-social-comment p{
  margin:3px 0 0;
  color:#4b6072;
  font-size:9px;
  line-height:1.45;
}
.home-video-comments-empty{
  padding:18px 0;
  text-align:center;
  color:#8293a0;
  font-size:9px;
}
.home-video-social-comment-form{
  display:grid;
  grid-template-columns:1fr auto;
  gap:8px;
  padding-top:10px;
}
.home-video-social-comment-form textarea{
  width:100%;
  min-height:42px;
  max-height:88px;
  resize:vertical;
  padding:9px 10px;
  border:1px solid #d6e0e8;
  border-radius:9px;
  background:#fff;
  color:#18334b;
  font:inherit;
  font-size:10px;
}
.home-video-social-comment-form textarea[readonly]{
  cursor:pointer;
  background:#f6f8fa;
}
.home-video-social-comment-form .btn{
  align-self:end;
  height:42px;
  padding:0 12px;
  font-size:9px;
}

html[data-theme="dark"] .home-video-social{
  background:#121a22;
  color:#e8f1f8;
  border-left-color:#2b3946;
}
html[data-theme="dark"] .home-video-social-text,
html[data-theme="dark"] .home-video-social-comment p{
  color:#adbdc9;
}
html[data-theme="dark"] .home-video-social-text,
html[data-theme="dark"] .home-video-social-actions,
html[data-theme="dark"] .home-video-social-comment{
  border-color:#2a3844;
}
html[data-theme="dark"] .home-video-social-action{
  border-color:#344653;
  background:#19242d;
  color:#dde8f0;
}
html[data-theme="dark"] .home-video-social-action.active{
  background:#14334c;
  color:#8ecbff;
}
html[data-theme="dark"] .home-video-social-heart.active{
  background:#391e25;
  color:#ff9caf;
}
html[data-theme="dark"] .home-video-login-note,
html[data-theme="dark"] .home-video-owner-note{
  border-color:#30404d;
  background:#1a2630;
  color:#bac8d2;
}
html[data-theme="dark"] .home-video-login-note strong{
  color:#edf6fc;
}
html[data-theme="dark"] .home-video-login-note span{
  color:#a9bbc9;
}
html[data-theme="dark"] .home-video-social-comments-title span{
  background:#1d2933;
}
html[data-theme="dark"] .home-video-social-comment-form textarea{
  border-color:#344653;
  background:#101820;
  color:#edf5fb;
}
html[data-theme="dark"] .home-video-social-comment-form textarea[readonly]{
  background:#18232c;
}

@media(max-width:900px){
  .home-video-social-dialog{
    display:block !important;
    width:min(760px,96vw) !important;
    max-height:92vh;
    overflow:auto;
  }
  .home-video-modal-main{
    padding:14px;
  }
  .home-video-modal-main video{
    max-height:52vh;
  }
  .home-video-social{
    max-height:none;
    border-left:0;
    border-top:1px solid #dce4eb;
  }
  html[data-theme="dark"] .home-video-social{
    border-top-color:#2b3946;
  }
  .home-video-social-comment-list{
    max-height:250px;
  }
}

@media(max-width:560px){
  .home-video-modal{
    padding:8px !important;
  }
  .home-video-social{
    padding:14px;
  }
  .home-video-social-comment-form{
    grid-template-columns:1fr;
  }
  .home-video-social-comment-form .btn{
    width:100%;
  }
}


/* === STARTSEITE VIDEO POPUP LESBAR + VIDEO KOMPAKT === */
.home-video-social-dialog{
  grid-template-columns:minmax(0,760px) 390px !important;
  width:min(1150px,94vw) !important;
}
.home-video-modal-main{
  padding:20px !important;
}
.home-video-modal-main h3{
  font-size:18px !important;
  line-height:1.3 !important;
}
.home-video-modal-main video{
  width:100% !important;
  height:auto !important;
  max-height:68vh !important;
  aspect-ratio:auto !important;
  object-fit:contain !important;
}
.home-video-social{
  padding:20px !important;
}
.home-video-social-label{
  font-size:11px !important;
}
.home-video-social-head strong{
  font-size:17px !important;
}
.home-video-social-text{
  font-size:14px !important;
  line-height:1.55 !important;
}
.home-video-social-action{
  height:44px !important;
  font-size:14px !important;
}
.home-video-social-action strong,
.home-video-social-action b{
  font-size:13px !important;
}
.home-video-login-note strong{
  font-size:14px !important;
}
.home-video-login-note span,
.home-video-owner-note{
  font-size:12px !important;
  line-height:1.5 !important;
}
.home-video-login-note .btn{
  font-size:12px !important;
}
.home-video-social-comments-title strong{
  font-size:14px !important;
}
.home-video-social-comments-title span{
  font-size:12px !important;
}
.home-video-social-comment-head strong{
  font-size:12px !important;
}
.home-video-social-comment-head small{
  font-size:10px !important;
}
.home-video-social-comment p,
.home-video-comments-empty{
  font-size:12px !important;
}
.home-video-social-comment-form textarea{
  font-size:13px !important;
}
.home-video-social-comment-form .btn{
  font-size:12px !important;
}

@media(max-width:900px){
  .home-video-social-dialog{
    width:min(760px,96vw) !important;
  }
  .home-video-modal-main video{
    max-height:50vh !important;
  }
}


/* === STARTSEITE VIDEO AUTOR PROFILBILD === */
.home-real-video-card .home-video-author-avatar{
  display:block;
  width:22px;
  height:22px;
  min-width:22px;
  border-radius:50%;
  object-fit:cover;
  object-position:center;
}


/* Header positioning is controlled by the responsive menu settings. */


/* === STARTSEITE HERO-BILD KRÄFTIG + SCHARF === */
.hero-home{
  background:none !important;
  isolation:isolate;
}
.hero-home::before{
  content:"";
  position:absolute;
  inset:-2px;
  z-index:0;
  background:
    url('https://images.unsplash.com/photo-1533105079780-92b9be482077?auto=format&fit=crop&w=2600&q=100')
    center 45% / cover no-repeat;
  filter:saturate(1.22) contrast(1.12) brightness(1.07);
  transform:scale(1.01);
}
.hero-home::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(3,18,32,.72) 0%,rgba(5,22,38,.40) 35%,rgba(5,22,38,.08) 62%,rgba(0,0,0,0) 78%),
    linear-gradient(0deg,rgba(4,18,31,.32) 0%,rgba(4,18,31,0) 46%);
}
.hero-overlay{
  display:none !important;
}
.hero-content{
  z-index:2 !important;
}
.hero-home .hero-copy h1{
  text-shadow:0 3px 14px rgba(0,0,0,.42);
}
.hero-home .hero-copy p{
  text-shadow:0 2px 8px rgba(0,0,0,.48);
}


/* === STARTSEITE HERO NEUES BILD === */
.hero-home::before{
  background:
    url('https://images.unsplash.com/photo-1752650143267-57c2491f5ba2?auto=format&fit=crop&w=2600&q=92')
    center 48% / cover no-repeat !important;
  filter:saturate(1.08) contrast(1.06) brightness(1.02) !important;
  transform:scale(1.005) !important;
}
.hero-home::after{
  background:
    linear-gradient(90deg,rgba(3,18,32,.76) 0%,rgba(5,22,38,.48) 34%,rgba(5,22,38,.10) 60%,rgba(0,0,0,0) 78%),
    linear-gradient(0deg,rgba(4,18,31,.24) 0%,rgba(4,18,31,0) 44%) !important;
}


/* === STARTSEITE HERO PASSEND ZU MEET-TALK === */
.hero-home::before{
  background:
    url('https://images.unsplash.com/photo-1758613170887-3ac8fd2aca98?auto=format&fit=crop&fm=jpg&q=92&w=3000')
    center 48% / cover no-repeat !important;
  filter:saturate(1.08) contrast(1.08) brightness(1.03) !important;
  transform:scale(1.002) !important;
}
.hero-home::after{
  background:
    linear-gradient(90deg,rgba(3,18,32,.76) 0%,rgba(4,22,38,.46) 34%,rgba(4,22,38,.08) 61%,rgba(0,0,0,0) 80%),
    linear-gradient(0deg,rgba(4,18,31,.20) 0%,rgba(4,18,31,0) 44%) !important;
}


/* === STARTSEITE HERO VIDEO-COMMUNITY === */
.hero-home::before{
  background:
    url('https://images.unsplash.com/photo-1749410342681-3510f9edb7ad?auto=format&fit=crop&fm=jpg&q=92&w=3000')
    center 50% / cover no-repeat !important;
  filter:saturate(1.06) contrast(1.08) brightness(1.03) !important;
  transform:none !important;
}
.hero-home::after{
  background:
    linear-gradient(90deg,rgba(3,18,32,.82) 0%,rgba(4,22,38,.52) 33%,rgba(4,22,38,.12) 58%,rgba(0,0,0,0) 78%),
    linear-gradient(0deg,rgba(4,18,31,.22) 0%,rgba(4,18,31,0) 42%) !important;
}


/* === STARTSEITE HERO FINAL EIGENES BILD === */
.hero-home::before{
  background:
    url('../images/meet-talk-hero-community.png')
    center center / cover no-repeat !important;
  filter:none !important;
  transform:none !important;
}
.hero-home::after{
  background:
    linear-gradient(90deg,rgba(3,18,32,.62) 0%,rgba(4,22,38,.26) 35%,rgba(4,22,38,.04) 62%,rgba(0,0,0,0) 80%),
    linear-gradient(0deg,rgba(4,18,31,.12) 0%,rgba(4,18,31,0) 42%) !important;
}


/* === REISEN & URLAUB – EIGENE THEMENSEITE === */
.reisen-page{min-height:75vh;background:#0d1217;color:#eef4f8;padding-bottom:48px}
.reisen-hero{min-height:230px;position:relative;overflow:hidden;background:linear-gradient(90deg,rgba(5,15,24,.93),rgba(5,15,24,.58)),url('https://images.unsplash.com/photo-1507525428034-b723cf961d3e?auto=format&fit=crop&w=1800&q=85') center/cover no-repeat}
.reisen-hero-inner{padding-top:62px}.reisen-kicker{display:block;color:#1688ff;font-size:11px;font-weight:900;letter-spacing:.12em}.reisen-hero h1{font-size:43px;line-height:1.05;margin:6px 0 10px}.reisen-hero p{max-width:700px;margin:0;color:#d0dbe4;font-size:16px;line-height:1.5}
.reisen-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:24px;align-items:start;padding-top:28px}.reisen-head h2{font-size:24px;margin:0 0 4px}.reisen-head p{margin:0 0 16px;color:#91a2b1;font-size:13px}
.reisen-thread{background:#161d24;border:1px solid #2a3540;border-radius:14px;padding:17px;margin-bottom:14px}.reisen-author{display:flex;align-items:center;gap:10px}.reisen-author img,.reisen-author>span,.reisen-reply img,.reisen-reply>span{width:38px;height:38px;border-radius:50%;object-fit:cover;display:grid;place-items:center;background:#263745;font-weight:900;flex:0 0 auto}.reisen-author strong{display:block;font-size:13px}.reisen-author small{display:block;font-size:10px;color:#8496a6;margin-top:2px}.reisen-thread h3{font-size:18px;margin:15px 0 7px}.reisen-text{font-size:14px;line-height:1.6;color:#e2eaf0}.reisen-count{margin-top:13px;padding-top:10px;border-top:1px solid #28333d;color:#91a2b1;font-size:11px}
.reisen-replies{margin-top:10px}.reisen-reply{display:flex;gap:9px;padding:10px 0;border-top:1px solid #252f38}.reisen-reply img,.reisen-reply>span{width:30px;height:30px}.reisen-reply-head{display:flex;align-items:center;gap:8px}.reisen-reply-head strong{font-size:11px}.reisen-reply-head small{font-size:9px;color:#8092a1}.reisen-reply p{font-size:12px;line-height:1.5;margin:4px 0 0;color:#d6e0e7}
.reisen-reply-form{display:flex;gap:8px;margin-top:12px}.reisen-reply-form textarea,.reisen-create input,.reisen-create textarea{width:100%;box-sizing:border-box;background:#0f151a;border:1px solid #35424d;border-radius:9px;color:#eef4f8;padding:10px}.reisen-reply-form textarea{flex:1;min-height:44px;resize:vertical}.reisen-reply-form .btn{align-self:flex-end}.reisen-login-action{margin-top:12px}
.reisen-create{position:sticky;top:92px;background:#171f26;border:1px solid #2d3943;border-radius:14px;padding:19px}.reisen-create h2{font-size:20px;margin:6px 0 7px}.reisen-create>p,.reisen-login p{color:#94a5b4;font-size:12px;line-height:1.5}.reisen-create label{display:block;font-size:11px;font-weight:800;margin:12px 0 5px}.reisen-create form .btn{width:100%;margin-top:10px}.reisen-login{border-top:1px solid #2c3741;margin-top:14px;padding-top:14px}.reisen-login .btn{display:block;text-align:center;margin-top:8px}
.reisen-empty{border:1px dashed #35424d;border-radius:14px;padding:30px;text-align:center;color:#a6b5c1}.reisen-empty strong{color:#fff}.reisen-alert{background:#4b2327;border:1px solid #873942;color:#ffd9dd;border-radius:10px;padding:11px 13px;margin-bottom:14px;font-size:12px}
.topic-card-pending{cursor:default}
html[data-theme="light"] .reisen-page{background:#f5f8fb;color:#172a3d}html[data-theme="light"] .reisen-thread,html[data-theme="light"] .reisen-create{background:#fff;border-color:#dce5ed}html[data-theme="light"] .reisen-text{color:#24384b}html[data-theme="light"] .reisen-reply-form textarea,html[data-theme="light"] .reisen-create input,html[data-theme="light"] .reisen-create textarea{background:#fff;color:#203348;border-color:#ccd8e2}
@media(max-width:900px){.reisen-layout{grid-template-columns:1fr}.reisen-create{position:static;order:-1}}
@media(max-width:600px){.reisen-hero{min-height:205px}.reisen-hero-inner{padding-top:48px}.reisen-hero h1{font-size:34px}.reisen-reply-form{display:block}.reisen-reply-form .btn{width:100%;margin-top:7px}}


/* === USER THEMEN EINTRAGSSEITE === */
.topic-submit-form{
  display:grid;
  gap:15px;
}
.topic-submit-card{
  display:grid;
  grid-template-columns:42px minmax(0,1fr);
  gap:14px;
  padding:18px;
  border:1px solid #dce5ed;
  border-radius:14px;
  background:#fff;
  box-shadow:0 4px 16px rgba(20,46,72,.055);
}
.topic-submit-number{
  width:34px;
  height:34px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:#087cf6;
  color:#fff;
  font-size:13px;
  font-weight:900;
}
.topic-submit-content{
  min-width:0;
}
.topic-submit-content>label{
  display:block;
  margin:0 0 7px;
  color:#16304b;
  font-size:13px;
  font-weight:900;
}
.topic-submit-content select,
.topic-submit-content>input{
  width:100%;
  box-sizing:border-box;
  min-height:46px;
  border:1px solid #ccd8e2;
  border-radius:10px;
  background:#fff;
  color:#1b3045;
  padding:10px 12px;
  font:inherit;
}
.topic-editor{
  overflow:hidden;
  border:1px solid #ccd8e2;
  border-radius:11px;
  background:#fff;
}
.topic-editor-toolbar{
  display:flex;
  flex-wrap:wrap;
  gap:4px;
  padding:7px;
  border-bottom:1px solid #dce5ed;
  background:#f5f8fb;
}
.topic-editor-toolbar button{
  min-width:34px;
  height:32px;
  border:1px solid #d5e0e9;
  border-radius:7px;
  background:#fff;
  color:#23394e;
  font-size:12px;
  cursor:pointer;
}
.topic-editor-toolbar button:hover{
  border-color:#087cf6;
  color:#087cf6;
}
.topic-editor-area{
  min-height:230px;
  padding:14px;
  outline:none;
  color:#26394b;
  font-size:14px;
  line-height:1.65;
}
.topic-editor-area:empty:before{
  content:attr(data-placeholder);
  color:#94a4b3;
  pointer-events:none;
}
.topic-submit-help{
  display:block;
  margin-top:7px;
  color:#7b8e9f;
  font-size:11px;
}
.topic-media-drop{
  display:flex!important;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  min-height:145px;
  margin:0!important;
  border:2px dashed #bdcbd7;
  border-radius:12px;
  background:#f8fafc;
  text-align:center;
  cursor:pointer;
  transition:.18s ease;
}
.topic-media-drop:hover{
  border-color:#087cf6;
  background:#f1f7fe;
}
.topic-media-icon{
  display:grid;
  place-items:center;
  width:38px;
  height:38px;
  margin-bottom:6px;
  border-radius:50%;
  background:#087cf6;
  color:#fff;
  font-size:23px;
  font-weight:300;
}
.topic-media-drop strong{
  color:#1d354c;
  font-size:13px;
}
.topic-media-drop small{
  margin-top:3px;
  color:#7b8e9f;
  font-size:10.5px;
}
.topic-media-input{
  position:absolute;
  width:1px!important;
  height:1px!important;
  opacity:0;
  pointer-events:none;
}
.topic-media-preview{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin-top:12px;
}
.topic-media-preview-item{
  overflow:hidden;
  border:1px solid #d8e2ea;
  border-radius:9px;
  background:#f7fafc;
}
.topic-media-preview-item img,
.topic-media-preview-item video{
  display:block;
  width:100%;
  height:115px;
  object-fit:cover;
  background:#0d1217;
}
.topic-media-preview-item span{
  display:block;
  overflow:hidden;
  padding:6px 8px;
  color:#53687a;
  font-size:10px;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.topic-submit-final{
  grid-template-columns:1fr;
}
.topic-submit-final .topic-submit-content{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
}
.topic-submit-final strong{
  color:#17314a;
  font-size:13px;
}
.topic-submit-final p{
  max-width:620px;
  margin:3px 0 0;
  color:#738699;
  font-size:11.5px;
  line-height:1.5;
}
.topic-submit-button{
  flex:0 0 auto;
}
.topic-submit-success,
.topic-submit-error{
  margin-bottom:15px;
  padding:12px 14px;
  border-radius:10px;
  font-size:12px;
  font-weight:700;
}
.topic-submit-success{
  border:1px solid #9bd6b7;
  background:#edf9f2;
  color:#1d6a42;
}
.topic-submit-error{
  border:1px solid #e7a8ae;
  background:#fff0f1;
  color:#9a2f39;
}
html[data-theme="dark"] .topic-submit-card{
  border-color:#34414c;
  background:#1b2229;
  box-shadow:none;
}
html[data-theme="dark"] .topic-submit-content>label,
html[data-theme="dark"] .topic-submit-final strong{
  color:#edf5fb;
}
html[data-theme="dark"] .topic-submit-content select,
html[data-theme="dark"] .topic-submit-content>input,
html[data-theme="dark"] .topic-editor{
  border-color:#3b4853;
  background:#12181e;
  color:#eef5fb;
}
html[data-theme="dark"] .topic-editor-toolbar{
  border-color:#35414b;
  background:#171e25;
}
html[data-theme="dark"] .topic-editor-toolbar button{
  border-color:#3b4853;
  background:#202932;
  color:#dce7ef;
}
html[data-theme="dark"] .topic-editor-area{
  color:#eaf2f8;
}
html[data-theme="dark"] .topic-media-drop{
  border-color:#46535e;
  background:#141b21;
}
html[data-theme="dark"] .topic-media-drop:hover{
  border-color:#1688ff;
  background:#18232d;
}
html[data-theme="dark"] .topic-media-drop strong{
  color:#eaf3f9;
}
html[data-theme="dark"] .topic-media-preview-item{
  border-color:#35424d;
  background:#141b21;
}
@media(max-width:720px){
  .topic-submit-card{
    grid-template-columns:1fr;
  }
  .topic-submit-number{
    width:30px;
    height:30px;
  }
  .topic-media-preview{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .topic-submit-final .topic-submit-content{
    display:block;
  }
  .topic-submit-button{
    width:100%;
    margin-top:12px;
  }
}
@media(max-width:480px){
  .topic-media-preview{
    grid-template-columns:1fr;
  }
}


/* === REISEN FREIGEGEBENE THEMEN === */
.reisen-hero-actions{margin-top:18px}
.reisen-public-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) 310px;
  gap:24px;
  align-items:start;
  padding-top:28px;
}
.reisen-head{
  display:flex;
  justify-content:space-between;
  gap:16px;
  align-items:flex-end;
  margin-bottom:15px;
}
.reisen-head h2{margin:0 0 4px}
.reisen-total{
  flex:0 0 auto;
  padding:6px 9px;
  border:1px solid #2f3b46;
  border-radius:999px;
  color:#9eb0bf;
  font-size:10px;
  font-weight:800;
}
.reisen-topic-list{display:grid;gap:15px}
.reisen-topic-card{
  background:#161d24;
  border:1px solid #2a3540;
  border-radius:14px;
  padding:18px;
}
.reisen-topic-card h3{
  margin:15px 0 8px;
  font-size:21px;
  line-height:1.25;
}
.reisen-entry-media{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:9px;
  margin-top:15px;
}
.reisen-entry-media.is-single{grid-template-columns:minmax(0,1fr)}
.reisen-entry-media img,
.reisen-entry-media video{
  display:block;
  width:100%;
  max-height:430px;
  border-radius:11px;
  background:#090d11;
  object-fit:cover;
}
.reisen-entry-media.is-single img,
.reisen-entry-media.is-single video{
  max-height:520px;
}
.reisen-info-card{
  position:sticky;
  top:92px;
  padding:18px;
  border:1px solid #2d3943;
  border-radius:14px;
  background:#171f26;
}
.reisen-info-card h2{margin:6px 0 7px;font-size:20px}
.reisen-info-card p{color:#94a5b4;font-size:12px;line-height:1.55}
.reisen-info-card .btn{display:block;text-align:center;margin-top:9px}
html[data-theme="light"] .reisen-topic-card,
html[data-theme="light"] .reisen-info-card{
  background:#fff;
  border-color:#dce5ed;
}
html[data-theme="light"] .reisen-total{
  border-color:#d5e0e8;
  color:#6d8091;
}
@media(max-width:900px){
  .reisen-public-layout{grid-template-columns:1fr}
  .reisen-info-card{position:static;order:-1}
}
@media(max-width:620px){
  .reisen-head{display:block}
  .reisen-total{display:inline-block;margin-top:7px}
  .reisen-entry-media{grid-template-columns:1fr}
}


/* === REISEN INTERAKTIONEN === */
.reisen-interactions{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:16px;
  padding-top:13px;
  border-top:1px solid #293540;
}
.reisen-action{
  display:inline-flex;
  align-items:center;
  gap:6px;
  min-height:36px;
  padding:7px 11px;
  border:1px solid #35424d;
  border-radius:999px;
  background:#11181e;
  color:#b8c6d1;
  font:inherit;
  font-size:11px;
  font-weight:800;
  cursor:pointer;
  transition:.15s ease;
}
.reisen-action:hover{
  border-color:#1688ff;
  color:#fff;
  transform:translateY(-1px);
}
.reisen-action.active{
  border-color:#1688ff;
  background:#122b43;
  color:#fff;
}
.reisen-heart.active{
  border-color:#ff4f72;
  background:#3a1822;
  color:#ff7893;
}
.reisen-favorite.active{
  border-color:#e6b93d;
  background:#3a3219;
  color:#ffd45b;
}
.reisen-action:disabled{
  opacity:.45;
  cursor:not-allowed;
  transform:none;
}
.reisen-own-note{
  margin-top:10px;
  color:#7f93a3;
  font-size:10.5px;
}
.reisen-discussion{
  display:none;
  margin-top:12px;
  padding-top:8px;
  border-top:1px solid #26323c;
}
.reisen-topic-card.comments-open .reisen-discussion{
  display:block;
}
.reisen-replies{
  display:grid;
  gap:8px;
}
.reisen-reply{
  display:grid;
  grid-template-columns:34px minmax(0,1fr);
  gap:9px;
  padding:10px;
  border:1px solid #2a3540;
  border-radius:10px;
  background:#11181e;
}
.reisen-reply>img,
.reisen-reply>span{
  width:34px;
  height:34px;
  border-radius:50%;
  object-fit:cover;
  display:grid;
  place-items:center;
  background:#243340;
  color:#fff;
  font-size:12px;
  font-weight:900;
}
.reisen-reply-head{
  display:flex;
  align-items:center;
  gap:8px;
}
.reisen-reply-head strong{
  font-size:11px;
}
.reisen-reply-head small{
  color:#7f91a0;
  font-size:9.5px;
}
.reisen-reply p{
  margin:4px 0 0;
  color:#d6e0e7;
  font-size:12px;
  line-height:1.5;
  white-space:pre-wrap;
}
.reisen-reply-form{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:8px;
  margin-top:10px;
}
.reisen-reply-form textarea{
  width:100%;
  min-height:72px;
  box-sizing:border-box;
  resize:vertical;
  border:1px solid #35424d;
  border-radius:9px;
  background:#0e151b;
  color:#eef4f8;
  padding:10px 11px;
}
.reisen-reply-form .btn{
  align-self:end;
}
.reisen-login-inline{
  margin-top:10px;
  padding:12px;
  border:1px solid #35424d;
  border-radius:10px;
  background:#11181e;
}
.reisen-login-inline strong{
  display:block;
  color:#fff;
  font-size:12px;
}
.reisen-login-inline span{
  display:block;
  margin-top:3px;
  color:#8ea0ae;
  font-size:11px;
}
.reisen-login-inline>div{
  display:flex;
  gap:7px;
  margin-top:9px;
}
html[data-theme="light"] .reisen-interactions,
html[data-theme="light"] .reisen-discussion{
  border-color:#e0e7ed;
}
html[data-theme="light"] .reisen-action{
  border-color:#d5dfe7;
  background:#f7f9fb;
  color:#50657a;
}
html[data-theme="light"] .reisen-action.active{
  border-color:#1688ff;
  background:#eaf4ff;
  color:#0a65bd;
}
html[data-theme="light"] .reisen-heart.active{
  border-color:#ef8ba0;
  background:#fff0f4;
  color:#c83154;
}
html[data-theme="light"] .reisen-favorite.active{
  border-color:#d8b44f;
  background:#fff8dc;
  color:#8f700d;
}
html[data-theme="light"] .reisen-reply,
html[data-theme="light"] .reisen-login-inline{
  border-color:#dce5ed;
  background:#f8fafc;
}
html[data-theme="light"] .reisen-reply p{
  color:#2b3f52;
}
html[data-theme="light"] .reisen-reply-form textarea{
  border-color:#cdd9e2;
  background:#fff;
  color:#203348;
}
@media(max-width:620px){
  .reisen-interactions{gap:6px}
  .reisen-action{padding:7px 9px}
  .reisen-reply-form{grid-template-columns:1fr}
  .reisen-reply-form .btn{width:100%}
}


/* === USER MEINE THEMEN === */
.mytopics-list{display:grid;gap:15px}
.mytopics-card{
  padding:18px;
  border:1px solid #dce5ed;
  border-radius:14px;
  background:#fff;
  box-shadow:0 4px 16px rgba(20,46,72,.05);
}
.mytopics-card-head{
  display:flex;
  justify-content:space-between;
  gap:18px;
  align-items:flex-start;
}
.mytopics-category{
  display:block;
  margin-bottom:5px;
  color:#087cf6;
  font-size:10px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.mytopics-card h2{margin:0;font-size:20px}
.mytopics-meta{margin-top:5px;color:#7c8e9f;font-size:10.5px}
.mytopics-status{
  flex:0 0 auto;
  padding:6px 9px;
  border-radius:999px;
  font-size:10px;
  font-weight:900;
}
.mytopics-status.status-review{background:#fff0b8;color:#745900}
.mytopics-status.status-published{background:#dff7e8;color:#17633c}
.mytopics-status.status-rejected{background:#ffe1e4;color:#9d2f3a}
.mytopics-status.status-blocked{background:#e4e7eb;color:#4b5560}
.mytopics-admin-note{
  margin-top:12px;
  padding:10px 12px;
  border-left:3px solid #e0a61b;
  border-radius:7px;
  background:#fff8df;
  color:#735b17;
  font-size:11.5px;
}
.mytopics-media{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
  margin-top:13px;
}
.mytopics-media img,.mytopics-media video{
  display:block;
  width:100%;
  height:120px;
  object-fit:cover;
  border-radius:9px;
  background:#0d1217;
}
.mytopics-edit{margin-top:14px;border-top:1px solid #e4ebf1;padding-top:12px}
.mytopics-edit summary{
  cursor:pointer;
  color:#087cf6;
  font-size:12px;
  font-weight:900;
}
.mytopics-edit form{display:grid;gap:7px;margin-top:12px}
.mytopics-edit label{font-size:11px;font-weight:800;color:#30475e}
.mytopics-edit input,.mytopics-edit select,.mytopics-edit textarea{
  width:100%;
  box-sizing:border-box;
  border:1px solid #ccd8e2;
  border-radius:9px;
  background:#fff;
  color:#203348;
  padding:10px;
  font:inherit;
}
.mytopics-review-note{
  padding:9px 11px;
  border-radius:8px;
  background:#eef6ff;
  color:#47637c;
  font-size:10.5px;
  line-height:1.45;
}
.mytopics-actions{
  display:flex;
  justify-content:space-between;
  gap:10px;
  margin-top:14px;
  padding-top:12px;
  border-top:1px solid #e4ebf1;
}
.mytopics-delete{
  border:1px solid #d63b46!important;
  background:#d63b46!important;
  color:#fff!important;
  font-weight:800!important;
  box-shadow:none!important;
}
.mytopics-delete:hover,
.mytopics-delete:focus{
  border-color:#b92f39!important;
  background:#b92f39!important;
  color:#fff!important;
  transform:none!important;
}
.mytopics-locked{
  margin-top:13px;
  padding:10px 12px;
  border-radius:8px;
  background:#f2f3f5;
  color:#6d7680;
  font-size:11px;
}
html[data-theme="dark"] .mytopics-card{
  border-color:#34414c;
  background:#1b2229;
  box-shadow:none;
}
html[data-theme="dark"] .mytopics-edit,
html[data-theme="dark"] .mytopics-actions{border-color:#35414b}
html[data-theme="dark"] .mytopics-edit label{color:#dbe6ef}
html[data-theme="dark"] .mytopics-edit input,
html[data-theme="dark"] .mytopics-edit select,
html[data-theme="dark"] .mytopics-edit textarea{
  border-color:#3b4853;
  background:#12181e;
  color:#eef5fb;
}
html[data-theme="dark"] .mytopics-review-note{
  background:#17283a;
  color:#a8c3da;
}
html[data-theme="dark"] .mytopics-admin-note{
  background:#302912;
  color:#ead58d;
}
html[data-theme="dark"] .mytopics-locked{
  background:#252c32;
  color:#aab5be;
}
@media(max-width:760px){
  .mytopics-card-head,.mytopics-actions{display:block}
  .mytopics-status{display:inline-block;margin-top:9px}
  .mytopics-actions form{margin-top:8px}
  .mytopics-media{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:480px){.mytopics-media{grid-template-columns:1fr}}


/* === USER MEINE THEMEN MEDIEN BEARBEITEN === */
.mytopics-media-edit{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin:2px 0 8px;
}
.mytopics-media-edit-item{
  overflow:hidden;
  border:1px solid #d7e1e9;
  border-radius:9px;
  background:#f8fafc;
}
.mytopics-media-edit-item img,
.mytopics-media-edit-item video{
  display:block;
  width:100%;
  height:125px;
  object-fit:cover;
  background:#0d1217;
}
.mytopics-media-edit-item span{
  display:flex;
  align-items:center;
  gap:7px;
  padding:8px;
  color:#556b7d;
  font-size:10.5px;
}
.mytopics-upload-box{
  display:block!important;
  padding:12px!important;
  border:2px dashed #bdcbd7;
  border-radius:10px;
  background:#f8fafc;
  cursor:pointer;
}
.mytopics-upload-box strong{
  display:block;
  color:#20384f;
  font-size:12px;
}
.mytopics-upload-box span{
  display:block;
  margin:3px 0 9px;
  color:#7a8c9d;
  font-size:10px;
  line-height:1.45;
}
.mytopics-upload-box input[type="file"]{
  padding:0;
  border:0;
  background:transparent;
}
html[data-theme="dark"] .mytopics-media-edit-item,
html[data-theme="dark"] .mytopics-upload-box{
  border-color:#3c4954;
  background:#141b21;
}
html[data-theme="dark"] .mytopics-upload-box strong{color:#edf5fb}
html[data-theme="dark"] .mytopics-media-edit-item span,
html[data-theme="dark"] .mytopics-upload-box span{color:#9eafbd}
@media(max-width:650px){
  .mytopics-media-edit{grid-template-columns:1fr}
}


/* === REISEN MEDIEN KLEINER === */
.reisen-entry-media{
  grid-template-columns:repeat(3,minmax(0,220px));
  justify-content:start;
}
.reisen-entry-media.is-single{
  grid-template-columns:minmax(0,320px);
}
.reisen-entry-media img,
.reisen-entry-media video{
  width:100%;
  height:180px;
  max-height:180px;
  object-fit:cover;
}
.reisen-entry-media.is-single img,
.reisen-entry-media.is-single video{
  height:220px;
  max-height:220px;
}
@media(max-width:700px){
  .reisen-entry-media,
  .reisen-entry-media.is-single{
    grid-template-columns:minmax(0,280px);
  }
  .reisen-entry-media img,
  .reisen-entry-media video,
  .reisen-entry-media.is-single img,
  .reisen-entry-media.is-single video{
    height:190px;
    max-height:190px;
  }
}
/* === THEMENWELTEN HERO-ÜBERSCHRIFT === */
.reisen-hero h1{
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
}


/* Keep homepage grids within the viewport, including iPad portrait. */
.event-community-grid > *,
.event-community-grid .event-card,
.event-community-grid .community-item{min-width:0}
.event-community-grid .community-item b{white-space:normal;overflow-wrap:anywhere}
.event-community-grid .community-item img{max-width:100%;object-fit:cover}
.event-community-grid .section-title-row{flex-wrap:wrap;gap:8px 16px}
.event-community-grid .section-title-row > *{min-width:0;overflow-wrap:anywhere}
@media(max-width:980px){
  .event-community-grid{grid-template-columns:minmax(0,1fr)}
  .event-community-grid .community-grid{grid-template-columns:repeat(8,minmax(0,1fr))}
}
@media(max-width:640px){
  .event-community-grid .community-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}

/* Populated video cards must shrink with their grid tracks on phones. */
.home-real-video-grid > .home-real-video-card{min-width:0;max-width:100%}
.home-real-video-card .home-video-preview,
.home-real-video-card .video-author{min-width:0;max-width:100%;overflow:hidden}
.home-real-video-card .video-author{flex-wrap:wrap;overflow-wrap:anywhere}
.home-real-video-card video{max-width:100%}
.home-real-video-card h3{min-width:0;max-width:100%}
/* Clip horizontal paint overflow without making a scroll container that breaks sticky headers. */
html{overflow-x:clip;overscroll-behavior-x:none}
body{min-width:0;max-width:100%;overflow-x:clip}