:is(.cms-template-silatportal,.cms-template-silatstart){--silat-ink:#2b2520;--silat-forest:#211b18;--silat-paper:#f6f3ea;--silat-gold:#daa83e;background:var(--silat-paper);color:var(--silat-ink);font-family:"Helvetica Neue",Arial,sans-serif}
.silat-shell{min-height:100vh}.silat-shell main a{color:#8e3028}.silat-shell :is(a,button,input,select,textarea):focus-visible{outline:3px solid #b08645;outline-offset:4px}
.silat-shell .top-bar,.silat-shell .top-bar ul{background:#211b18}.silat-shell .cms-top-bar{padding:.8rem clamp(1rem,4vw,5rem);border-bottom:1px solid #ffffff16;box-shadow:none}.silat-shell .top-bar a,.silat-shell .top-bar button{color:#f6f3ea}.silat-shell .top-bar a:hover,.silat-shell .top-bar a:focus{background:#3d2922}.silat-shell .cms-brand{letter-spacing:.13em;font-size:1.15rem;font-weight:700;text-transform:uppercase}.silat-shell .top-bar .is-active>a{background:#783028;color:#fff}.silat-shell .menu-icon::after{background:#eee5d2;box-shadow:0 7px 0 #eee5d2,0 14px 0 #eee5d2}
.silat-hero{position:relative;isolation:isolate;min-height:690px;overflow:hidden;background:#201913;color:#fff;padding:clamp(3rem,6vw,6.5rem) max(6vw,1.5rem)}.silat-hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-3}.silat-hero::before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#201913fa 0%,#201913cc 28%,#20191326 64%,#20191315),linear-gradient(0deg,#20191385,transparent 35%)}
.silat-eyebrow{font-size:.72rem;font-weight:700;letter-spacing:.19em;line-height:1.8;margin:0 0 1.7rem}.silat-hero .silat-eyebrow{color:#efd093}.silat-hero h1{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:clamp(3.6rem,6.5vw,6.8rem);line-height:1.03;letter-spacing:-.05em;margin:0 0 1.6rem}.silat-hero h1 em{font-weight:400;color:#efd093}.silat-lead{font-size:1.02rem;line-height:1.8;color:#e4e5dc}.silat-actions{display:flex;align-items:center;gap:1.7rem;flex-wrap:wrap;margin-top:2rem}.silat-shell .button.silat-primary{background:#e5b953;color:#281b11;padding:1.15rem 1.5rem;font-weight:600;border-radius:2px;box-shadow:none;margin:0}.silat-shell .button.silat-primary:hover{background:#f0d08b}.silat-primary span{margin-left:1.8rem}.silat-shell .silat-text-link{display:inline-flex;align-items:center;gap:1.8rem;font-size:.88rem;border-bottom:1px solid #8b6c51;padding:.55rem 0;text-decoration:none}.silat-hero .silat-text-link{color:#f5efdf;border-color:#aaa98b}.silat-hero-caption{position:absolute;right:6vw;bottom:2.5rem;text-align:right}.silat-hero-caption span{font-size:.62rem;letter-spacing:.17em;color:#d8cba8}.silat-hero-caption p{font-size:.8rem;margin:.4rem 0 0;color:#f2eedd}
.silat-values{display:flex;justify-content:space-between;gap:1.5rem;padding:1.3rem 6vw;background:#eee5d6;border-bottom:1px solid #ddd0bc;color:#59493a;font-size:.73rem;letter-spacing:.05em}.silat-values span::before{content:"✦";margin-right:1rem;color:#8a7249}
.silat-section{margin:0 auto;max-width:1320px;padding:5rem 6vw}.silat-intro{display:grid;grid-template-columns:1fr 1.25fr;gap:5rem;padding-top:6rem;padding-bottom:2rem}.silat-section h2{font-family:Georgia,"Times New Roman",serif;font-size:clamp(2.6rem,4vw,4.2rem);font-weight:400;letter-spacing:-.045em;line-height:1.1;margin-bottom:1.5rem}.silat-section .silat-eyebrow{color:#8a613b;font-size:.66rem;margin-bottom:1.2rem}.silat-intro-lead{font-size:1.3rem;line-height:1.65}.silat-intro p:not(.silat-eyebrow){color:#5c4d40}.silat-principles{display:grid;grid-template-columns:repeat(3,1fr);gap:2.5rem;padding-top:2.5rem;padding-bottom:5rem}.silat-principles article{border-top:1px solid #d4c5b0;padding-top:1.5rem}.silat-number{font:italic 1.7rem Georgia,serif;color:#8c7753}.silat-principles h3{font-size:1.12rem;letter-spacing:-.02em;margin:1.2rem 0 .8rem;font-weight:600}.silat-principles p{font-size:.92rem;line-height:1.8;color:#6c5e50}
.silat-students{background:#2a201b;color:#eeeada;display:grid;grid-template-columns:1fr 1fr;gap:5rem;max-width:1200px;padding:4rem 4.5rem;margin:0 auto 3rem;position:relative;overflow:hidden}.silat-students::after{content:"";position:absolute;right:-13rem;top:-18rem;width:37rem;height:37rem;border:1px solid #c5965520;border-radius:50%;pointer-events:none;box-shadow:0 0 0 4rem #c5965509,0 0 0 8rem #c5965508}.silat-students .silat-eyebrow{color:#c7b58a}.silat-students-title>p:not(.silat-eyebrow){color:#d7c9b6;line-height:1.8;margin-bottom:1.8rem}.silat-shell .silat-register{display:block;color:#e5d5bd;font-size:.78rem;margin-top:1.2rem;text-decoration:underline;text-underline-offset:4px}.silat-student-features article{display:flex;gap:1.5rem;padding:1.4rem 0;border-bottom:1px solid #ffffff22}.silat-student-features article>span{color:#e8b950;font-size:2rem;width:2.5rem;flex-shrink:0}.silat-student-features h3{font-size:1.1rem;margin:0 0 .6rem;font-weight:500}.silat-student-features p{color:#d0bda6;font-size:.84rem;margin:0;line-height:1.6}.silat-student-features .silat-access-note{font-size:.73rem;margin-top:1.5rem}
.silat-content{padding:3rem max(1rem,3vw) 4rem;min-height:55vh}.silat-start-content{min-height:0;padding:0 1rem 2rem}.silat-content h1,.silat-content h2{letter-spacing:-.03em}.silat-content>.grid-container{max-width:1200px}.silat-content .callout{border-color:#d9ccba;border-radius:3px}.silat-content .callout.primary{background:#f4e9d8}.silat-content .button:not(.secondary):not(.success):not(.warning):not(.alert):not(.clear):not(.hollow):not(.silat-primary){background:#922f25;color:#fff}.silat-content .button{border-radius:2px}.silat-content input,.silat-content select,.silat-content textarea{border-radius:2px}.silat-content .cms-video-card{background:#fffdf8}.silat-legal{max-width:850px;margin:0 auto}.silat-legal h1{font:400 clamp(2rem,5vw,3.5rem) Georgia,serif}.silat-legal h2{font-size:1.4rem;margin-top:2.2rem}.silat-legal p,.silat-legal li{line-height:1.8}
@media(min-width:1600px){.silat-hero{min-height:800px}.silat-hero-image{object-position:center 42%}}
@media(max-width:900px){.silat-hero{min-height:670px}.silat-hero-image{object-position:62% center}.silat-intro{gap:2rem}.silat-students{gap:2.5rem;margin:0 1.5rem 2rem;padding:3rem 2rem}.silat-values{font-size:.65rem;padding:1.2rem 1.5rem}.silat-values span::before{margin-right:.5rem}.silat-principles{gap:1.5rem}.silat-hero-caption{display:none}}
@media(max-width:639px){.silat-hero{min-height:690px;padding:3rem 1.4rem 2.5rem}.silat-hero-image{object-position:65% center;opacity:.6}.silat-hero::before{background:linear-gradient(90deg,#201913de,#20191344),linear-gradient(0deg,#201913ce,transparent 75%)}.silat-hero .silat-eyebrow{font-size:.57rem;letter-spacing:.13em}.silat-hero h1{font-size:4rem}.silat-lead{font-size:.95rem}.silat-actions{gap:1rem;align-items:flex-start;flex-direction:column}.silat-values{flex-direction:column;gap:.7rem;padding:1.3rem 1.5rem}.silat-intro{grid-template-columns:1fr;gap:.5rem;padding-top:3.5rem}.silat-intro h2 br{display:none}.silat-intro-lead{font-size:1.12rem}.silat-principles{grid-template-columns:1fr;padding-top:1rem;padding-bottom:2.5rem;gap:1.2rem}.silat-principles h3{margin:.6rem 0}.silat-students{grid-template-columns:1fr;gap:1rem;margin:0 1rem 2rem;padding:2.2rem 1.5rem}.silat-students h2{font-size:2.7rem}.silat-content{padding:2rem .5rem}.silat-start-content{padding:0 .5rem}.silat-shell .cms-top-bar{padding:.7rem 1rem}}
@media(prefers-reduced-motion:reduce){.silat-shell *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* Club identity; background assets use the CMS template/size mechanism. */
body.cms-body:is(.cms-template-silatportal,.cms-template-silatstart) {
    background-color: #211b18;
}
.silat-shell {
    display: flex;
    flex-direction: column;
}
.silat-shell > .silat-content {
    flex: 1;
}
.silat-shell .cms-brand {
    gap: .8rem;
    position: relative;
    min-height: 32px;
    padding-left: calc(88px + .8rem);
    overflow: visible;
    vertical-align: top;
}
.silat-shell .cms-top-bar-title {align-self:stretch;min-height:32px}
@media(min-width:640px) {
    .silat-shell .cms-top-bar-title {display:flex;align-items:stretch}
}
.silat-shell .cms-brand-mobile {display:none}
.silat-shell span.cms-brand-desktop {display:none}
@media(min-width:1024px) {
    .silat-shell span.cms-brand-desktop {display:inline-block}
}
.silat-shell .cms-top-bar {
    height: auto;
    padding-top: .5rem;
    padding-bottom: .5rem;
    overflow: visible;
}
.silat-shell .cms-brand::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    /* Compensate the PNG's 25px transparent top margin at 88px display size. */
    top: -11px;
    width: 88px;
    height: 88px;
    background: transparent url("SilatPortal/verein-logo.png") center / contain no-repeat;
}
.silat-shell .top-bar .menu > li.is-active > a {
    color: #f4cd79;
    box-shadow: inset 0 -2px #c74732;
}
.silat-shell .cms-top-bar .menu-icon.dark::after {
    background: #f4cd79;
    box-shadow: 0 7px #f4cd79, 0 14px #f4cd79;
}
.silat-shell .button:not(.hollow):not(.clear):not(.silat-primary):not(.success):not(.warning) {
    color: #fff;
}
.silat-content .button:not(.secondary):not(.success):not(.warning):not(.alert):not(.clear):not(.hollow):not(.silat-primary):is(:hover,:focus-visible) {
    background: #7d251e;
    color: #fff;
}
@media(max-width:639px) {
    body.cms-body:is(.cms-template-silatportal,.cms-template-silatstart) {
        background-position: left top;
    }
    .silat-shell .cms-brand {display:none}
    .silat-shell #responsive-menu {padding-top:0}
    .silat-shell #responsive-menu .menu > li:not(.is-active) > a {background-color:#211b18}
    .silat-shell #responsive-menu .menu > li > a:is(:hover,:focus-visible) {background-color:#3d2922}
    .silat-shell .cms-brand::before {display:none}
}

/* The page image remains visible around regular, fully editable CMS boxes. */
body.cms-template-silatstart .silat-start-content > .cms-main {
    background: transparent;
    box-shadow: none;
    min-height: 0;
    padding: 0;
}
.silat-shell > main {flex:1}
.silat-start-content {padding:2rem max(1rem,3vw) 4rem}
.silat-start-content > .cms-main {max-width:1320px}
.silat-start-content .cms-content-box {
    background: rgb(246 243 234 / 97%);
    border-radius: .4rem;
    padding: 1.5rem;
    color: var(--silat-ink);
}
.silat-start-content .cms-boundary-children .cms-content-box {background:transparent}
.silat-start-content .silat-intro {padding:2.5rem 2rem;gap:3rem}
.silat-start-content .silat-students {margin:0;max-width:none;padding:3rem 2rem;gap:3rem}
.silat-principle {padding:.5rem}
.silat-principle h3 {font-size:1.2rem;line-height:1.35;font-weight:600;margin:1.2rem 0 .8rem}
.silat-principle p {font-size:.95rem;line-height:1.8;color:#6c5e50}
@media(max-width:639px) {
    .silat-start-content {padding:1rem .75rem 2rem}
    .silat-start-content .cms-content-box {padding:1rem}
    .silat-start-content .silat-intro {padding:1.5rem .25rem;gap:1rem}
    .silat-start-content .silat-students {padding:2rem 1rem;gap:1rem}
}