/* ===--- GENERAL ---=== */
body{font-family:arial,sans-serif;font-weight:normal;font-size:14px;background:#f4f4f4;color:#4A4A4A;line-height:1.7}
*{box-sizing:border-box;margin:0;padding:0}

ol, ul{display:none}
li{list-style:none}

a{color:#2a7a50;text-decoration:none}
a:hover, a:focus, a:active
{color:#5aaf80;text-decoration:underline}
a, a:hover, a:focus, a:active{transition:all 0.3s}

.lawHeadlineT{font-size:28px;margin-bottom:30px !important}
.lawHeadline2{font-size:16px;margin-bottom:10px;text-decoration:underline}
.lawContent{padding:25px 40px;line-height:150%;font-size:14px}
.lawContent p{margin:5px 0;padding:5px}
.lawContent ol, .contentR ul{padding-left:25px}

.abst20{height:20px}
.vk-sep15{width:100%;margin-bottom:15px}
.vk-sep25{width:100%;margin-bottom:25px}


/* ===--- FRAMEWORK ---=== */
.vk-outer{width:100%;min-height:400px;display:flex;align-items:center;justify-content:center;padding:0}

.vk{display:flex;flex-direction:row;width:100%;height:100%;background:#fff;overflow:hidden}

.vk-l{width:38%;flex-shrink:0;background:#0e2318}

.vk-r{flex:1;background:#fff;border-left:0.5px solid #cccccc}

@media(max-width:767px){
.vk-outer{align-items:flex-start;min-height:100vh}
.vk{flex-direction:column;width:100vw;min-height:100vh}
.vk-l{height:inherit;width:100%}
.vk-r{height:inherit;flex:1;border-left:none;border-top:0.5px solid #cccccc}
.dsn{display:none}
.vk-sep25{margin-bottom:8px}
}
@media(min-width:768px) and (max-width:1023px){
.vk-outer{align-items:stretch;padding:0}
.vk{width:100vw;height:100vh;overflow-y:auto}
.vk-l{height:100vh;min-height:100%}
.vk-r{height:100vh;min-height:100%}
}
@media(min-width:1024px){
.vk-outer{min-height:100vh;padding:2.5rem;align-items:center}
.vk{max-width:1200px;max-height:600px;height:600px;border-radius:14px;border:0.5px solid #cccccc}
.vk-l{height:inherit;border-radius:14px 0 0 14px}
.vk-r{height:inherit;border-radius:0 14px 14px 0}
}


/* ===--- LEFT SIDE ---=== */
.vk-l{display:flex;flex-direction:column;align-items:center;padding:1.75rem 1.25rem 1.25rem}

.vk-l-top{display:flex;flex-direction:column;align-items:center;width:100%}

.vk-avatar{width:150px;height:150px;border-radius:50%;background:#0e2318;border:2.5px solid #2a7a50;flex-shrink:0;margin-bottom:12px}

.vk-avatar-pic{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block;padding:8px}

h1.vk-name{font-size:24px;/*font-weight:700;*/color:#fff;text-align:center;line-height:1.3;margin-bottom:4px}

p.vk-role{font-size:12px;color:#5aaf80;text-align:center;letter-spacing:0.07em;text-transform:uppercase;margin-bottom:14px}

.vk-sep{width:100%;height:1px;background:#1a3d26;margin-bottom:15px;flex-shrink:0}

.vk-social{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-bottom:12px}

.vk-contact-l{width:100%;display:flex;flex-direction:column;margin-top:0;font-size:75%}

.vk-spacer{flex:1;min-height:12px}

.vk-l-bottom{width:100%;display:flex;flex-direction:column;align-items:center;gap:9px;padding-top:12px;border-top:0.5px solid #1a3d26;flex-shrink:0}

.vk-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}

.vk-btn-action{display:flex;align-items:center;gap:4px;background:transparent;border:1px solid #2a7a50;border-radius:16px;color:#6ecfa0;font-size:12px;padding:5px 10px;cursor:pointer;white-space:nowrap}
.vk-btn-action:hover{background:#2a7a50}

.vk-legal{display:flex;gap:10px;align-items:center}

.vk-legal button{font-size:11px;color:#2a7a50;background:none;border:none;cursor:pointer;letter-spacing:0.04em}
.vk-legal button:hover{color:#6ecfa0}
.vk-legal span{color:#2a7a50;font-size:10px}


/* ===--- RIGHT SIDE ---=== */
.vk-r{display:flex;flex-direction:column;padding:1.75rem 1.5rem;gap:1.25rem;overflow-y:auto}

@media(min-width:1024px){
.vk-r{justify-content:center}
}

.vk-section-label{font-size:10px;letter-spacing:0.1em;text-transform:uppercase;color:#2a7a50;font-weight:500;margin-bottom:7px}

.vk-about-text{border-left:2px solid #c0e8d4;padding-left:12px}

.vk-sep-h{height:1px;background:#c0e8d4;flex-shrink:0}

.vk-mid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}

@media(max-width:767px){
.vk-mid{grid-template-columns:1fr}
}

.vk-crow-r{display:flex;align-items:center;gap:8px;padding:5px 0;border-bottom:0.5px solid #f0f0f0}

.vk-crow-r:last-child{border-bottom:none}

.vk-link-pills{display:flex;flex-direction:column;gap:7px}

@media(max-width:767px){
.vk-link-pills{flex-direction:row;flex-wrap:wrap}
}

.vk-pill{display:flex;/*width:max-content;*/align-items:center;gap:6px;margin:4px 0;border:0.5px solid #ddd;border-radius:8px;padding:8px 12px;font-size:12px;color:#2a7a50;cursor:pointer;background:none;font-family:inherit;text-align:left}
.vk-pill:hover{border-color:#2a7a50;text-decoration:none}

.vk-pill a{color:inherit;text-decoration:none}
.vk-pill a:hover{color:inherit;text-decoration:none}

.vk-availability{background:#f5fbf8;border:0.5px solid #c0e8d4;border-radius:8px;padding:10px 14px;display:flex;align-items:center;gap:10px}

.vk-avail-dot{width:9px;height:9px;border-radius:50%;background:#2a7a50;flex-shrink:0}

.vk-avail-text{font-size:12px;color:#2a7a50;line-height:1.4}

.vk-srv-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.vk-srv-grid-1{grid-template-columns:1fr}
.vk-srv-grid-2{grid-template-columns:repeat(2,1fr)}
.vk-srv-grid-3{grid-template-columns:repeat(3,1fr)}
.vk-srv-grid-4{grid-template-columns:repeat(4,1fr)}

@media(max-width:1023px){
.vk-srv-grid{grid-template-columns:repeat(2,1fr)}
}

.vk-sbox{border:0.5px solid #e8e8e8;border-radius:10px;padding:14px 10px;text-align:center}
.vk-sbox:hover{border-color:#2a7a50}

.vk-sbox-t{font-size:14px;font-weight:500;margin-bottom:3px;color:#2a7a50}

.vk-sbox-d{font-size:11px;line-height:1.4}


/* ===--- PANEL ---=== */
.vc-panel{display:none}

.vc-panel.active,
.vc-panel:target{
display:flex;flex-direction:column;height:100%;width:100%}

@media (min-width:1024px){
.vc-panel:target{position:absolute;top:0;left:0;background:#fff;z-index:10;border-radius:14px}
}
@media (max-width:1023px){
.vc-panel:target{position:fixed;top:0;left:0;height:100vh;width:100vw;background:#fff;z-index:9999;overflow-y:auto}
}

#vc-imprint, #vc-privacy{overflow-y:auto;height:100%;}

.vc-panel-footer{position:sticky;background:#fff;bottom:0;padding:10px 0}

.vc-back-btn{position:sticky;top:0;background:#fff;padding:8px 25px 8px 0;z-index:1;margin-left:40px}

.vc-qr-content{flex:1;display:flex;align-items:center;justify-content:center}

.vk-legal a{text-decoration:none;letter-spacing:0.04em;cursor:pointer}
.vk-legal a:active, .vk-legal a:focus, .vk-legal a:hover{color:#fff;text-decoration:none}


/* ===--- SOCIALMEDIA ---=== */
.social-grid{max-width:400px;gap:4px}
.si-icon-wrap{border-radius:50%;width:32px;height:32px;color:#6ecfa0}
/*.iconX{color:#4A4A4A}*/


/* ===--- SOCIALMEDIA - HOVER ---=== */
.si-icon-wrap[data-network="facebook"]:hover{color:#1877F2;border-color:#1877F2}
.si-icon-wrap[data-network="x"]:hover{color:#555;border-color:#555}
.si-icon-wrap[data-network="youtube"]:hover{color:#FF0000;border-color:#FF0000}
.si-icon-wrap[data-network="instagram"]:hover{color:#E1306C;border-color:#E1306C}
.si-icon-wrap[data-network="pinterest"]:hover{color:#E60023;border-color:#E60023}
.si-icon-wrap[data-network="xing"]:hover{color:#006567;border-color:#006567}
.si-icon-wrap[data-network="linkedin"]:hover{color:#0A66C2;border-color:#0A66C2}
.si-icon-wrap[data-network="mastodon"]:hover{color:#6364FF;border-color:#6364FF}
.si-icon-wrap[data-network="tiktok"]:hover{color:#FF0050;border-color:#FF0050}
.si-icon-wrap[data-network="twitch"]:hover{color:#9146FF;border-color:#9146FF}
.si-icon-wrap[data-network="snapchat"]:hover{color:#FFFC00;border-color:#FFFC00}
.si-icon-wrap[data-network="discord"]:hover{color:#5865F2;border-color:#5865F2}
.si-icon-wrap[data-network="reddit"]:hover{color:#FF4500;border-color:#FF4500}
.si-icon-wrap[data-network="onlyfans"]:hover{color:#00AFF0;border-color:#00AFF0}
.si-icon-wrap[data-network="patreon"]:hover{color:#FF424D;border-color:#FF424D}
.si-icon-wrap[data-network="kofi"]:hover{color:#FF5E5B;border-color:#FF5E5B}
.si-icon-wrap[data-network="telegram"]:hover{color:#26A5E4;border-color:#26A5E4}
.si-icon-wrap[data-network="whatsapp"]:hover{color:#25D366;border-color:#25D366}
.si-icon-wrap[data-network="lm"]:hover{color:#0083b9;border-color:#0083b9}
.si-icon-wrap[data-network="lms"]:hover{color:#0083b9;border-color:#0083b9}


/* ===--- VISUALLY HIDDEN ---=== */
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}