/* Community Legacy Blue Theme 1.1
   Historisch von deutschen Social-Network-Oberflächen der späten 2000er inspiriert.
   Keine Logos oder Markenassets des historischen Dienstes werden verwendet. */

:root{
  --wkw-blue-0:#f3f8fb;
  --wkw-blue-1:#e4f0f7;
  --wkw-blue-2:#cfe4f0;
  --wkw-blue-3:#9bc7df;
  --wkw-blue-4:#6aa9cd;
  --wkw-blue-5:#4b92ba;
  --wkw-blue-6:#2f739c;
  --wkw-blue-7:#245d7d;
  --wkw-line:#b8ceda;
  --wkw-line-soft:#d8e4ea;
  --wkw-text:#202a30;
  --wkw-muted:#60737e;
  --wkw-link:#2d6f96;
  --wkw-white:#fff;
  --wkw-page:980px;
}

html{background:#dfeaf0!important}
body,body.member-area,body.public-area,body.cms-admin-theme{
  margin:0!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:13px!important;
  line-height:1.42!important;
  color:var(--wkw-text)!important;
  background:linear-gradient(#eef5f8 0,#dfeaf0 180px,#dfeaf0 100%) fixed!important;
}
body *{box-sizing:border-box}
a{color:var(--wkw-link)!important;text-decoration:none}
a:hover{text-decoration:underline!important;color:#1f5878!important}

/* --- Header / historical horizontal navigation --- */
.site-header,.site-header.member-header,.site-header.wkw-public-header{
  min-height:0!important;background:#d9ebf5!important;border:0!important;border-bottom:1px solid #8eb6cc!important;
  box-shadow:none!important;color:var(--wkw-text)!important;
}
.wrd-utility-bar{background:#edf6fa!important;border-bottom:1px solid #c6dae5!important;color:#5e7480!important;font-size:11px!important}
.wrd-header-shell,.header-inner,.wrd-nav-shell{width:min(var(--wkw-page),calc(100% - 20px))!important;max-width:var(--wkw-page)!important;margin:0 auto!important}
.wrd-utility-bar .wrd-header-shell{min-height:24px!important;padding:4px 7px!important;display:flex!important;justify-content:space-between!important;align-items:center!important}
.wrd-utility-bar nav{display:flex!important;gap:11px!important}
.wrd-utility-bar a{color:#4d6f82!important}
.header-inner{min-height:68px!important;padding:8px 7px!important;gap:18px!important;align-items:center!important}
.brand.wkw-brand{color:#4c8fb7!important;text-shadow:none!important;display:flex!important;align-items:center!important;gap:8px!important;font-size:23px!important;letter-spacing:-.6px!important}
.brand.wkw-brand:hover{text-decoration:none!important}
.wrd-brand-copy{display:flex!important;flex-direction:column!important;line-height:1!important}
.wrd-brand-copy strong{color:#4d92ba!important;font-size:24px!important;font-weight:700!important}
.wrd-brand-copy small{color:#7e9bab!important;font-size:10px!important;font-weight:400!important;letter-spacing:.02em!important;margin-top:5px!important}
.wrd-brand-mark{width:44px!important;height:36px!important;display:block!important;position:relative!important}
.wrd-brand-mark i{position:absolute!important;display:block!important;background:#65a6ca!important;border-radius:50%!important;border:2px solid #f7fbfd!important;box-shadow:0 0 0 1px #6ca9ca!important}
.wrd-brand-mark i:nth-child(1){width:13px!important;height:13px!important;left:3px!important;top:12px!important}
.wrd-brand-mark i:nth-child(2){width:11px!important;height:11px!important;left:17px!important;top:4px!important}
.wrd-brand-mark i:nth-child(3){width:14px!important;height:14px!important;left:27px!important;top:14px!important}
.wrd-brand-mark:before,.wrd-brand-mark:after{content:"";position:absolute;background:#65a6ca;height:3px;border-radius:3px;transform-origin:left center}
.wrd-brand-mark:before{width:24px;left:11px;top:17px;transform:rotate(-29deg)}
.wrd-brand-mark:after{width:20px;left:17px;top:18px;transform:rotate(26deg)}
.header-search{margin-left:auto!important;max-width:270px!important;border:1px solid #94b7ca!important;border-radius:1px!important;background:#fff!important;box-shadow:none!important}
.header-search input{height:27px!important;padding:4px 7px!important;border:0!important;border-radius:0!important;font-size:12px!important;background:#fff!important;color:#222!important}
.header-search button{height:27px!important;padding:0 10px!important;border-left:1px solid #b8cdd8!important;background:linear-gradient(#fff,#e8f1f5)!important;color:#3f6f88!important;font-size:11px!important;font-weight:bold!important}
.guest-nav{margin-left:auto!important;gap:6px!important}
.guest-nav a{padding:6px 9px!important;border:1px solid #a8c2d1!important;border-radius:1px!important;background:linear-gradient(#fff,#eaf3f7)!important;color:#3c6d87!important;font-size:12px!important}
.guest-nav .guest-register{background:linear-gradient(#77b5d7,#4d93bb)!important;border-color:#3e7fa4!important;color:#fff!important;text-shadow:0 1px #386f8d!important}
.wrd-nav-band{background:linear-gradient(#76b1d1,#5599bf)!important;border-top:1px solid #88bdd8!important;border-bottom:1px solid #3e7fa5!important;box-shadow:inset 0 1px rgba(255,255,255,.35)!important}
.wrd-nav-shell{min-height:29px!important;display:flex!important;justify-content:space-between!important;align-items:stretch!important;padding:0!important}
.main-nav,.wrd-account-nav{display:flex!important;align-items:stretch!important;gap:0!important;margin:0!important}
.main-nav>a,.wrd-account-nav>a,.nav-link-button,.notification-bell{
  display:flex!important;align-items:center!important;min-height:28px!important;padding:5px 9px!important;border:0!important;border-right:1px solid rgba(255,255,255,.25)!important;border-radius:0!important;background:transparent!important;color:#fff!important;font-size:11px!important;font-weight:bold!important;text-shadow:0 1px rgba(0,0,0,.2)!important;
}
.main-nav>a:first-child{border-left:1px solid rgba(255,255,255,.25)!important}
.main-nav>a:hover,.main-nav>a.active,.wrd-account-nav>a:hover,.nav-link-button:hover,.notification-bell:hover{background:#3f84aa!important;text-decoration:none!important;color:#fff!important}
.nav-profile-photo{width:20px!important;height:20px!important;border:1px solid #fff!important;border-radius:1px!important;margin-right:4px!important}
.notification-center{align-self:stretch!important;position:relative!important}
.notification-count{background:#b23a32!important;color:#fff!important;border-radius:8px!important;padding:0 4px!important;font-size:9px!important}
.notification-dropdown{top:30px!important;border:1px solid #91afbf!important;border-radius:1px!important;box-shadow:0 4px 12px #0002!important}

/* --- Main canvas --- */
.container,.member-container,.public-container,.wkw-public-container{
  width:min(var(--wkw-page),calc(100% - 20px))!important;max-width:var(--wkw-page)!important;margin:12px auto 24px!important;padding:0!important;min-height:520px!important;
}
.public-container.wkw-public-container{margin-top:12px!important}
.panel,.card,.auth-card,.notice-box,.search-panel,.form-panel,.profile-header-card,.community-preview,.preview-card{
  background:#fff!important;border:1px solid var(--wkw-line)!important;border-radius:1px!important;box-shadow:none!important;color:var(--wkw-text)!important;
}
.panel,.card{padding:11px!important;margin-bottom:10px!important}
.panel-title,.classic-module-head,.section-title h2,.cms-admin-card-title,.cms-admin-section-title{
  margin:-11px -11px 10px!important;padding:4px 7px!important;min-height:23px!important;border:0!important;border-bottom:1px solid #73a9c6!important;background:linear-gradient(#8fc0da,#67a6c8)!important;color:#fff!important;font-size:12px!important;line-height:1.25!important;font-weight:bold!important;text-shadow:0 1px #4f88a6!important;
}
.section-title{border:0!important;margin-bottom:10px!important;display:block!important}
.section-title h2{margin:0 0 10px!important}
.page-head,.admin-page-head{margin:0 0 8px!important;align-items:center!important}
.page-head h1,.admin-page-head h1,.profile-identity h1,.auth-card h1{margin:0!important;color:#28343a!important;font-size:20px!important;line-height:1.2!important;font-weight:700!important}
.page-head.compact h1{font-size:19px!important}
.muted,.meta,.small-note,.profile-identity p{color:var(--wkw-muted)!important}
.btn{padding:5px 9px!important;border:1px solid #9eb9c7!important;background:linear-gradient(#fff,#e8f1f5)!important;color:#356b88!important;font-size:12px!important}
.btn.primary,.wrd-login-button,.landing-register-button{background:linear-gradient(#70afd2,#4b91b9)!important;border-color:#3d7da1!important;color:#fff!important;text-shadow:0 1px #39728f!important}
.btn.secondary,.btn.ghost{background:linear-gradient(#fff,#edf3f6)!important;color:#3e697f!important}
.btn.danger{background:linear-gradient(#d86d67,#b64a43)!important;border-color:#9d3d38!important;color:#fff!important}
.btn.large{padding:7px 12px!important;font-size:13px!important}
input,textarea,select{
  border:1px solid #a9bfca!important;border-radius:1px!important;background:#fff!important;color:#20282d!important;padding:6px 7px!important;box-shadow:inset 0 1px 2px rgba(0,0,0,.04)!important;font-family:Arial,Helvetica,sans-serif!important;font-size:12px!important;
}
input:focus,textarea:focus,select:focus{outline:1px solid #4c94bb!important;border-color:#4c94bb!important;box-shadow:0 0 0 2px #d8edf8!important}
label{color:#405965!important;font-size:12px!important;margin:7px 0 3px!important}
textarea{min-height:85px!important}

/* Common social layouts */
.community-layout{grid-template-columns:180px minmax(0,1fr) 220px!important;gap:10px!important}
.left-column,.right-column,.profile-side{top:8px!important}
.profile-summary{text-align:left!important}
.profile-summary .avatar{margin:0 0 7px!important}
.avatar,.profile-photo,.avatar-img,.nav-profile-photo,.feed-profile-avatar,.feed-post-avatar{border-radius:1px!important}
.avatar{border-color:#a9bdc8!important;background:#eef5f8!important}
.profile-name{font-size:14px!important}
.side-menu{padding:0!important}
.side-menu a{padding:6px 8px!important;border-bottom:1px solid #dce7ec!important;color:#376d89!important;font-size:12px!important}
.side-menu a:hover{background:#edf6fa!important}
.composer{padding:8px!important}
.composer textarea{min-height:55px!important;border:1px solid #b4c8d2!important;padding:6px!important}
.composer-actions{padding-top:7px!important;border-top:0!important}
.stream-item{padding:10px!important}
.stream-head{gap:8px!important}
.stream-user>a,.stream-user>strong{font-size:13px!important}
.post-body{font-size:13px!important;line-height:1.45!important}
.stream-actions{border-top:1px solid #dbe5ea!important;padding-top:6px!important;gap:12px!important;font-size:11px!important}
.link-button{font-size:11px!important;color:#347093!important}
.feed-comments{background:#f6fafc!important;border-top:1px solid #d4e3ea!important}
.feed-comment-compose{background:#eef5f8!important}
.profile-shell{grid-template-columns:minmax(0,1fr) 220px!important;gap:10px!important}
.profile-header-card{grid-template-columns:92px minmax(0,1fr) auto!important;gap:12px!important;padding:12px!important}
.profile-avatar{width:92px!important;height:92px!important}
.profile-tabs{margin:10px 0!important;border-bottom:1px solid #91b5c8!important}
.profile-tabs a{padding:5px 9px!important;border-radius:1px 1px 0 0!important;background:#e6f0f5!important;border-color:#a9c3d0!important;color:#3d718d!important;font-size:11px!important}
.profile-tabs a.active{background:#fff!important;color:#222!important}
.detail-grid{border-radius:1px!important;border-color:#cbdce4!important}
.detail-grid>div{padding:7px 9px!important;border-color:#e0e9ed!important}
.guestbook-form{background:#f4f9fb!important;border-color:#cbdce4!important}

/* Messages / chat */
.chat-layout{grid-template-columns:230px minmax(0,1fr)!important;gap:10px!important}
.chat-contacts,.chat-window{border-radius:1px!important}
.chat-contact{padding:7px 8px!important;border-color:#dce7ec!important;font-size:12px!important}
.chat-contact:hover,.chat-contact.active{background:#e7f2f8!important}
.chat-head{padding:8px 10px!important;background:#eef6fa!important;border-color:#c8dae3!important}
.chat-messages{background:#f7fafc!important;padding:10px!important;gap:7px!important}
.chat-bubble{border-radius:2px!important;padding:7px 9px!important;box-shadow:none!important;border-color:#cbdce4!important;font-size:12px!important}
.chat-bubble.mine{background:#e0f0f8!important;border-color:#acd0e2!important}
.chat-compose{padding:8px!important;border-color:#c8dae3!important}

/* Search, groups, albums, gifts, settings, tables */
.search-grid,.form-grid{gap:9px!important}
table{width:100%;border-collapse:collapse!important;background:#fff!important;font-size:12px!important}
th{background:linear-gradient(#e5f1f7,#d2e6f0)!important;color:#345d72!important;border:1px solid #b7ceda!important;padding:5px 6px!important;text-align:left!important}
td{border:1px solid #d7e4ea!important;padding:5px 6px!important;color:#263238!important}
tr:nth-child(even) td{background:#f8fbfc!important}
.alert{border-radius:1px!important;padding:7px 9px!important;font-size:12px!important}
.alert.success{background:#eef8ef!important;border-color:#bad5be!important;color:#37613e!important}
.alert.error{background:#fff0ef!important;border-color:#dfb5b1!important;color:#8b332e!important}
.status-pill,.role-chip{border-radius:2px!important}

/* Live: keep video dark, frame controls in legacy modules */
.live-page,.live-directory,.live-room-page{font-family:Arial,Helvetica,sans-serif!important}
.live-card,.live-directory-card,.live-sidebar,.live-chat-panel,.live-info-panel{border-radius:1px!important;border:1px solid var(--wkw-line)!important;box-shadow:none!important}
.live-go-button,.live-action-button{border-radius:1px!important}
.live-video,.live-player,video{border-radius:1px!important}
.wrd-age16-dialog,.wrd-chat16-dialog,.wrd-call-popup,.wrd-video-dialog,.global-call-popup{border-radius:2px!important;border:1px solid #87aabd!important;box-shadow:0 4px 18px #0003!important}

/* --- Public landing: old portal-like two-column entry page --- */
.landing-classic-shell{background:#fff!important;border:1px solid #b9cfda!important;min-height:540px!important}
.landing-classic-grid{display:grid!important;grid-template-columns:minmax(0,1fr) 260px!important;gap:12px!important;padding:12px!important;align-items:start!important}
.landing-welcome{margin:0!important;min-height:320px!important}
.landing-welcome-body{display:block!important;padding:5px 4px 2px!important;position:relative!important;min-height:250px!important}
.landing-network-art{position:absolute!important;right:18px!important;bottom:14px!important;width:260px!important;height:150px!important;opacity:.94!important}
.landing-welcome-copy{max-width:480px!important;position:relative!important;z-index:2!important}
.landing-kicker{display:none!important}
.landing-welcome-copy h1{font-size:22px!important;font-weight:700!important;margin:10px 0 15px!important;color:#2a3237!important}
.landing-welcome-copy p{font-size:13px!important;max-width:470px!important;color:#4c5d66!important}
.landing-benefits{margin:14px 0 18px 19px!important;padding:0!important;line-height:1.7!important}
.landing-benefits li::marker{color:#4c91b8!important}
.landing-access-column{display:flex!important;flex-direction:column!important;gap:10px!important}
.landing-signin,.landing-register-box{margin:0!important}
.landing-register-box h2{font-size:15px!important;margin:3px 0 7px!important;color:#333!important}
.landing-register-box p{font-size:12px!important;margin:0 0 9px!important}
.landing-register-button{display:block!important;text-align:center!important;padding:7px 10px!important;font-size:13px!important}
.landing-presence-bar{margin:0 12px 10px!important;padding:6px 8px!important;border:1px solid #c0d4df!important;background:#eef6fa!important;font-size:11px!important}
.landing-directory{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:8px!important;padding:0 12px 10px!important}
.landing-directory-module{margin:0!important;min-height:170px!important}
.landing-directory-body{gap:7px!important}
.directory-icon{font-size:22px!important}
.landing-directory h2{font-size:13px!important;margin:0 0 3px!important;color:#2f657f!important}
.landing-directory p,.landing-directory li{font-size:11px!important}
.landing-function-index{margin:0 12px 10px!important}
.function-index-grid{grid-template-columns:repeat(4,1fr)!important;gap:0!important;border:1px solid #d4e2e8!important}
.function-index-grid a{padding:7px!important;border-right:1px solid #d4e2e8!important;border-bottom:1px solid #d4e2e8!important;background:#f8fbfc!important}
.function-index-grid b{font-size:11px!important;color:#376c88!important}.function-index-grid span{font-size:10px!important;color:#657984!important}
.landing-join{margin:0 12px 12px!important;padding:10px!important;border:1px solid #b9cfda!important;border-radius:1px!important;background:#eef6fa!important}
.landing-join h2{font-size:15px!important;color:#2f6078!important}

/* --- Legal and account pages --- */
.wrd-info-page{max-width:var(--wkw-page)!important;width:100%!important;margin:0 auto 15px!important;padding:12px!important;border-radius:1px!important;border-color:#b9cfda!important;box-shadow:none!important;font-size:12px!important}
.wrd-info-page h1{font-size:20px!important;text-align:left!important;border-bottom:1px solid #b6cfdb!important;padding-bottom:7px!important}
.wrd-info-page h2{font-size:14px!important;color:#316b89!important}
.auth-wrap{max-width:430px!important;margin:24px auto!important}.auth-card{padding:12px!important}

/* --- Admin: same visual language rather than a separate modern dashboard --- */
.cms-admin-shell{width:min(var(--wkw-page),calc(100% - 20px))!important;max-width:var(--wkw-page)!important;margin:10px auto 24px!important;min-height:650px!important;display:grid!important;grid-template-columns:190px minmax(0,1fr)!important;gap:10px!important;background:transparent!important}
.cms-admin-brand{background:linear-gradient(#8fc0da,#67a6c8)!important;color:#fff!important;border-bottom:1px solid #4e8eaf!important;padding:8px!important}
.cms-admin-brand *{color:#fff!important}
.cms-admin-nav{padding:5px!important}
.cms-admin-nav a{border-radius:1px!important;padding:6px 7px!important;margin:0!important;border-bottom:1px solid #e0e9ed!important;font-size:11px!important}
.cms-admin-nav a:hover,.cms-admin-nav a.active{background:#e5f1f7!important;color:#285d78!important;text-decoration:none!important}
.cms-admin-main{margin:0!important;min-width:0!important;background:#fff!important;border:1px solid var(--wkw-line)!important}
.cms-admin-top{min-height:0!important;padding:7px 9px!important;border-bottom:1px solid #8cb4c8!important;background:linear-gradient(#f9fcfd,#e9f3f7)!important;box-shadow:none!important}
.cms-admin-heading h1{font-size:18px!important;color:#2c5265!important}.cms-admin-heading-hint{font-size:10px!important;color:#6c7f89!important;margin:2px 0 0!important}
.cms-admin-content{padding:10px!important}.cms-admin-footer{padding:8px 10px!important;border-top:1px solid #d3e1e8!important;color:#71838c!important;font-size:10px!important;background:#f8fbfc!important}
.cms-admin-card,.cms-admin-panel,.admin-card,.admin-panel{border:1px solid var(--wkw-line)!important;border-radius:1px!important;box-shadow:none!important;background:#fff!important}
.cms-admin-stat,.admin-stat{border-radius:1px!important;box-shadow:none!important;border:1px solid #c6dae4!important;background:#f4f9fb!important}
.cms-admin-user img{border-radius:1px!important}

/* Footer */
.site-footer{background:#eef5f8!important;border-top:1px solid #b9cfda!important;color:#6b7f89!important;font-size:10px!important}
.footer-inner{width:min(var(--wkw-page),calc(100% - 20px))!important;max-width:var(--wkw-page)!important;margin:auto!important;padding:9px 5px!important;display:flex!important;justify-content:space-between!important;gap:12px!important}
.site-footer a{color:#54788b!important}

/* Keep accessibility / responsive behavior while retaining the classic density */
@media(max-width:900px){
  .wrd-header-shell,.header-inner,.wrd-nav-shell,.container,.member-container,.public-container,.wkw-public-container,.footer-inner,.cms-admin-shell{width:calc(100% - 12px)!important}
  .community-layout{grid-template-columns:160px minmax(0,1fr)!important}.right-column{grid-column:1/-1!important;position:static!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}
  .cms-admin-shell{grid-template-columns:1fr!important}
}
@media(max-width:700px){
  body{font-size:13px!important}.wrd-utility-bar{display:none!important}.header-inner{flex-wrap:wrap!important;min-height:58px!important}.header-search{order:3!important;max-width:none!important;flex-basis:100%!important}.wrd-nav-shell{overflow-x:auto!important}.main-nav,.wrd-account-nav{flex:0 0 auto!important}.wrd-account-nav{margin-left:8px!important}
  .community-layout,.profile-shell,.chat-layout,.landing-classic-grid{grid-template-columns:1fr!important}.left-column,.right-column,.profile-side{position:static!important}.right-column{display:block!important}.landing-network-art{display:none!important}.landing-welcome-copy{max-width:none!important}.landing-directory{grid-template-columns:1fr!important}.function-index-grid{grid-template-columns:1fr 1fr!important}.profile-header-card{grid-template-columns:72px 1fr!important}.profile-actions{grid-column:1/-1!important}.footer-inner{display:block!important;text-align:center!important}.footer-inner span{display:block!important;margin:3px 0!important}
}
@media(max-width:480px){.function-index-grid{grid-template-columns:1fr!important}.main-nav>a,.wrd-account-nav>a,.nav-link-button,.notification-bell{padding:5px 7px!important}.brand.wkw-brand{font-size:19px!important}.wrd-brand-copy strong{font-size:20px!important}}