@font-face{
  font-family:'Instrument Sans';
  font-style:normal;
  font-weight:600;
  font-display:swap;
  src:url('../fonts/instrument-sans-600.ttf') format('truetype')
}

@font-face{
  font-family:'Open Sans';
  font-style:normal;
  font-weight:400;
  font-display:swap;
  src:url('../fonts/open-sans-400.ttf') format('truetype')
}

@font-face{
  font-family:'Open Sans';
  font-style:normal;
  font-weight:600;
  font-display:swap;
  src:url('../fonts/open-sans-600.ttf') format('truetype')
}

@font-face{
  font-family:'Open Sans';
  font-style:normal;
  font-weight:700;
  font-display:swap;
  src:url('../fonts/open-sans-700.ttf') format('truetype')
}

/* web2use.ch — Freiraum. Own design layer;
   keep Helix core files unchanged. */
:root{
  --w2u-navy:#323848;
  --w2u-orange:#e09b25;
  --w2u-ink:#323848;
  --w2u-muted:#626875;
  --w2u-line:#e3e5e8;
  --w2u-paper:#fff;
  --w2u-soft:#f7f7f5;
  --w2u-width:1240px;
  --w2u-gutter:clamp(24px,5vw,80px);
  --w2u-space:clamp(72px,10vw,144px)
}

html{
  scroll-padding-top:100px
}
body{
  font-family:'Open Sans',Arial,sans-serif;
  font-size:17px;
  line-height:1.75;
  color:var(--w2u-ink);
  background:#fff;
  -webkit-font-smoothing:antialiased
}
h1,h2,h3,h4,h5,h6,.sppb-addon-title{
  font-family:'Instrument Sans','Open Sans',Arial,sans-serif;
  font-weight:600;
  letter-spacing:-.035em;
  line-height:1.12;
  color:var(--w2u-navy)
}
h1{
  font-size:clamp(44px,5.7vw,80px)
}
h2{
  font-size:clamp(34px,4vw,54px)
}
h3{
  font-size:clamp(24px,2.5vw,32px)
}
p{
  margin-bottom:1.3em
}
a{
  color:var(--w2u-navy);
  text-underline-offset:.24em
}
a:hover{
  color:#83540b
}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{
  outline:3px solid var(--w2u-orange);
  outline-offset:5px
}
::selection{
  background:#f7dba8;
  color:var(--w2u-navy)
}

.container,.sppb-row-container{
  max-width:var(--w2u-width);
  width:calc(100% - 2 * var(--w2u-gutter))
}
.body-wrapper,.body-innerwrapper{
  overflow:clip
}
#sp-main-body{
  padding:var(--w2u-space) 0
}
body.com-sppagebuilder #sp-main-body{
  padding:0
}
#sp-header{
  background:var(--w2u-navy);
  height:96px;
  box-shadow:none;
  border:0
}
#sp-header .logo{
  height:96px
}
#sp-header .logo img{
  max-height:36px;
  width:auto
}
#sp-header .sp-megamenu-parent>li>a,#sp-header .sp-megamenu-parent>li>span{
  color:#fff;
  font-size:15px;
  font-weight:500;
  line-height:96px;
  padding:0 18px
}
#sp-header .sp-megamenu-parent>li.active>a,#sp-header .sp-megamenu-parent>li:hover>a{
  color:var(--w2u-orange)
}
#sp-header .sp-megamenu-parent>li:last-child>a{
  padding-right:0
}
.burger-icon>span{
  background:#fff
}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner{
  box-shadow:0 8px 24px #32384814;
  border:1px solid var(--w2u-line);
  border-radius:0;
  padding:24px
}
.offcanvas-menu{
  background:var(--w2u-navy);
  color:#fff
}
.offcanvas-menu a,.offcanvas-menu .offcanvas-inner ul.menu>li a{
  color:#fff
}
.offcanvas-menu a:hover{
  color:var(--w2u-orange)
}

#sp-bottom,#sp-footer{
  background:var(--w2u-navy);
  color:#fff
}
#sp-bottom{
  padding:80px 0 48px
}
#sp-bottom h2,#sp-bottom h3,#sp-bottom .sp-module-title{
  color:#fff
}
#sp-bottom a,#sp-footer a{
  color:#fff
}
#sp-bottom a:hover,#sp-footer a:hover{
  color:var(--w2u-orange)
}
#sp-footer{
  padding:32px 0;
  font-size:14px
}
#sp-footer .container-inner{
  border-top:1px solid #ffffff30;
  padding-top:24px
}
#sp-bottom .sp-module ul>li{
  border:0;
  padding:6px 0
}
#sp-bottom .sp-module ul>li>a{
  line-height:1.6
}

.btn,.sppb-btn{
  font-family:'Open Sans',Arial,sans-serif;
  font-size:16px;
  font-weight:600;
  border-radius:3px;
  padding:15px 26px;
  line-height:1.5;
  box-shadow:none;
  transition:background-color .15s,color .15s
}
.btn-primary,.sppb-btn-primary{
  background:var(--w2u-orange);
  border:1px solid var(--w2u-orange);
  color:var(--w2u-navy)
}
.btn-primary:hover,.sppb-btn-primary:hover,.btn-primary:focus,.sppb-btn-primary:focus{
  background:#efb64f;
  border-color:#efb64f;
  color:var(--w2u-navy)
}
.sppb-btn-link{
  padding:8px 0;
  border:0;
  border-bottom:1px solid currentColor;
  border-radius:0;
  color:var(--w2u-navy)
}

/* Reusable section classes for native SP Page Builder rows and addons. */
.w2u-section{
  padding:var(--w2u-space) 0;
  --w2u-section-padding: var(--w2u-space) 0;
}
.w2u-section-soft{
  background:var(--w2u-soft)
}
.w2u-hero{
  padding:clamp(88px,11vw,160px) 0 clamp(100px,12vw,170px);
  --w2u-section-padding: clamp(88px,11vw,160px) 0 clamp(100px,12vw,170px);
}
.w2u-hero .sppb-row{
  align-items:center
}
.w2u-hero h1,.w2u-hero .sppb-addon-title{
  font-size:clamp(46px,5.7vw,80px);
  line-height:1.04;
  letter-spacing:-.045em;
  max-width:700px;
  margin:0 0 32px
}
.w2u-hero p{
  font-size:clamp(18px,1.55vw,21px);
  line-height:1.7;
  max-width:480px;
  margin-bottom:32px
}
.w2u-hero .sppb-addon-single-image img{
  width:100%;
  height:auto;
  object-fit:contain
}
.w2u-eyebrow{
  font-size:12px;
  font-weight:700;
  letter-spacing:.14em;
  text-transform:uppercase;
  margin-bottom:28px;
  color:var(--w2u-muted)
}
.w2u-intro{
  max-width:780px
}
.w2u-intro p,.w2u-lead{
  font-size:clamp(19px,2vw,24px);
  line-height:1.65
}
.w2u-service{
  padding:32px 0;
  border-top:1px solid var(--w2u-line);
  --w2u-section-padding: 32px 0;
}
.w2u-service h3{
  margin:0 0 12px
}
.w2u-service p{
  max-width:680px;
  margin-bottom:12px
}
.w2u-quote{
  padding:var(--w2u-space) 0;
  --w2u-section-padding: var(--w2u-space) 0;
}
.w2u-quote blockquote{
  border:0;
  padding:0;
  margin:0;
  max-width:920px;
  font-family:'Instrument Sans','Open Sans',Arial,sans-serif;
  font-size:clamp(28px,3.3vw,44px);
  line-height:1.4;
  letter-spacing:-.025em
}
.w2u-quote cite{
  display:block;
  font-family:'Open Sans',Arial,sans-serif;
  font-size:15px;
  font-style:normal;
  letter-spacing:0;
  margin-top:28px
}
.w2u-contact{
  padding:var(--w2u-space) 0;
  background:var(--w2u-navy);
  color:#fff;
  --w2u-section-padding: var(--w2u-space) 0;
}
.w2u-contact h2,.w2u-contact p{
  color:#fff
}
.w2u-prose{
  max-width:760px
}
.w2u-prose li{
  margin-bottom:.6em
}
.w2u-prose a{
  text-decoration:underline
}
input,textarea,select,.form-control{
  border-radius:2px
}
.form-control{
  border:1px solid #969ba5;
  padding:12px 14px
}
.article-details .article-header h1,.article-details .article-header h2{
  font-size:clamp(38px,5vw,64px)
}

@media(max-width:991px){
  #sp-header,#sp-header .logo{
  height:80px
}
.w2u-hero .sppb-row{
  row-gap:64px
}
.w2u-hero .sppb-addon-single-image{
  max-width:580px;
  margin:0 auto
}
.sp-megamenu-parent>li>a{
  padding:0 10px
}
.w2u-section .sppb-row{
  row-gap:32px
}

}

@media(max-width:575px){
  body{
  font-size:16px;
  line-height:1.7
}
:root{
  --w2u-gutter:24px;
  --w2u-space:72px
}
#sp-header,#sp-header .logo{
  height:72px
}
#sp-header .logo img{
  max-width:190px;
  max-height:30px
}
.w2u-hero{
  padding:72px 0 88px;
  --w2u-section-padding: 72px 0 88px;
}
.w2u-hero h1,.w2u-hero .sppb-addon-title{
  font-size:46px
}
.w2u-hero p{
  font-size:18px
}
.sppb-btn{
  padding:14px 22px
}
#sp-bottom{
  padding:64px 0 32px
}

}

@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{
  scroll-behavior:auto!important;
  animation:none!important;
  transition:none!important
}

}


/* Compact editorial labels;
   spacing belongs to the template. */
.w2u-eyebrow p,.w2u-hero .w2u-eyebrow p{
  font-size:12px;
  line-height:1.5;
  letter-spacing:.14em;
  color:#8b5b10;
  margin:0 0 28px
}

.w2u-section .sppb-addon-header h3{
  margin-top:28px;
  margin-bottom:12px
}

@media(min-width:992px){
  #offcanvas-toggler{
  display:none!important
}

}



/* Shared content edges for Helix and Page Builder, at every breakpoint. */
body .container,
body #sp-page-builder .sppb-row-container{
  width:calc(100% - 2 * var(--w2u-gutter));
  max-width:var(--w2u-width);
  margin-left:auto;
  margin-right:auto;
  padding-left:15px;
  padding-right:15px;
}
#sp-header .header-modules:not(:has(> *)){display:none!important;margin:0}
#sp-header #sp-menu .sp-column{height:100%}
/* Clear, spacious navigation; the active page has a persistent underline. */
@media(min-width:992px){
  #sp-header .sp-megamenu-parent{
    display:flex!important;
    align-items:center;
    gap:clamp(18px,2.2vw,32px);
    margin:0;
  }
  #sp-header .sp-megamenu-parent>li{float:none;display:block}
  #sp-header .sp-megamenu-parent>li>a,
  #sp-header .sp-megamenu-parent>li>span{
    position:relative;
    display:block;
    padding:14px 0;
    line-height:1.4;
    font-family:'Instrument Sans','Open Sans',Arial,sans-serif;
    font-size:clamp(16px,1.2vw,18px);
    font-weight:600;
    letter-spacing:0;
    white-space:nowrap;
  }
  #sp-header .sp-megamenu-parent>li>a::after{
    content:'';
    position:absolute;
    left:0;right:0;bottom:3px;
    height:3px;
    background:var(--w2u-orange);
    transform:scaleX(0);
    transform-origin:left;
    transition:transform .18s ease;
  }
  #sp-header .sp-megamenu-parent>li.active>a::after,
  #sp-header .sp-megamenu-parent>li>a:hover::after,
  #sp-header .sp-megamenu-parent>li>a:focus-visible::after{transform:scaleX(1)}
}
@media(max-width:991px){
  #sp-header #offcanvas-toggler{
    min-width:44px;min-height:44px;
    justify-content:flex-end;
    margin-left:0;
  }
  .offcanvas-menu .offcanvas-inner ul.menu>li>a{
    font-family:'Instrument Sans','Open Sans',Arial,sans-serif;
    font-size:22px;font-weight:600;line-height:1.5;
    padding:14px 0;
    border-bottom:1px solid #ffffff26;
  }
  .offcanvas-menu .offcanvas-inner ul.menu>li.active>a{
    color:var(--w2u-orange);
    text-decoration:underline;
    text-decoration-thickness:2px;
    text-underline-offset:7px;
  }
}

/* Convert Forms: visual rules live in this template, not in form fields. */
body .convertforms.w2u-form{width:100%;max-width:none;margin:28px 0 0;background:transparent;box-shadow:none;border:0;font-family:'Open Sans',Arial,sans-serif;color:var(--w2u-ink);font-size:17px}
body .convertforms.w2u-form .cf-form-wrap{padding:0;background:transparent!important}
body .convertforms.w2u-form .cf-control-group{margin-bottom:26px}
body .convertforms.w2u-form .cf-label{font-family:inherit;font-size:16px;font-weight:600;color:var(--w2u-navy);margin-bottom:9px}
body .convertforms.w2u-form .cf-input{font-family:inherit;font-size:17px;line-height:1.5;color:var(--w2u-navy);background:#fff;border:1px solid #969ba5;border-radius:3px;padding:13px 15px;box-shadow:none;min-height:50px}
body .convertforms.w2u-form textarea.cf-input{resize:vertical;min-height:180px}
body .convertforms.w2u-form .cf-input:focus{border-color:var(--w2u-navy);outline:3px solid #e09b2540;outline-offset:2px}
body .convertforms.w2u-form .cf-control-input-desc{font-size:14px;line-height:1.6;color:var(--w2u-muted);margin-top:8px}
body .convertforms.w2u-form .cf-btn{font-family:inherit;font-size:16px;font-weight:600;line-height:1.5;padding:15px 26px;background:var(--w2u-orange);color:var(--w2u-navy);border:1px solid var(--w2u-orange);border-radius:3px;box-shadow:none}
body .convertforms.w2u-form .cf-btn:hover{background:#efb64f;border-color:#efb64f}
body .convertforms.w2u-form .cf-response{font-family:inherit;font-size:18px;line-height:1.65}
@media(min-width:992px) and (max-width:1199px){
  #sp-header .sp-megamenu-parent{gap:16px}
  #sp-header .logo img{max-width:200px;height:auto}
}

/* Legal pages and native Joomla footer menu. */
body .w2u-legal .sppb-column-addons{max-width:850px}
body .w2u-legal h1{font-size:clamp(36px,5vw,64px);overflow-wrap:anywhere;margin-bottom:48px}
body .w2u-legal h2{font-size:clamp(26px,3vw,36px);line-height:1.25;margin-top:48px;margin-bottom:20px}
body .w2u-legal h3{font-size:24px;line-height:1.35;margin-top:30px;margin-bottom:16px}
body .w2u-legal p,body .w2u-legal li{font-size:17px;line-height:1.8;overflow-wrap:anywhere}
body .w2u-legal a{text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
body #sp-footer .menuw2u-legal-menu{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:12px 24px;list-style:none;margin:0;padding:0}
body #sp-footer .menuw2u-legal-menu>li{display:block;margin:0;padding:0;border:0;line-height:1.6}
body #sp-footer .menuw2u-legal-menu>li>a{display:inline-block;color:inherit;font-size:14px;padding:0;text-decoration:underline;text-underline-offset:4px}
body #sp-footer .menuw2u-legal-menu>li>a:hover,body #sp-footer .menuw2u-legal-menu>li>a:focus-visible{color:var(--w2u-orange)}
@media(max-width:767px){body #sp-footer .menuw2u-legal-menu{justify-content:flex-start;margin-top:24px}body .w2u-legal h1{margin-bottom:32px}}

body .w2u-legal h1,body .w2u-legal h2,body .w2u-legal h3{hyphens:auto}
body .w2u-legal p+p{margin-top:20px}

/* Wissen: native Joomla category blog and shared article layout, 17 October 2026 */
body.w2u-knowledge #sp-main-body{padding:76px 0 110px}
body.w2u-knowledge .com-content-category-blog{display:flex;flex-direction:column}
body.w2u-knowledge .category-desc{order:0;margin:0 0 44px;max-width:860px}
body.w2u-knowledge .category-desc h1{font-family:'Instrument Sans',sans-serif;font-size:clamp(40px,4.8vw,66px);font-weight:600;line-height:1.08;letter-spacing:-.035em;margin:20px 0 30px}
body.w2u-knowledge .category-desc>p:last-child{max-width:720px;font-size:19px;line-height:1.8}
body.w2u-knowledge .cat-children{order:1;display:flex;flex-wrap:wrap;gap:12px 32px;margin:0 0 64px;padding:0 0 24px;border-bottom:1px solid #dedfe2}
body.w2u-knowledge .cat-children h3{font:600 17px/1.5 'Instrument Sans',sans-serif;margin:0;padding:0;border:0}
body.w2u-knowledge .cat-children a{color:#323848;text-decoration:underline;text-decoration-color:#e09b25;text-underline-offset:8px;text-decoration-thickness:2px}
body.w2u-knowledge .articles-leading{order:2;margin:0 0 80px}
body.w2u-knowledge .article-list:not(.articles-leading){order:3}
body.w2u-knowledge .pagination-wrapper{order:4}
body.w2u-knowledge .article-list .article{border:0;border-radius:0;box-shadow:none;padding:0;margin-bottom:64px;background:transparent}
body.w2u-knowledge .article-list .article-body{padding:0}
body.w2u-knowledge .article-header h2{font:600 clamp(25px,2.6vw,34px)/1.2 'Instrument Sans',sans-serif;letter-spacing:-.022em;margin:0 0 20px}
body.w2u-knowledge .article-header a{color:#323848}
body.w2u-knowledge .article-header a:hover{color:#916113;text-decoration:underline;text-underline-offset:5px}
body.w2u-knowledge .article-introtext{font-size:17px;line-height:1.85}
body.w2u-knowledge .article-info{font-size:13px;line-height:1.8;color:#626875;display:flex;flex-wrap:wrap;gap:8px 18px;margin:0 0 22px}
body.w2u-knowledge .article-info>span{padding:0;margin:0}
body.w2u-knowledge .article-info>span+span:before{display:none}
body.w2u-knowledge .article-list .createdby,body.w2u-knowledge .article-list .published{display:none}
body.w2u-knowledge .article-info .category-name a{font-weight:600;color:#626875}
body.w2u-knowledge .readmore{margin-top:24px}
body.w2u-knowledge .readmore a{font:600 17px/1.5 'Instrument Sans',sans-serif;color:#323848;border:0;border-bottom:2px solid #e09b25;border-radius:0;padding:0 0 5px;background:transparent}
body.w2u-knowledge .articles-leading .article{padding:55px 48% 55px 48px;margin:0;background:#fbf8f0 url('../../../images/web2use/illustrationen/joomla-gemeinsam-lernen.png') no-repeat 96% 50%;background-size:43% auto;min-height:420px;position:relative}
body.w2u-knowledge .articles-leading .article-header h2{font-size:clamp(30px,3.3vw,44px)}
body.w2u-knowledge .featured-article-badge{display:none}
body.w2u-knowledge .articles-leading .article:before{content:'Unser Lesetipp';display:block;font:600 13px/1.5 'Open Sans',sans-serif;letter-spacing:.09em;text-transform:uppercase;margin-bottom:22px;color:#77613c}
body.w2u-knowledge .article-list>.row{--bs-gutter-x:100px}
body.w2u-knowledge .article-list:not(.articles-leading) .article{padding-top:28px;border-top:1px solid #dedfe2}
body.w2u-knowledge .article-details{max-width:760px;margin:0 auto}
body.w2u-knowledge .article-details .article-header h1{font:600 clamp(36px,4.3vw,58px)/1.12 'Instrument Sans',sans-serif;letter-spacing:-.03em;margin:0 0 28px;overflow-wrap:break-word}
body.w2u-knowledge .article-details [itemprop='articleBody']{font:400 18px/1.85 'Open Sans',sans-serif;color:#323848}
body.w2u-knowledge .article-details [itemprop='articleBody']>p:first-child{font-size:21px;line-height:1.7;margin:36px 0 48px}
body.w2u-knowledge .article-details h2{font:600 clamp(27px,3vw,34px)/1.25 'Instrument Sans',sans-serif;letter-spacing:-.02em;margin:48px 0 20px}
body.w2u-knowledge .article-details p{margin:0 0 22px}
body.w2u-knowledge .article-details li{margin-bottom:16px;padding-left:5px}
body.w2u-knowledge .article-details ol,body.w2u-knowledge .article-details ul{padding-left:25px}
body.w2u-knowledge .article-details [itemprop='articleBody'] a{color:#323848;text-decoration:underline;text-decoration-color:#d08d1d;text-underline-offset:4px;text-decoration-thickness:2px;overflow-wrap:anywhere}
body.w2u-knowledge .article-ratings-social-share{display:none!important}
body.w2u-knowledge .w2u-article-help{margin:60px 0 32px;padding:32px 36px;border-left:4px solid #e09b25;background:#fbf8f0}
body.w2u-knowledge .w2u-article-help h2{margin-top:0}
body.w2u-knowledge .w2u-article-help p:last-child{margin-bottom:0}
body.w2u-knowledge .article-details .w2u-source,body.w2u-knowledge .article-details .w2u-review-date{font-size:14px;line-height:1.8;color:#626875}
body.w2u-knowledge .w2u-related{margin:45px 0 0;border-top:1px solid #dedfe2;padding-top:22px}
body.w2u-knowledge .w2u-related h2{font-size:24px;margin-top:0}
body.w2u-knowledge a:focus-visible{outline:3px solid #e09b25;outline-offset:5px}
body.w2u-knowledge .article-list .article .article-header h2{font-size:clamp(26px,2.6vw,34px);line-height:1.2}
body.w2u-knowledge .articles-leading .article .article-header h2{font-size:clamp(30px,3.3vw,44px)}
body.w2u-knowledge .articles-leading .article:not(:has(.featured-article-badge)):before{content:'Zum Einstieg'}
body.w2u-knowledge .w2u-article-illustration{display:block;width:min(100%,440px);height:auto;margin:30px auto 48px}
@media(max-width:991px){body.w2u-knowledge #sp-main-body{padding:52px 0 70px}body.w2u-knowledge .articles-leading .article{padding:36px 40% 36px 30px;background-size:36% auto;min-height:0}body.w2u-knowledge .article-list>.row{--bs-gutter-x:40px}body.w2u-knowledge .article-list .article{margin-bottom:42px}}
@media(max-width:600px){body.w2u-knowledge .articles-leading .article{padding:30px 24px 240px;background-position:center bottom 12px;background-size:auto 220px}body.w2u-knowledge .cat-children{gap:20px;margin-bottom:40px}body.w2u-knowledge .articles-leading{margin-bottom:45px}body.w2u-knowledge .category-desc>p:last-child{font-size:17px}body.w2u-knowledge .article-details [itemprop='articleBody']{font-size:17px}body.w2u-knowledge .article-details [itemprop='articleBody']>p:first-child{font-size:19px}body.w2u-knowledge .w2u-article-help{padding:24px 22px}}

/* Aktuelles: native Joomla article module 114, no scripts. */
body.w2u-knowledge .category-desc:has(.w2u-news-slot){display:contents}
body.w2u-knowledge .category-desc:has(.w2u-news-slot)>h1{max-width:860px;order:0}
body.w2u-knowledge .category-desc:has(.w2u-news-slot)>p{order:0;max-width:720px}
body.w2u-knowledge .category-desc:has(.w2u-news-slot)>p:not(.w2u-eyebrow){font-size:19px;line-height:1.8;margin-bottom:64px}
body.w2u-knowledge .w2u-news-slot{order:3;margin:0 0 72px;padding:36px 0;border-top:3px solid #e09b25;border-bottom:1px solid #e3e5e8}
body.w2u-knowledge .w2u-news-slot:not(:has(.mod-articles-item)){display:none}
body.w2u-knowledge .article-list:not(.articles-leading){order:4}
body.w2u-knowledge .pagination-wrapper{order:5}
body.w2u-knowledge .w2u-news-slot h2{font:600 clamp(26px,3vw,36px)/1.2 'Instrument Sans',sans-serif;margin:0 0 30px}
body.w2u-knowledge .w2u-news-slot h3{font:600 24px/1.3 'Instrument Sans',sans-serif;margin:0 0 14px}
body.w2u-knowledge .w2u-news-slot .mod-articles-items{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:36px;list-style:none;padding:0;margin:0}
body.w2u-knowledge .w2u-news-slot .mod-articles-item{padding:0;margin:0;border:0;background:none}
body.w2u-knowledge .w2u-news-slot .mod-articles-item-content{font-size:16px;line-height:1.75}
body.w2u-knowledge .w2u-news-slot .article-info{font-size:14px;color:#626875}
body.w2u-knowledge .w2u-news-slot .mod-articles-date{font-size:14px;color:#626875}
body.w2u-knowledge .w2u-news-slot .mod-articles-item-content>p{max-width:720px}
body.w2u-news-page .article-list .published{display:inline}
body.w2u-knowledge .w2u-news-all{margin:28px 0 0;font-weight:600}
/* Override inherited Helix/SP/Bootstrap blue interactive link colours. */
body a:hover,body a:focus-visible{color:#83540b!important}
body #sp-header a:hover,body #sp-header a:focus-visible,
body #sp-footer a:hover,body #sp-footer a:focus-visible,
body #sp-bottom a:hover,body #sp-bottom a:focus-visible,
body .offcanvas-menu a:hover,body .offcanvas-menu a:focus-visible,
body .w2u-contact a:hover,body .w2u-contact a:focus-visible{color:#e09b25!important}
body a.btn-primary:hover,body a.btn-primary:focus-visible,
body a.sppb-btn-primary:hover,body a.sppb-btn-primary:focus-visible{color:#323848!important;background-color:#efb64f!important;border-color:#efb64f!important}
body .sppb-btn-link:hover,body .sppb-btn-link:focus-visible{color:#83540b!important;border-color:#e09b25!important}
@media(max-width:991px){body.w2u-knowledge .w2u-news-slot .mod-articles-items{grid-template-columns:1fr;gap:28px}}
@media(max-width:600px){body.w2u-knowledge .category-desc:has(.w2u-news-slot)>p:not(.w2u-eyebrow){font-size:17px;margin-bottom:40px}body.w2u-knowledge .w2u-news-slot{margin-bottom:44px}}

/* Joomla hub and dropdown navigation, 17 October 2026. */
body.w2u-joomla-page #sp-main-body{padding:84px 0 110px}
body.w2u-joomla-page .article-ratings-social-share{display:none!important}
.w2u-joomla-hub{background:url('../../../images/web2use/illustrationen/joomla-gemeinsam-lernen.png') no-repeat right top 25px;background-size:34% auto}
.w2u-joomla-hub h1{max-width:700px;font:600 clamp(42px,5.6vw,76px)/1.08 'Instrument Sans',sans-serif;letter-spacing:-.04em;margin:24px 0 32px}
.w2u-joomla-hub .w2u-hub-lead{max-width:620px;font-size:21px;line-height:1.8}
.w2u-joomla-hub h2{font:600 clamp(28px,3.3vw,42px)/1.2 'Instrument Sans',sans-serif;letter-spacing:-.025em;margin:48px 0 24px}
.w2u-joomla-hub h3{font:600 32px/1.25 'Instrument Sans',sans-serif;margin:14px 0 20px}
.w2u-joomla-hub p{font-size:18px;line-height:1.85;margin-bottom:22px}
.w2u-joomla-hub .w2u-eyebrow{font-size:13px;letter-spacing:.08em;text-transform:uppercase;font-weight:600}
.w2u-hub-intro{max-width:760px;margin:120px 0 100px}
.w2u-hub-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:64px 100px;margin:50px 0 100px}
.w2u-hub-grid>section{border-top:2px solid #e09b25;padding-top:28px}
.w2u-joomla-hub a{color:#323848;text-decoration:underline;text-decoration-color:#e09b25;text-decoration-thickness:2px;text-underline-offset:6px}
.w2u-hub-contact{padding:40px;background:#fbf8f0;max-width:860px}
.w2u-hub-contact h2{margin-top:0}
#sp-header .sp-dropdown .sp-dropdown-inner{background:#323848;border-top:3px solid #e09b25;padding:16px 22px;box-shadow:0 14px 28px #20263222}
#sp-header .sp-dropdown li.sp-menu-item>a{color:#fff;font:600 17px/1.6 'Instrument Sans',sans-serif;padding:12px 0}
#sp-header .sp-dropdown li.sp-menu-item.active>a{color:#e09b25}
#sp-header .sp-megamenu-parent>li:focus-within>.sp-dropdown{display:block;opacity:1;visibility:visible}
@media(max-width:991px){.w2u-joomla-hub{background:none}.w2u-hub-intro{margin:70px 0}.w2u-hub-grid{gap:40px}.w2u-joomla-hub h1{max-width:700px}}
@media(max-width:600px){body.w2u-joomla-page #sp-main-body{padding:50px 0 70px}.w2u-hub-grid{grid-template-columns:1fr;gap:38px;margin-bottom:60px}.w2u-hub-contact{padding:28px 22px}.w2u-joomla-hub p{font-size:17px}.w2u-joomla-hub .w2u-hub-lead{font-size:19px}}

@media(min-width:992px){#sp-header .sp-megamenu-parent>li.sp-has-child>a{padding-right:20px}#sp-header .sp-megamenu-parent>li.sp-has-child>a:before{content:"";position:absolute;right:2px;top:20px;width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg)}}

/* UX: native tutorial fields and consistent keyboard targets, 19 October 2026. */
.fields-container:has(.w2u-tutorial-badge){display:flex;flex-wrap:wrap;gap:10px;list-style:none;padding:0;margin:18px 0 26px}
.fields-container .w2u-tutorial-badge{display:inline-flex;align-items:center;list-style:none;margin:0;padding:7px 14px;border-radius:4px;font:600 14px/1.45 'Open Sans',sans-serif;letter-spacing:0;background:#323848;color:#fff}
.fields-container .w2u-tutorial-topic{background:#fbf1dc;color:#323848;border:1px solid #e09b25}
body a:focus-visible,body button:focus-visible,body input:focus-visible,body textarea:focus-visible,body select:focus-visible{outline:3px solid #b77812!important;outline-offset:4px}
body .sppb-btn,body a.btn,body .convertforms button[type="submit"]{min-height:44px;white-space:normal}
body .sppb-btn-primary,body a.btn-primary{color:#323848!important;background-color:#e09b25!important;border-color:#e09b25!important}
body .sppb-btn-primary:hover,body .sppb-btn-primary:focus-visible,body a.btn-primary:hover,body a.btn-primary:focus-visible{color:#323848!important;background-color:#efb64f!important;border-color:#efb64f!important}
.w2u-joomla-hub>.w2u-hub-paths{margin-top:65px}
@media(max-width:600px){.fields-container .w2u-tutorial-badge{font-size:13px;padding:7px 11px}.w2u-joomla-hub>.w2u-hub-paths{margin-top:40px}}

/* UX: primary navigation contact and native testimonial. */
#sp-header .sp-megamenu-parent>li>a.w2u-nav-contact{background:#e09b25;color:#323848!important;border-radius:4px;padding:10px 18px;margin-left:12px;line-height:1.5}
#sp-header .sp-megamenu-parent>li>a.w2u-nav-contact:hover,#sp-header .sp-megamenu-parent>li>a.w2u-nav-contact:focus-visible{background:#efb64f;color:#323848!important}
.w2u-proof{border-top:1px solid #e3e5e8}
.w2u-proof .sppb-addon-testimonial{max-width:850px;font-size:24px;line-height:1.65;border-left:3px solid #e09b25;padding:0 0 0 28px;margin:32px 0}
.w2u-proof .sppb-addon-testimonial .sppb-addon-testimonial-client{font-size:16px;line-height:1.6;margin-top:24px}
@media(max-width:600px){.w2u-proof .sppb-addon-testimonial{font-size:20px;padding-left:20px}}

/* Tutorial navigation and video layout – 19.10.2026 */
.article-details.w2u-tutorials{display:flex;flex-direction:column;align-items:stretch}
.article-details.w2u-tutorials>.article-header{order:0}
.article-details.w2u-tutorials>.article-can-edit{order:1}
.article-details.w2u-tutorials>.article-info{order:2}
.article-details.w2u-tutorials>.tags{order:3}
.article-details.w2u-tutorials>.article-ratings-social-share{order:4}
.article-details.w2u-tutorials>[itemprop='articleBody']{order:5}
body .w2u-tutorials .tags,body.w2u-tutorials .tags{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:10px;padding:0!important;margin:18px 0 26px!important;list-style:none;text-align:left}
body .w2u-tutorials .tags>li,body.w2u-tutorials .tags>li{padding:0!important;margin:0!important;list-style:none}
body .w2u-tutorials .tags a,body.w2u-tutorials .tags a{display:inline-flex;align-items:center;min-height:44px;padding:9px 14px;border:1px solid #e09b25;border-radius:4px;background:#fbf1dc;color:#323848!important;font:600 14px/1.45 'Open Sans',sans-serif;text-decoration:none}
body .w2u-tutorials .tags a[href*='joomla-'],body .w2u-tutorials .tags a[href*='sp-page-builder-'],body.w2u-tutorials .tags a[href*='joomla-'],body.w2u-tutorials .tags a[href*='sp-page-builder-']{background:#323848;border-color:#323848;color:#fff!important}
body .w2u-tutorials .tags a:hover,body.w2u-tutorials .tags a:hover{background:#e09b25;border-color:#e09b25;color:#323848!important}
.w2u-tutorial-video{margin:30px 0 48px}
.w2u-tutorial-video .w2u-eyebrow{font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.w2u-tutorial-video h2{margin-top:10px!important}
.w2u-tutorial-video iframe,.w2u-tutorial-video video{display:block;width:100%;height:auto;aspect-ratio:16/9;border:0;border-radius:4px;background:#323848}
.w2u-video-placeholder{aspect-ratio:16/9;display:flex;flex-direction:column;justify-content:center;padding:30px;background:#f4f5f7;border:1px solid #e3e5e8;border-radius:4px}
.w2u-video-note{border-left:3px solid #e09b25;padding:12px 18px;background:#fbf1dc;font-size:15px}

/* Native Helix video: below badges, above written instructions. */
.article-details.w2u-tutorials>.article-featured-video{order:4;margin:10px 0 28px}
.article-details.w2u-tutorials>.article-featured-video iframe{display:block;width:100%;height:auto;aspect-ratio:16/9;border:0;border-radius:4px}

/* About and references – 19.10.2026 */
.w2u-about .w2u-lead{font-size:22px;line-height:1.7}
.w2u-about h3{font:600 23px/1.35 'Instrument Sans',sans-serif;margin:32px 0 12px}
body.w2u-aboutpage .article-info,body.w2u-references .article-info{display:none}
body.w2u-references .article-details>.fields-container{list-style:none;padding:24px!important;margin:24px 0 36px;background:#f4f5f7;border-left:3px solid #e09b25}
body.w2u-references .article-details>.fields-container>li{padding:0;margin:0 0 12px;font-size:16px;line-height:1.7}
body.w2u-references .fields-container .field-label{font-weight:700}
body.w2u-references .article-intro-image img,body.w2u-references .article-full-image img{width:100%;height:auto;border:1px solid #e3e5e8;border-radius:4px}
body.w2u-references .article-list .fields-container{display:none}
body.w2u-references .article-list .article-header h2{font-size:28px;line-height:1.25}
body .w2u-about a.btn,body .w2u-reference a.btn{text-decoration:none;padding:12px 20px;margin:10px 0}
@media(max-width:600px){.w2u-about .w2u-lead{font-size:19px}body.w2u-references .article-details>.fields-container{padding:20px!important}}

/* Corporate pages use their section menu and contextual links. */
body.w2u-aboutpage .pagenavigation{display:none}

/* Individual editorial illustrations – 19.10.2026 */
body .w2u-page-illustration{margin:38px auto 54px;width:100%;max-width:540px}
body .w2u-page-illustration img{display:block;width:100%;height:auto;max-height:340px;object-fit:contain;border:0;border-radius:0}
body.w2u-knowledge .category-desc:has(.w2u-section-intro){max-width:none;width:100%}
.w2u-section-intro{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:70px;align-items:center;margin-bottom:24px}
.w2u-section-intro .w2u-page-illustration{margin:0;max-width:460px}
.w2u-section-intro .w2u-section-copy>p{font-size:18px;line-height:1.8}
.w2u-section-intro .w2u-section-copy>.w2u-eyebrow{font-size:13px}
@media(max-width:900px){.w2u-section-intro{grid-template-columns:1fr;gap:24px}.w2u-section-intro .w2u-page-illustration{justify-self:center;max-width:400px}body .w2u-page-illustration img{max-height:290px}}
@media(max-width:600px){body .w2u-page-illustration{margin:28px auto 40px}body .w2u-page-illustration img{max-height:240px}.w2u-section-intro .w2u-section-copy>p{font-size:17px}}

/* Individual news article illustrations – 19.10.2026 */
body.w2u-news-page .article-intro-image img{display:block;width:100%;height:240px;object-fit:contain;object-position:center;background:#fff}
body.w2u-news-page .article-full-image img{display:block;width:100%;height:auto;max-height:340px;object-fit:contain;background:#fff}
body.w2u-news-page .article-full-image{margin:0 auto 36px;max-width:560px}
@media(max-width:600px){body.w2u-news-page .article-intro-image img{height:200px}body.w2u-news-page .article-full-image img{max-height:260px}}

/* Page Builder footer module 110 — 19 October 2026. */
body #sp-bottom{padding:80px 0 36px;background:var(--w2u-navy);color:#fff}
#sp-bottom .mod-sppagebuilder .sppb-row-container{width:100%;max-width:none;margin:0;padding:0}
#sp-bottom .w2u-footer-main{padding:0}
#sp-bottom .w2u-footer-main .sppb-addon-wrapper{margin-bottom:22px}
#sp-bottom .w2u-footer-main h2{font:600 21px/1.3 'Instrument Sans',sans-serif;letter-spacing:-.01em;margin:0 0 24px;color:#fff}
#sp-bottom .w2u-footer-main p,#sp-bottom .w2u-footer-main address{font:400 15px/1.8 'Open Sans',sans-serif;margin:0 0 14px;color:#e6e8ed}
#sp-bottom .w2u-footer-logo img{width:190px;height:auto;background:transparent;padding:0;border-radius:0}
#sp-bottom .w2u-footer-links ul{list-style:none;margin:0;padding:0}
#sp-bottom .w2u-footer-links ul>li{padding:0;margin:0 0 13px;border:0}
#sp-bottom .w2u-footer-links ul>li>a{display:inline;font-size:15px;line-height:1.7;padding:3px 0;color:#f4f5f7}
#sp-bottom .w2u-footer-main a:focus-visible{outline:2px solid var(--w2u-orange);outline-offset:5px}
#sp-bottom .w2u-footer-main a:hover{text-decoration:underline;text-underline-offset:5px}
#sp-bottom .w2u-footer-main .sppb-btn-primary{color:var(--w2u-navy);font-size:14px;padding:12px 18px;margin-top:8px;white-space:normal}
#sp-bottom .w2u-footer-newsletter{padding:0 0 48px;margin-bottom:48px;border-bottom:1px solid #ffffff30}
@media(max-width:991px){#sp-bottom .w2u-footer-main .sppb-row{row-gap:36px}}
@media(max-width:575px){body #sp-bottom{padding:56px 0 12px}#sp-bottom .w2u-footer-main h2{margin-bottom:18px}#sp-bottom .w2u-footer-main .sppb-row{row-gap:28px}}

/* Joomla maintenance service — 19 October 2026. */
.w2u-maintenance-hero h1{font-size:clamp(38px,4.5vw,60px);line-height:1.1;letter-spacing:-.035em}
.w2u-maintenance-hero .sppb-row,.w2u-maintenance-teaser .sppb-row{align-items:center}
.w2u-maintenance-hero img,.w2u-maintenance-teaser img{width:100%;height:auto;object-fit:contain}
.w2u-maintenance .w2u-section h3{font-size:24px;line-height:1.3;margin:32px 0 16px}
.w2u-maintenance .w2u-section h2{margin-bottom:28px}
.w2u-maintenance .sppb-btn,.w2u-maintenance-teaser .sppb-btn{white-space:normal}
@media(max-width:767px){.w2u-maintenance-hero .sppb-row,.w2u-maintenance-teaser .sppb-row{row-gap:36px}.w2u-maintenance-hero h1{font-size:40px}}


/* Navigation, buttons and closing contact section — 19 October 2026. */
@media(min-width:992px){
  #sp-header .sp-megamenu-parent>li>a::after{margin:0;border:0;left:0;right:0;width:auto}
  #sp-header .sp-megamenu-parent>li.sp-has-child>a::after{right:20px}
}
#sp-header .sp-megamenu-parent>li>a.w2u-nav-contact::after{content:none!important;display:none!important}
#sp-header .sp-megamenu-parent>li>a.w2u-nav-contact{border-radius:10px;text-decoration:none!important;transition:background-color .18s ease,color .18s ease}
#sp-header .sp-megamenu-parent>li>a.w2u-nav-contact:hover{background:#f3be61}
/* Approved: brand orange, dark lettering, arrow and generous spacing. */
body .sppb-btn-primary,body a.btn-primary,body .convertforms button[type="submit"],
body #sp-bottom .sppb-btn-primary,body .w2u-contact a.sppb-btn-primary{
 display:inline-flex;align-items:center;justify-content:center;gap:20px;
 min-height:48px;padding:15px 25px!important;border:1px solid #e09b25!important;
 border-radius:10px!important;background:#e09b25!important;color:#323848!important;
 font:600 16px/1.5 'Open Sans',Arial,sans-serif;
 text-decoration:none!important;box-shadow:none!important;
 transition:background-color .18s ease,color .18s ease,border-color .18s ease;
}
body a.sppb-btn-primary::after,body a.btn-primary::after{
 content:'→' / '';display:inline-flex;align-items:center;justify-content:center;
 flex:0 0 35px;align-self:stretch;min-height:24px;padding-left:16px;
 border-left:1px solid #32384840;font:400 22px/1 'Open Sans',sans-serif;
}
body a.sppb-btn-primary:hover,body a.sppb-btn-primary:focus-visible,
body a.btn-primary:hover,body a.btn-primary:focus-visible,
body .convertforms button[type="submit"]:hover,body .convertforms button[type="submit"]:focus-visible,
body #sp-bottom a.sppb-btn-primary:hover,body #sp-bottom a.sppb-btn-primary:focus-visible,
body .w2u-contact a.sppb-btn-primary:hover,body .w2u-contact a.sppb-btn-primary:focus-visible{
 background:#323848!important;border-color:#323848!important;color:#fff!important;text-decoration:none!important;
}
body a.sppb-btn-primary:hover::after,body a.sppb-btn-primary:focus-visible::after,
body a.btn-primary:hover::after,body a.btn-primary:focus-visible::after{border-left-color:#ffffff60}
body .w2u-contact{background:#fbf1df!important;color:#323848;border-top:1px solid #f0dfc0}
body .w2u-contact h2,body .w2u-contact p,body .w2u-contact .sppb-addon-title{color:#323848!important}


/* web2use: tag pages — 19 October 2026.
   Scoped to com_tags/view-tag and #sp-component; no core files modified. */
body.com-tags.view-tag #sp-component .com-tags-tag{--tag-line:#e3e4e7;--tag-warm:#fbf6ed;color:#323848;padding-bottom:40px}
body.com-tags.view-tag #sp-component .com-tags-tag>h1{font:600 clamp(36px,4.6vw,60px)/1.12 'Instrument Sans',sans-serif;letter-spacing:-.035em;margin:0 0 24px;max-width:920px}
body.com-tags.view-tag #sp-component .com-tags-tag__description{max-width:960px;margin:0 0 56px}
body.com-tags.view-tag #sp-component .com-tags-tag__description>.w2u-lead{font-size:20px;line-height:1.7;max-width:800px;margin:0 0 32px}
body.com-tags.view-tag #sp-component .com-tags-tag__description h2{font:600 26px/1.3 'Instrument Sans',sans-serif;letter-spacing:-.02em;margin:32px 0 14px}
body.com-tags.view-tag #sp-component .com-tags-tag__description p{font-size:16px;line-height:1.8;max-width:780px}
body.com-tags.view-tag #sp-component .com-tags-tag__description a{color:#323848;text-decoration:underline;text-decoration-color:#e09b25;text-underline-offset:5px;text-decoration-thickness:2px}
body.com-tags.view-tag #sp-component .w2u-tag-paths{display:grid;grid-template-columns:1fr 1fr;gap:48px;margin-top:36px}
body.com-tags.view-tag #sp-component .w2u-tag-paths h2{margin-top:0}
body.com-tags.view-tag #sp-component .w2u-tag-paths section{border-top:3px solid #e09b25;padding-top:24px}
body.com-tags.view-tag #sp-component .com-tags__items #adminForm{display:flex;flex-wrap:wrap;align-items:end;gap:16px 24px;padding:24px;background:var(--tag-warm);border-radius:10px;margin:0 0 24px}
body.com-tags.view-tag #sp-component .com-tags-tags__filter{display:flex;flex:1 1 560px;flex-wrap:wrap;gap:10px;align-items:center;position:relative;padding-top:28px}
body.com-tags.view-tag #sp-component .com-tags-tags__filter label{position:absolute!important;top:0;left:0;width:auto!important;height:auto!important;clip:auto!important;clip-path:none!important;overflow:visible!important;white-space:normal!important;font-size:13px;font-weight:600;margin:0!important}
body.com-tags.view-tag #sp-component .com-tags-tags__filter input{flex:1 1 220px;width:auto;min-width:0;height:52px;padding:12px 16px;background:#fff;border:1px solid #b8bcc5;border-radius:10px!important;color:#323848;font:400 16px/1.5 'Open Sans',sans-serif;box-shadow:none}
body.com-tags.view-tag #sp-component #adminForm .btn{height:52px;min-height:52px;margin:0;padding:12px 20px!important;border-radius:10px!important;font:600 14px/1.5 'Open Sans',sans-serif;box-shadow:none}
body.com-tags.view-tag #sp-component #adminForm .btn-primary{background:#e09b25!important;color:#323848!important;border:1px solid #e09b25!important}
body.com-tags.view-tag #sp-component #adminForm .btn-secondary{background:transparent!important;color:#323848!important;border:1px solid #b8bcc5!important}
body.com-tags.view-tag #sp-component #adminForm .btn:hover{background:#f0dfc0!important;border-color:#323848!important}
body.com-tags.view-tag #sp-component #adminForm>.btn-group.float-end{display:flex;flex-direction:column;gap:8px;float:none!important;margin:0;min-width:110px}
body.com-tags.view-tag #sp-component #adminForm label[for=limit]{position:static!important;width:auto!important;height:auto!important;clip:auto!important;clip-path:none!important;overflow:visible!important;white-space:normal!important;margin:0!important;font-size:13px;font-weight:600}
body.com-tags.view-tag #sp-component #limit{height:52px;padding:12px 36px 12px 14px;border:1px solid #b8bcc5;border-radius:10px!important;color:#323848;background-color:#fff;box-shadow:none}
body.com-tags.view-tag #sp-component .com-tags-tag__category{list-style:none;display:block;margin:0;padding:0;border:0;border-radius:0}
body.com-tags.view-tag #sp-component .com-tags-tag__category>li{position:relative;display:block;padding:30px 76px 30px 24px;margin:0;border:0;border-bottom:1px solid var(--tag-line);border-radius:0;background:#fff;color:#323848;transition:background-color .18s ease}
body.com-tags.view-tag #sp-component .com-tags-tag__category>li:first-child{border-top:1px solid var(--tag-line)}
body.com-tags.view-tag #sp-component .com-tags-tag__category>li:hover,body.com-tags.view-tag #sp-component .com-tags-tag__category>li:focus-within{background:var(--tag-warm)}
body.com-tags.view-tag #sp-component .com-tags-tag__category h3{font:600 clamp(21px,2.1vw,27px)/1.35 'Instrument Sans',sans-serif;letter-spacing:-.015em;margin:0 0 12px;max-width:920px;overflow-wrap:anywhere}
body.com-tags.view-tag #sp-component .com-tags-tag__category h3 a{color:#323848;text-decoration:none}
body.com-tags.view-tag #sp-component .com-tags-tag__category h3 a:hover{text-decoration:underline;text-underline-offset:5px;text-decoration-color:#e09b25;text-decoration-thickness:2px}
body.com-tags.view-tag #sp-component .com-tags-tag__category h3 a::after{content:'→' / '';position:absolute;right:24px;top:32px;font:400 26px/1 'Open Sans',sans-serif;color:#323848}
body.com-tags.view-tag #sp-component .tag-body,body.com-tags.view-tag #sp-component .tag-body p,body.com-tags.view-tag #sp-component .tag-body .w2u-lead{font:400 15px/1.75 'Open Sans',sans-serif;color:#586071;max-width:850px;margin:0}
body.com-tags.view-tag #sp-component .pagination{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0 0!important;padding:0;justify-content:flex-start}
body.com-tags.view-tag #sp-component .pagination .page-link{display:flex;align-items:center;justify-content:center;min-width:46px;min-height:46px;margin:0;padding:10px 14px;border:1px solid #cbd0d7;border-radius:10px!important;background:#fff;color:#323848;font:600 15px/1.4 'Open Sans',sans-serif;box-shadow:none;text-decoration:none}
body.com-tags.view-tag #sp-component .pagination .active .page-link{background:#e09b25;border-color:#e09b25;color:#323848}
body.com-tags.view-tag #sp-component .pagination a.page-link:hover{background:var(--tag-warm);border-color:#323848}
body.com-tags.view-tag #sp-component .pagination .disabled .page-link{background:#f5f5f6;color:#8a909b;border-color:#e3e4e7}
body.com-tags.view-tag #sp-component .counter{font:400 14px/1.6 'Open Sans',sans-serif;color:#586071;margin:32px 0 12px}
body.com-tags.view-tag #sp-component :is(a,button,input,select):focus-visible{outline:3px solid #323848!important;outline-offset:4px;box-shadow:0 0 0 6px #fbf1df!important}
@media(max-width:767px){body.com-tags.view-tag #sp-component .w2u-tag-paths{grid-template-columns:1fr;gap:28px}body.com-tags.view-tag #sp-component .com-tags-tag__description{margin-bottom:36px}body.com-tags.view-tag #sp-component .com-tags-tag__description>.w2u-lead{font-size:18px}body.com-tags.view-tag #sp-component .com-tags-tag__category>li{padding:24px 48px 24px 12px}body.com-tags.view-tag #sp-component .com-tags-tag__category h3 a::after{right:12px;top:26px}body.com-tags.view-tag #sp-component .com-tags__items #adminForm{padding:18px}body.com-tags.view-tag #sp-component .com-tags-tags__filter{flex-basis:100%}body.com-tags.view-tag #sp-component .com-tags-tags__filter input{flex-basis:100%}body.com-tags.view-tag #sp-component .pagination{gap:7px}}
@media(prefers-reduced-motion:reduce){body.com-tags.view-tag #sp-component .com-tags-tag__category>li{transition:none}}

/* Tag filters and pagination: spacing refinement. */
body.com-tags.view-tag #sp-component #adminForm .com-tags-tags__filter .btn{flex:0 0 auto!important}
body.com-tags.view-tag #sp-component .com-tags-tag__pagination{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:32px}
body.com-tags.view-tag #sp-component .com-tags-tag__pagination .pagination{order:0;margin:0!important}
body.com-tags.view-tag #sp-component .com-tags-tag__pagination .counter{order:1;float:none!important;margin:0;padding:0!important}
@media(max-width:575px){body.com-tags.view-tag #sp-component .com-tags-tag__pagination{flex-direction:column;align-items:flex-start}body.com-tags.view-tag #sp-component #adminForm .com-tags-tags__filter .btn{flex:1 1 auto!important}}


/* web2use: recognisable prose links and wrapping read-more links — 19 October 2026. */
body #sp-bottom a.sppb-btn-primary:hover,
body #sp-bottom a.sppb-btn-primary:focus-visible{border-color:#fff!important}

/* Only editorial text and lists; exclude buttons, badges and linked images. */
body #sp-component :is(.category-desc,[itemprop="articleBody"],.sppb-addon-text-block,.w2u-prose,.w2u-about) :is(p,li)>a:not(.btn):not(.sppb-btn):not(.badge):not(:has(img)){
 color:#323848;text-decoration-line:underline;text-decoration-color:#e09b25;
 text-decoration-thickness:2px;text-underline-offset:.2em;text-decoration-skip-ink:auto;
 border-bottom:0;padding-bottom:0;line-height:inherit;
}
body #sp-component :is(.category-desc,[itemprop="articleBody"],.sppb-addon-text-block,.w2u-prose,.w2u-about) :is(p,li)>a:not(.btn):not(.sppb-btn):not(.badge):not(:has(img)):hover,
body #sp-component :is(.category-desc,[itemprop="articleBody"],.sppb-addon-text-block,.w2u-prose,.w2u-about) :is(p,li)>a:not(.btn):not(.sppb-btn):not(.badge):not(:has(img)):focus-visible{
 color:#83540b;text-decoration-color:currentColor;
}

/* Read-more: close text underline follows each wrapped line. */
body #sp-component .readmore a{
 display:inline;max-width:100%;font-weight:600;line-height:1.65;color:#323848;
 border:0!important;border-radius:0;padding:0;
 text-decoration:underline solid #e09b25 2px!important;
 text-underline-offset:3px;text-decoration-skip-ink:auto;
 background:transparent;white-space:normal;
}
body #sp-component .readmore a::after{
 content:'→' / '';display:inline-block;margin-left:10px;
 font:400 21px/1 'Open Sans',sans-serif;color:#83540b;
 border:0;padding:0;text-decoration:none;
}
body #sp-component .readmore a:hover,
body #sp-component .readmore a:focus-visible{
 color:#83540b;background:transparent;
 text-decoration:underline solid currentColor 2px!important;
 text-underline-offset:3px;
}


/* web2use category lists — 19 October 2026. Scoped to category/blog views. */
body.com-content.view-category:not(.w2u-knowledge:not(.w2u-tutorials)) #sp-component .article-list:not(.articles-leading)>.row{display:block;margin:0;--bs-gutter-x:0}
body.com-content.view-category:not(.w2u-knowledge:not(.w2u-tutorials)) #sp-component .article-list:not(.articles-leading)>.row>[class*="col-"]{width:100%;max-width:100%;padding:0}
body.com-content.view-category:not(.w2u-knowledge:not(.w2u-tutorials)) #sp-component .article-list:not(.articles-leading) .article{margin:0;padding:36px 0;border:0;border-top:1px solid #e3e5e8;border-radius:0;box-shadow:none;background:transparent}
body.com-content.view-category:not(.w2u-knowledge:not(.w2u-tutorials)) #sp-component .article-list:not(.articles-leading) .w2u-category-item{display:grid;grid-template-columns:minmax(0,1fr);align-items:start;gap:32px 56px}
body.com-content.view-category:not(.w2u-knowledge:not(.w2u-tutorials)) #sp-component .article-list:not(.articles-leading) .w2u-category-item:has(>.w2u-video-preview,>.article-intro-image,>.article-featured-gallery,>.article-featured-audio){grid-template-columns:minmax(220px,28%) minmax(0,1fr)}
body.com-content.view-category:not(.w2u-knowledge:not(.w2u-tutorials)) #sp-component .article-list:not(.articles-leading) .article-body{display:flex;flex-direction:column;min-width:0;padding:0}
body.com-content.view-category:not(.w2u-knowledge:not(.w2u-tutorials)) #sp-component .article-list:not(.articles-leading) .article-header h2{font:600 clamp(23px,2.4vw,30px)/1.3 'Instrument Sans',sans-serif;letter-spacing:-.02em;margin:0 0 14px;max-width:820px}
body.com-content.view-category:not(.w2u-knowledge:not(.w2u-tutorials)) #sp-component .article-list:not(.articles-leading) .article-header h2 a{color:#323848}
body.com-content.view-category:not(.w2u-knowledge:not(.w2u-tutorials)) #sp-component .article-list:not(.articles-leading) .article-introtext,body.com-content.view-category:not(.w2u-knowledge:not(.w2u-tutorials)) #sp-component .article-list:not(.articles-leading) .article-introtext p,body.com-content.view-category:not(.w2u-knowledge:not(.w2u-tutorials)) #sp-component .article-list:not(.articles-leading) .article-introtext .w2u-lead{font:400 16px/1.8 'Open Sans',sans-serif;color:#586071;max-width:820px}
body.com-content.view-category:not(.w2u-knowledge:not(.w2u-tutorials)) #sp-component .article-list:not(.articles-leading) .article-introtext p{margin:0 0 16px}
body.com-content.view-category:not(.w2u-knowledge:not(.w2u-tutorials)) #sp-component .article-list:not(.articles-leading) .article-body>.tags{order:-1;display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px!important;padding:0;list-style:none}
body.com-content.view-category:not(.w2u-knowledge:not(.w2u-tutorials)) #sp-component .article-list:not(.articles-leading) .tags li{margin:0;padding:0}
body.com-content.view-category:not(.w2u-knowledge:not(.w2u-tutorials)) #sp-component .article-list:not(.articles-leading) .tags a{font-size:12px;padding:5px 10px;line-height:1.5;min-height:30px}
body.com-content.view-category:not(.w2u-knowledge:not(.w2u-tutorials)) #sp-component .article-list:not(.articles-leading) .article-info{display:none}
body.com-content.view-category.w2u-news-page #sp-component .article-list:not(.articles-leading) .article-info{display:flex;margin:0 0 14px;font-size:13px}
body.com-content.view-category.w2u-news-page #sp-component .article-list:not(.articles-leading) .article-info>span:not(.published){display:none}
body.com-content.view-category:not(.w2u-knowledge:not(.w2u-tutorials)) #sp-component .article-list:not(.articles-leading) .readmore{margin-top:18px}
body.com-content.view-category:not(.w2u-knowledge:not(.w2u-tutorials)) #sp-component .article-list:not(.articles-leading) .article-intro-image{margin:0;width:100%;float:none}
body.com-content.view-category:not(.w2u-knowledge:not(.w2u-tutorials)) #sp-component .article-list:not(.articles-leading) .article-intro-image img{display:block;width:100%;height:auto;max-height:260px;object-fit:contain;object-position:top;border-radius:6px}
body.com-content.view-category #sp-component .w2u-video-preview{position:relative;display:block;aspect-ratio:16/9;width:100%;overflow:hidden;border-radius:6px;background:#323848;text-decoration:none;color:#323848}
body.com-content.view-category #sp-component .w2u-video-preview img{width:100%;height:100%;object-fit:cover;display:block}
body.com-content.view-category #sp-component .w2u-video-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:54px;height:54px;padding-left:3px;border-radius:50%;background:#e09b25;color:#323848;font-size:20px;box-shadow:0 2px 12px #0003}
body.com-content.view-category #sp-component .w2u-video-label{position:absolute;bottom:0;left:0;right:0;padding:8px 12px;background:#323848ed;color:#fff;font:600 12px/1.5 'Open Sans',sans-serif;letter-spacing:.02em}
body.com-content.view-category #sp-component .w2u-video-preview:hover .w2u-video-play{background:#fff}
body.com-content.view-category #sp-component .w2u-category-item a:focus-visible{outline:3px solid #323848;outline-offset:4px;box-shadow:0 0 0 6px #fbf1df}
body.com-content.view-category #sp-component .pagination{display:flex;flex-wrap:wrap;gap:10px;padding:0;margin:24px 0!important;justify-content:flex-start}
body.com-content.view-category #sp-component .pagination .page-link{display:flex;align-items:center;justify-content:center;min-width:46px;min-height:46px;margin:0;padding:10px 14px;border:1px solid #cbd0d7;border-radius:10px!important;background:#fff;color:#323848;font:600 15px/1.4 'Open Sans',sans-serif;box-shadow:none;text-decoration:none}
body.com-content.view-category #sp-component .pagination .active .page-link{background:#e09b25;border-color:#e09b25;color:#323848}
body.com-content.view-category #sp-component .pagination a.page-link:hover{background:#fbf6ed;border-color:#323848}
body.com-content.view-category #sp-component .pagination .disabled .page-link{background:#f5f5f6;color:#8a909b;border-color:#e3e4e7}
body.com-content.view-category #sp-component .pagination a:focus-visible{outline:3px solid #323848;outline-offset:4px}
body.com-content.view-category #sp-component :is(.counter,.pagination-counter){font:400 14px/1.6 'Open Sans',sans-serif;color:#586071}
@media(max-width:767px){body.com-content.view-category:not(.w2u-knowledge:not(.w2u-tutorials)) #sp-component .article-list:not(.articles-leading) .w2u-category-item:has(>.w2u-video-preview,>.article-intro-image,>.article-featured-gallery,>.article-featured-audio){grid-template-columns:minmax(0,1fr);gap:24px}body.com-content.view-category:not(.w2u-knowledge:not(.w2u-tutorials)) #sp-component .article-list:not(.articles-leading) .article{padding:28px 0}body.com-content.view-category:not(.w2u-knowledge:not(.w2u-tutorials)) #sp-component .article-list:not(.articles-leading) .article-intro-image img{max-height:240px;object-position:left}body.com-content.view-category #sp-component .pagination{gap:7px}}

/* Joomla 6 uses its own navigation wrapper; keep it after the article list. */
body.com-content.view-category #sp-component .com-content-category-blog__navigation{order:6;width:100%;margin-top:32px}
body.com-content.view-category #sp-component .com-content-category-blog__pagination{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px}
body.com-content.view-category #sp-component .com-content-category-blog__pagination .pagination{margin:0!important}
body.com-content.view-category #sp-component .com-content-category-blog__navigation .counter{float:none!important;padding:0!important;margin:12px 0 0}
@media(max-width:575px){body.com-content.view-category #sp-component .com-content-category-blog__pagination{align-items:flex-start;flex-direction:column}}

/* Wissen landing page: compact routes and editorial focus. */
body.itemid-129.w2u-knowledge .category-desc:has(.w2u-knowledge-paths){display:contents}
body.itemid-129.w2u-knowledge .category-desc>h1{order:0;max-width:900px;margin:16px 0 24px}
body.itemid-129.w2u-knowledge .category-desc>p{order:0;max-width:760px}
body.itemid-129.w2u-knowledge .category-desc>p:not(.w2u-eyebrow){font-size:19px;line-height:1.8;margin-bottom:32px}
body.itemid-129.w2u-knowledge .cat-children{order:1;margin-bottom:32px;padding-bottom:20px}
body.itemid-129.w2u-knowledge .w2u-knowledge-paths{order:2;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:0 0 40px}
body.itemid-129.w2u-knowledge .w2u-knowledge-path{padding:28px 30px;background:#fbf8f0;border:0;border-radius:0;box-shadow:none}
body.itemid-129.w2u-knowledge .w2u-knowledge-path h2{font:600 24px/1.3 'Instrument Sans',sans-serif;margin:0 0 12px}
body.itemid-129.w2u-knowledge .w2u-knowledge-path h2 a{display:flex;align-items:center;justify-content:space-between;gap:20px;color:#323848;text-decoration:none}
body.itemid-129.w2u-knowledge .w2u-knowledge-path h2 a:hover{text-decoration:underline;text-decoration-color:#e09b25;text-underline-offset:4px}
body.itemid-129.w2u-knowledge .w2u-knowledge-path h2 span{color:#8b5b0d}
body.itemid-129.w2u-knowledge .w2u-knowledge-path p{font:400 16px/1.75 'Open Sans',sans-serif;margin:0;color:#586071}
body.itemid-129.w2u-knowledge .articles-leading{order:3;margin-bottom:40px}
body.itemid-129.w2u-knowledge .articles-leading .article{padding:28px 29% 28px 30px;background-size:auto 170px;background-position:96% 50%;min-height:0}
body.itemid-129.w2u-knowledge .articles-leading .article:before{font-size:12px;margin-bottom:12px}
body.itemid-129.w2u-knowledge .articles-leading .article .article-header h2{font-size:28px;line-height:1.25;margin-bottom:12px}
body.itemid-129.w2u-knowledge .articles-leading .article-info{margin-bottom:12px}
body.itemid-129.w2u-knowledge .articles-leading .article-introtext{font-size:16px;line-height:1.75}
body.itemid-129.w2u-knowledge .articles-leading .readmore{margin-top:12px}
body.itemid-129.w2u-knowledge .w2u-knowledge-heading{order:4;font:600 clamp(28px,3vw,36px)/1.25 'Instrument Sans',sans-serif;margin:0 0 28px}
body.itemid-129.w2u-knowledge .article-list:not(.articles-leading){order:5}
body.itemid-129.w2u-knowledge .com-content-category-blog__navigation{order:6}
@media(max-width:767px){body.itemid-129.w2u-knowledge .w2u-knowledge-paths{grid-template-columns:1fr;gap:16px}body.itemid-129.w2u-knowledge .w2u-knowledge-path{padding:22px}body.itemid-129.w2u-knowledge .articles-leading .article{padding:26px;background-image:none}body.itemid-129.w2u-knowledge .category-desc>p:not(.w2u-eyebrow){font-size:17px}}

/* Tutorial landing page only; course category lists stay independent. */
body.w2u-tutorials .category-desc:has(.w2u-tutorial-hub){width:100%;max-width:none;margin:0}
body.w2u-tutorials .com-content-category-blog:has(.w2u-tutorial-hub)>.cat-children,body.w2u-tutorials .com-content-category-blog:has(.w2u-tutorial-hub)>.alert-info{display:none}
.w2u-tutorial-hub .w2u-section-intro{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:56px;align-items:center;margin-bottom:64px}
body.w2u-knowledge .w2u-tutorial-hub h1{font-size:clamp(38px,4.5vw,60px);line-height:1.08;margin:20px 0 28px}
.w2u-tutorial-hub .w2u-section-copy>p:not(.w2u-eyebrow){font-size:18px;line-height:1.8}
.w2u-tutorial-hub .w2u-page-illustration{margin:0}.w2u-tutorial-hub .w2u-page-illustration img{width:100%;height:auto}
.w2u-tutorial-hub .w2u-tutorial-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}
body #sp-component .w2u-tutorial-hub a.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:15px 25px;border-radius:10px!important;font:600 16px/1.5 'Open Sans',sans-serif;white-space:normal;text-decoration:none!important;border:1px solid transparent;box-shadow:none}
body #sp-component .w2u-tutorial-hub a.btn-primary{background:#e09b25;color:#323848;border-color:#e09b25}
body #sp-component .w2u-tutorial-hub a.btn-secondary{background:#323848;color:#fff;border-color:#323848}
body #sp-component .w2u-tutorial-hub a.btn:hover{background:#fff;color:#323848;border-color:#323848}
.w2u-tutorial-hub h2{font:600 clamp(28px,3vw,38px)/1.2 'Instrument Sans',sans-serif;letter-spacing:-.02em;margin:0 0 20px}
.w2u-tutorial-hub h3{font:600 28px/1.25 'Instrument Sans',sans-serif;letter-spacing:-.02em;margin:0 0 16px}
.w2u-tutorial-hub p{font-size:17px;line-height:1.8;margin:0 0 20px}
.w2u-tutorial-hub p.w2u-eyebrow{font:600 12px/1.5 'Open Sans',sans-serif;letter-spacing:.12em;text-transform:uppercase;margin-bottom:16px}
.w2u-tutorial-hub .w2u-tutorial-coming{display:grid;grid-template-columns:200px minmax(0,1fr);gap:36px;padding:28px 0;border-top:1px solid #dedfe2;border-bottom:1px solid #dedfe2;margin-bottom:72px}
.w2u-tutorial-hub .w2u-tutorial-coming h2{font-size:25px;margin-bottom:10px}.w2u-tutorial-hub .w2u-tutorial-coming p{font-size:16px;margin:0}
.w2u-tutorial-hub #kursreihen{scroll-margin-top:120px}
.w2u-tutorial-hub .w2u-tutorial-lead{max-width:760px;margin-bottom:32px}
.w2u-tutorial-hub .w2u-tutorial-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}
.w2u-tutorial-hub .w2u-tutorial-course{display:flex;flex-direction:column;background:#fbf8f0;padding:32px;border:0;border-radius:0;box-shadow:none}
.w2u-tutorial-hub p.w2u-tutorial-meta{font-size:13px;font-weight:600;color:#626875;margin:0 0 16px;line-height:1.6}
.w2u-tutorial-hub .w2u-tutorial-course>p:not(.w2u-tutorial-meta){font-size:16px}
.w2u-tutorial-hub .w2u-tutorial-link{margin-top:auto;font-weight:600}
.w2u-tutorial-hub a:not(.btn){color:#323848;text-decoration:underline;text-decoration-color:#e09b25;text-decoration-thickness:2px;text-underline-offset:3px}
.w2u-tutorial-hub a:not(.btn):hover{text-decoration-color:#323848}
.w2u-tutorial-hub a:focus-visible{outline:3px solid #323848;outline-offset:5px}
.w2u-tutorial-hub .w2u-tutorial-archive-title{margin:44px 0 24px;font-size:25px}
.w2u-tutorial-hub .w2u-tutorial-archive{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 48px}
.w2u-tutorial-hub .w2u-tutorial-archive>div{border-top:1px solid #dedfe2;padding:24px 0}
.w2u-tutorial-hub .w2u-tutorial-archive p{margin-bottom:10px}
.w2u-tutorial-hub h4{font:600 22px/1.4 'Instrument Sans',sans-serif;margin:0}
.w2u-tutorial-hub .w2u-tutorial-topics{margin:20px 0 0;font-size:16px}
.w2u-tutorial-hub .w2u-tutorial-help{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:70px;margin-top:72px;padding-top:48px;border-top:1px solid #dedfe2}
.w2u-tutorial-hub .w2u-tutorial-help h2{font-size:30px}
.w2u-tutorial-hub p.w2u-tutorial-support{font-size:15px;margin:24px 0 0}
@media(max-width:767px){.w2u-tutorial-hub .w2u-section-intro,.w2u-tutorial-hub .w2u-tutorial-grid,.w2u-tutorial-hub .w2u-tutorial-archive,.w2u-tutorial-hub .w2u-tutorial-help,.w2u-tutorial-hub .w2u-tutorial-coming{grid-template-columns:1fr;gap:24px}.w2u-tutorial-hub .w2u-page-illustration{max-width:380px;margin:0 auto}.w2u-tutorial-hub .w2u-tutorial-coming{margin-bottom:48px}.w2u-tutorial-hub .w2u-tutorial-course{padding:26px}.w2u-tutorial-hub .w2u-tutorial-help{margin-top:48px;padding-top:32px}.w2u-tutorial-hub .w2u-tutorial-archive{gap:0}.w2u-tutorial-hub .w2u-section-intro{margin-bottom:40px}}

body #sp-component .w2u-tutorial-hub a.btn::after{content:none!important;display:none!important}

/* Startseite: hierarchy, compact support and native latest-article feeds. */
body.itemid-101 #sp-page-builder .w2u-section{padding:80px 0;
  --w2u-section-padding: 80px 0;
}
body.itemid-101 #sp-page-builder .w2u-hero{padding:100px 0 110px;
  --w2u-section-padding: 100px 0 110px;
}
body.itemid-101 #sp-page-builder .w2u-home-maintenance{background:#fbf8f0}
body.itemid-101 #sp-page-builder .w2u-home-maintenance h2{font-size:clamp(32px,3.5vw,46px);line-height:1.15}
body.itemid-101 #sp-page-builder .w2u-home-support{padding:58px 0;border-bottom:1px solid #e3e5e8;
  --w2u-section-padding: 58px 0;
}
body.itemid-101 #sp-page-builder .w2u-home-support h2{font-size:clamp(26px,2.8vw,34px);line-height:1.2;margin-bottom:22px}
body.itemid-101 #sp-page-builder .w2u-home-support p{font-size:17px;line-height:1.8}
body.itemid-101 #sp-page-builder .w2u-home-learning{padding:90px 0;
  --w2u-section-padding: 90px 0;
}
body.itemid-101 #sp-page-builder .w2u-home-process{background:#fbf8f0}
body.itemid-101 #sp-page-builder .w2u-home-process .sppb-row{align-items:flex-start}
body.itemid-101 #sp-page-builder .w2u-home-process h2{font-size:clamp(34px,4vw,50px);line-height:1.13}
body.itemid-101 #sp-page-builder .w2u-home-process h3{font-size:23px;line-height:1.35;margin:0 0 12px}
body.itemid-101 #sp-page-builder .w2u-home-process .sppb-addon-text-block:not(.w2u-eyebrow){margin-bottom:28px}
body.itemid-101 #sp-page-builder .w2u-proof{padding:70px 0;border:0;
  --w2u-section-padding: 70px 0;
}
body.itemid-101 #sp-page-builder .w2u-proof h2{font-size:34px}
body.itemid-101 #sp-page-builder .w2u-home-latest{border-top:1px solid #e3e5e8;border-bottom:1px solid #e3e5e8;padding:64px 0;
  --w2u-section-padding: 64px 0;
}
body.itemid-101 #sp-page-builder .w2u-home-latest>.sppb-row-container>.sppb-row{align-items:flex-start}
body.itemid-101 #sp-page-builder .w2u-home-latest h2{font-size:clamp(28px,3vw,36px);line-height:1.25;margin-bottom:28px}
body.itemid-101 #sp-page-builder .w2u-home-latest .sppb-addon-article{padding:22px 0;margin:0;border:0;border-top:1px solid #e3e5e8;border-radius:0;box-shadow:none;background:none}
body.itemid-101 #sp-page-builder .w2u-home-latest .sppb-article-info-wrap{padding:0;display:flex;flex-direction:column}
body.itemid-101 #sp-page-builder .w2u-home-latest .sppb-article-info-wrap h3{font:600 22px/1.35 'Instrument Sans',sans-serif;margin:0 0 12px;letter-spacing:-.01em}
body.itemid-101 #sp-page-builder .w2u-home-latest h3 a{color:#323848;text-decoration:none}
body.itemid-101 #sp-page-builder .w2u-home-latest h3 a:hover{text-decoration:underline;text-decoration-color:#e09b25;text-underline-offset:3px}
body.itemid-101 #sp-page-builder .w2u-home-latest .sppb-article-meta{font-size:12px;line-height:1.7;color:#626875;margin:0;display:flex;flex-wrap:wrap;gap:8px}
body.itemid-101 #sp-page-builder .w2u-home-latest .sppb-article-meta>span{margin:0}
body.itemid-101 #sp-page-builder .w2u-home-latest .sppb-article-meta a{color:#626875}
body.itemid-101 #sp-page-builder .w2u-home-latest .tags{display:flex;flex-wrap:wrap;gap:6px;margin:0!important;padding:0;list-style:none}
body.itemid-101 #sp-page-builder .w2u-home-latest .tags li{margin:0}
body.itemid-101 #sp-page-builder .w2u-home-latest .tags a{display:inline-block;padding:2px 7px;background:#fbf1df;color:#323848;font-size:12px;text-decoration:none}
body.itemid-101 #sp-page-builder .w2u-latest-news .sppb-meta-category{display:none}
body.itemid-101 #sp-page-builder .w2u-home-latest .addon-root-articles{margin-bottom:22px}
body.itemid-101 #sp-page-builder .w2u-home-more{padding:48px 0;
  --w2u-section-padding: 48px 0;
}
body.itemid-101 #sp-page-builder .w2u-home-more h2{font-size:30px;line-height:1.2}
body.itemid-101 #sp-page-builder .w2u-home-more p{font-size:16px;line-height:1.8}
body.itemid-101 #sp-page-builder .w2u-eyebrow p{font-size:12px}
@media(max-width:767px){body.itemid-101 #sp-page-builder .w2u-section{padding:48px 0;
  --w2u-section-padding: 48px 0;
}body.itemid-101 #sp-page-builder .w2u-hero{padding:56px 0 64px;
  --w2u-section-padding: 56px 0 64px;
}body.itemid-101 #sp-page-builder .w2u-home-latest>.sppb-row-container>.sppb-row{row-gap:42px}body.itemid-101 #sp-page-builder .w2u-home-process .sppb-row{row-gap:28px}}

/* Joomla-Betreuung: native Pagebuilder page 2, isolated layout refinements. */
body.itemid-114 #sp-page-builder.page-2 .w2u-section{padding:76px 0;
  --w2u-section-padding: 76px 0;
}
body.itemid-114 #sp-page-builder.page-2 .sppb-row{align-items:flex-start}
body.itemid-114 #sp-page-builder.page-2 .w2u-section:first-child .sppb-row{align-items:center}
body.itemid-114 #sp-page-builder.page-2 h1{font-size:clamp(38px,4.3vw,56px);line-height:1.13;letter-spacing:-.035em}
body.itemid-114 #sp-page-builder.page-2 h2{font-size:clamp(28px,3vw,38px);line-height:1.18;letter-spacing:-.025em;margin-bottom:24px}
body.itemid-114 #sp-page-builder.page-2 .w2u-lead p{font-size:20px;line-height:1.7}
body.itemid-114 #sp-page-builder.page-2 .w2u-section-soft{background:#fbf8f0}
body.itemid-114 #sp-page-builder.page-2 .sppb-addon-text-block:not(.w2u-eyebrow){margin-bottom:22px}
body.itemid-114 #sp-page-builder.page-2 .w2u-contact h2{font-size:clamp(34px,4vw,50px)}
@media(max-width:767px){body.itemid-114 #sp-page-builder.page-2 .w2u-section{padding:48px 0;
  --w2u-section-padding: 48px 0;
}body.itemid-114 #sp-page-builder.page-2 .sppb-row{row-gap:36px}body.itemid-114 #sp-page-builder.page-2 .w2u-lead p{font-size:18px}}


/* Frontendeditor: SP Page Builder 6 uses .sppb-container-inner instead
   of the public .sppb-row-container. Match every content section,
   including hero rows without a w2u-section class; leave controls alone. */
body.layout-edit-iframe #sp-page-builder .sppb-section > .sppb-container-inner {
  box-sizing: border-box;
  width: calc(100% - 2 * var(--w2u-gutter));
  max-width: var(--w2u-width);
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
}

/* Frontendeditor: its generated inline padding:0 must not hide the
   section spacing defined above. Reuse the same responsive values. */
body.layout-edit-iframe #sp-page-builder .sppb-section:is(.w2u-section,.w2u-hero,.w2u-quote,.w2u-contact,.w2u-service,.w2u-home-support,.w2u-home-learning,.w2u-proof,.w2u-home-latest,.w2u-home-more) {
  padding: var(--w2u-section-padding) !important;
}

/* web2use · Gestaltungsabgleich und native Inhaltsseiten · 20.10.2026 */
body.com-sppagebuilder:is(.itemid-131,.itemid-136,.itemid-137) #sp-main-body{padding:0}
body.com-sppagebuilder:not(.itemid-101) #sp-component #sp-page-builder h1:not(.w2u-legal h1){font-size:clamp(38px,4.5vw,60px);line-height:1.1;letter-spacing:-.035em}
body.com-sppagebuilder:not(.itemid-101) #sp-component #sp-page-builder h2:not(.w2u-legal h2){font-size:clamp(28px,3vw,38px);line-height:1.2;letter-spacing:-.025em}
#sp-page-builder .w2u-standard{padding:64px 0;--w2u-section-padding:64px 0}
#sp-page-builder .w2u-page-intro{padding:76px 0 64px;--w2u-section-padding:76px 0 64px}
#sp-page-builder .w2u-page-intro>.sppb-row-container>.sppb-row{align-items:center}
#sp-page-builder .w2u-page-intro .w2u-illustration img{display:block;width:100%;max-width:480px;height:auto;margin:auto}
#sp-page-builder .w2u-standard h2{font-size:clamp(28px,3vw,38px);line-height:1.2;letter-spacing:-.025em;margin:0 0 24px}
#sp-page-builder .w2u-standard h3{font-size:clamp(25px,2.6vw,32px);line-height:1.25;margin:0 0 20px}
#sp-page-builder .w2u-standard .sppb-addon-text-block{font-size:17px;line-height:1.85}
#sp-page-builder .w2u-standard .w2u-lead,#sp-page-builder .w2u-standard .w2u-lead p{font-size:20px;line-height:1.75}
#sp-page-builder .w2u-standard .w2u-eyebrow,#sp-page-builder .w2u-standard .w2u-eyebrow p{font-size:13px;line-height:1.6;letter-spacing:.09em}
#sp-page-builder .w2u-reading{padding:32px 0;--w2u-section-padding:32px 0}
#sp-page-builder .w2u-reading>.sppb-row-container,#sp-page-builder .w2u-reading>.sppb-container-inner{max-width:850px}
#sp-page-builder .w2u-section-heading{padding:32px 0 0;--w2u-section-padding:32px 0 0}
#sp-page-builder .w2u-paths-row{padding:24px 0;--w2u-section-padding:24px 0}
#sp-page-builder .w2u-paths-row .sppb-column{border-top:2px solid #e09b25;padding-top:24px}
#sp-page-builder .w2u-standard.w2u-contact{margin-top:48px}
#sp-page-builder .w2u-standard.w2u-contact .sppb-addon-text-block{max-width:780px}
#sp-page-builder .w2u-standard .sppb-addon-text-block a:not(.sppb-btn){text-decoration:underline;text-decoration-color:#e09b25;text-underline-offset:4px;overflow-wrap:anywhere}
#sp-bottom .sppb-btn-primary:hover,#sp-bottom .sppb-btn-primary:focus-visible{border-color:#fff!important}
/* Joomla reference articles keep their title, image, custom fields and teaser. */
body.w2u-references .article-details:has(.w2u-reference-builder){max-width:900px}
body.w2u-references .article-details #sp-page-builder .w2u-reference-builder>.sppb-row-container{width:100%;max-width:none}
body.w2u-references .article-details #sp-page-builder .w2u-reference-builder.w2u-contact{padding:32px;margin-top:24px}
body.w2u-references .article-details #sp-page-builder .w2u-reference-builder .sppb-btn{text-decoration:none}
body.w2u-references .article-details:has(.w2u-reference-builder) .article-header h1{font-size:clamp(38px,4.5vw,60px);line-height:1.1;overflow-wrap:anywhere}
@media(max-width:991px){
 #sp-header .container-inner>.row{flex-wrap:nowrap;align-items:center}
 #sp-header #sp-logo{flex:1 1 auto;min-width:0;width:auto}
 #sp-header #sp-logo .logo a{display:block;max-width:100%}
 #sp-header #sp-logo .logo img{max-width:100%;height:auto;max-height:30px}
 #sp-header #sp-menu{flex:0 0 44px;width:44px;padding:0}
 #sp-header #offcanvas-toggler{height:72px;line-height:72px;margin:0;justify-content:center}
}
@media(max-width:767px){
 #sp-component :is(h1,h2,h3){overflow-wrap:anywhere;hyphens:auto}
 #sp-page-builder .w2u-standard{padding:40px 0;--w2u-section-padding:40px 0}
 #sp-page-builder .w2u-page-intro{padding:48px 0 32px;--w2u-section-padding:48px 0 32px}
 #sp-page-builder .w2u-reading{padding:24px 0;--w2u-section-padding:24px 0}
 #sp-page-builder .w2u-section-heading{padding:24px 0 0;--w2u-section-padding:24px 0 0}
 #sp-page-builder .w2u-paths-row{padding:16px 0;--w2u-section-padding:16px 0}
 #sp-page-builder .w2u-standard .w2u-lead,#sp-page-builder .w2u-standard .w2u-lead p{font-size:19px}
 #sp-page-builder .w2u-standard.w2u-contact{margin-top:24px}
 #sp-page-builder .w2u-standard .sppb-btn{white-space:normal;text-align:left}
}


/* web2use: Beitragstitel in Listen – bestehende Textlink-Akzentfarbe */
body #sp-component .article-list .article .article-header :is(h1, h2, h4) a:is(:hover, :active, :focus) {
  color: #83540b;
}


/* web2use 404 – native Builder module on the Helix error page */
html.error-page:has(body.w2u-custom404){height:auto;min-height:100%}
html.error-page body.w2u-custom404{display:block;height:auto;min-height:100vh;padding:0;text-align:left;background:#fff;color:#323848;font:400 17px/1.75 'Open Sans',sans-serif}
html.error-page body.w2u-custom404>.container{width:calc(100% - 96px);max-width:1180px;padding:0;margin:0 auto}
.w2u-custom404 .sp-module,.w2u-custom404 .sp-module-content{margin:0;padding:0}
.w2u-custom404 .w2u-404.sppb-section{padding:0;margin:0;background:transparent}
.w2u-custom404 .w2u-404>.sppb-row-container{width:100%;max-width:none;padding:0}
.w2u-custom404 .w2u-404 .sppb-addon-wrapper{margin-bottom:0}
.w2u-custom404 .w2u-404 h1,.w2u-custom404 .w2u-404 h2,.w2u-custom404 .w2u-404 h3{font-family:'Instrument Sans',sans-serif;font-weight:600;color:#323848;letter-spacing:-.025em}
.w2u-custom404 .w2u-404-brand.sppb-section{padding:24px 0;border:0;background:#323848;box-shadow:0 0 0 100vmax #323848;clip-path:inset(0 -100vmax)}
.w2u-custom404 .w2u-404-logo img{width:190px;height:auto}
.w2u-custom404 .w2u-404-hero.sppb-section{padding:58px 0 52px}
.w2u-custom404 .w2u-404-hero>.sppb-row-container>.sppb-row{align-items:center}
.w2u-custom404 .w2u-404 h1{font-size:clamp(40px,4.6vw,62px);line-height:1.08;margin:16px 0 22px}
.w2u-custom404 .w2u-404 p{margin:0 0 20px}
.w2u-custom404 .w2u-404-eyebrow p{margin:0;color:#83540b;font:600 13px/1.5 'Open Sans',sans-serif;letter-spacing:.1em;text-transform:uppercase}
.w2u-custom404 .w2u-404-lead p{font-size:21px;line-height:1.55}
.w2u-custom404 .w2u-404-tip p{font-size:14px;line-height:1.7;color:#626875;max-width:410px;margin:18px 0 0}
.w2u-custom404 .w2u-404-picture img{width:100%;height:auto}
.w2u-custom404 .w2u-404-path-title h2{font-size:29px;line-height:1.25;margin:0 0 28px}
.w2u-custom404 .w2u-404-paths .sppb-column{border-top:3px solid #e09b25;padding-top:20px}
.w2u-custom404 .w2u-404-paths h3{font-size:23px;line-height:1.35;margin:0 0 10px}
.w2u-custom404 .w2u-404-paths h3 a{display:inline-block;padding:3px 0;color:#323848;text-decoration:none}
.w2u-custom404 .w2u-404-paths h3 a:hover{text-decoration:underline;text-underline-offset:5px}
.w2u-custom404 .w2u-404-paths h3 span{color:#83540b;font-size:20px}
.w2u-custom404 .w2u-404-paths p{font-size:16px;line-height:1.7;max-width:330px;margin:0}
.w2u-custom404 .w2u-404-help.sppb-section{padding:26px 30px;margin:44px 0 36px;background:#fbf8f0;border-radius:8px}
.w2u-custom404 .w2u-404-help p{font-size:15px;line-height:1.8;margin:0}
.w2u-custom404 .w2u-404-help a{color:#323848;text-decoration:underline;text-decoration-color:#e09b25;text-underline-offset:4px}
@media(max-width:767px){
html.error-page body.w2u-custom404>.container{width:calc(100% - 40px)}
.w2u-custom404 .w2u-404-brand.sppb-section{padding:22px 0}
.w2u-custom404 .w2u-404-logo img{width:160px}
.w2u-custom404 .w2u-404-hero.sppb-section{padding:34px 0}
.w2u-custom404 .w2u-404 h1{font-size:clamp(36px,9.8vw,49px);line-height:1.1}
.w2u-custom404 .w2u-404-lead p{font-size:19px}
.w2u-custom404 .w2u-404-picture{max-width:480px;margin:30px auto 0}
.w2u-custom404 .w2u-404-path-title h2{font-size:26px;margin-bottom:24px}
.w2u-custom404 .w2u-404-paths .sppb-row-column+.sppb-row-column{margin-top:26px}
.w2u-custom404 .w2u-404-help.sppb-section{padding:22px;margin:32px 0}
}

/* web2use · Header-Suche und gemeinsamer 404-Header · 20.10.2026 */
#sp-header .w2u-header-search{margin:0 0 0 16px;padding:0;flex:0 0 44px;width:44px}
#sp-header .w2u-header-search .sp-module-content{margin:0;padding:0}
.w2u-search{position:relative;line-height:1.5;text-align:left}
#sp-header .w2u-search-toggle{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:transparent;color:#fff;box-shadow:none;cursor:pointer}
#sp-header .w2u-search-toggle:hover,#sp-header .w2u-search-toggle[aria-expanded="true"]{color:#e09b25;background:rgba(255,255,255,.08)}
#sp-header .w2u-search-toggle:focus-visible{outline:2px solid #e09b25;outline-offset:3px}
#sp-header .w2u-search [hidden]{display:none!important}
.w2u-search-panel{position:absolute;z-index:1100;right:0;top:100%;width:370px;max-width:calc(100vw - 40px);padding:22px;background:#fff;border:1px solid #e4e6eb;border-top:3px solid #e09b25;border-radius:4px;box-shadow:0 12px 32px rgba(20,25,40,.18);color:#323848}
.w2u-search-panel form{margin:0}
.w2u-search-panel label{display:block;margin:0 0 10px;font:600 17px/1.5 'Instrument Sans',sans-serif;color:#323848}
.w2u-search-fields{display:flex;gap:8px;align-items:stretch}
#sp-header .w2u-search-fields input{min-width:0;width:100%;height:44px;padding:8px 10px;border:1px solid #8d929c;border-radius:3px;background:#fff;color:#323848;font:400 16px/1.4 'Open Sans',sans-serif}
#sp-header .w2u-search-submit{padding:8px 13px;min-height:44px;border:0;border-radius:3px;background:#e09b25;color:#242a36;font:600 16px/1.4 'Instrument Sans',sans-serif;cursor:pointer}
#sp-header .w2u-search-fields input:focus-visible,#sp-header .w2u-search-submit:focus-visible{outline:2px solid #83540b;outline-offset:2px}
html.error-page body.w2u-custom404{display:block}
.w2u-custom404 .w2u-404-brand.sppb-section{display:none}
html.error-page body.w2u-custom404 .w2u-error-container{width:calc(100% - 96px);max-width:1180px;padding:0;margin:0 auto}
@media(max-width:991px){
 #sp-header #sp-menu{flex:0 0 100px;width:100px;padding:0}
 #sp-header .w2u-header-search{margin:0 8px 0 0}
 #sp-header .w2u-search-panel{position:fixed;top:72px;right:20px;width:calc(100% - 40px);max-width:370px}
}
@media(max-width:767px){html.error-page body.w2u-custom404 .w2u-error-container{width:calc(100% - 40px)}}

/* Native Joomla-Suchergebnisse im web2use-Design. */
.com-finder>h1{margin:0 0 36px}
.com-finder .input-group{display:flex;gap:10px;align-items:stretch;flex-wrap:wrap}
.com-finder .input-group>.awesomplete{flex:1 1 240px;min-width:0}
.com-finder .input-group input{width:100%;height:54px;padding:12px 14px;border:1px solid #8d929c;border-radius:3px;font:400 17px/1.5 'Open Sans',sans-serif;color:#323848;background:#fff}
.com-finder .input-group>.btn{margin:0;border-radius:3px}
.com-finder .form-inline>label{display:block;margin-bottom:10px}
.com-finder__explained{margin:32px 0}
.com-finder #search-result-list{padding:0;list-style:none}
.com-finder .result__item{padding:28px 0;border-top:1px solid #e3e5e8}
.com-finder .result__title{margin:0 0 14px}
.com-finder .result__title-link{display:flex;flex-direction:column;gap:5px}
.com-finder .result__title-text{order:0;font:600 28px/1.2 'Instrument Sans',sans-serif}
.com-finder .result__title-url{order:1;overflow-wrap:anywhere;font:400 13px/1.5 'Open Sans',sans-serif;color:#626875}
.com-finder .result__description{margin-bottom:12px}
.com-finder .result__taxonomy{font-size:13px;color:#626875}
.com-finder mark{background:#f7dba8;color:#323848}

/* Relaunch 20.10.2026: ganze Woerter im mobilen Startseiten-Hero */
@media (max-width: 767px){
 body.itemid-101 #sp-component .w2u-hero h1{hyphens:none;overflow-wrap:normal;word-break:normal;font-size:clamp(34px,8.7vw,44px);line-height:1.12}
}