/* Shared visual language of bashkaran.ch: Helvetica, brand blue, white and dark footer. */
:root{--blue:#135872;--ink:#22333a;--muted:#5a6b73;--line:#dce5e9;--bg:#fff}
body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;background:#fff}
header{max-width:1228px;margin:auto;padding:20px 24px;border:0;min-height:80px}
.brand img{display:block;width:150px;height:auto}
.header-label{font-size:14px;color:var(--blue);text-align:right}
main{max-width:1000px;padding-top:38px}
h1{color:var(--blue);font-weight:600;letter-spacing:-.7px;font-size:clamp(30px,5vw,44px)}
h2,legend{color:var(--blue)}
.narrow{max-width:760px}
.card{border-radius:16px;border:1px solid var(--line);box-shadow:0 6px 24px #14384506;margin:30px 0;padding:28px}
fieldset{min-width:0;border:0;padding:0;margin:0}
fieldset.card{padding-top:18px}
legend{font-size:20px;font-weight:600;line-height:1.4;padding:0 6px;max-width:100%}
.choice{display:flex;align-items:flex-start;gap:12px;font-weight:400;margin:8px 0;padding:14px 16px;border:1px solid var(--line);border-radius:10px;cursor:pointer;transition:background .15s,border-color .15s}
.choice:hover{background:#f4f8fa}
.choice:has(input:checked){background:#eaf3f7;border-color:var(--blue)}
.choice input[type=radio],.choice input[type=checkbox]{width:20px;height:20px;padding:0;flex:0 0 20px;margin:3px 0;accent-color:var(--blue)}
button{border-radius:10px;font-family:inherit;font-size:16px;min-height:48px;padding:13px 24px}
button.primary{background:var(--blue)}
textarea{background:#fbfcfd;border-color:#cbd8df;border-radius:10px}
.check{display:block!important;font-size:14px;font-weight:400;line-height:1.7}
.check input{vertical-align:middle;margin-right:9px}
.check a{color:var(--blue)}
.eyebrow{font-size:13px;color:var(--blue);letter-spacing:1.3px}
.optional{border-top:3px solid var(--blue)}
footer{max-width:none;background:#143845;color:#fff;font-size:14px;padding:42px 24px;margin-top:32px}
.research-footer{max-width:1180px;margin:auto}
.research-footer img{width:170px;height:auto;filter:brightness(0) invert(1);margin-bottom:22px}
.research-footer p{margin:10px 0;color:#fff;line-height:1.6}
footer a{color:inherit;text-underline-offset:3px}
@media(max-width:600px){header{padding:20px;gap:20px}.header-label{max-width:120px;font-size:13px}.brand img{width:140px}main{padding-top:22px}.card{padding:20px;margin:26px 0}legend{font-size:19px}.choice{padding:12px}.actions button{flex:1}.research-footer img{width:150px}}

/* Footer layout shared with the main website. */
  footer {
    background: #143845;
    color: rgba(255, 255, 255, 0.7);
    text-align: left;
    padding: 40px 24px;
  }

  .footer-inner {
    max-width: 1180px;
    margin: 0 auto;
  }

  footer a {
    color: #ffffff;
    text-decoration: none;
  }

  footer a:hover {
    text-decoration: underline;
  }

  .footer-logo {
    height: 28px;
    width: auto;
    display: block;
    margin: 8px 0 32px;
    filter: brightness(0) invert(1);
  }

  .footer-label {
    font-size: 14px;
    margin: 0 0 4px;
  }

  .footer-info {
    font-size: 14px;
    margin: 0 0 16px;
  }

  .footer-meta {
    font-style: normal;
    font-size: 12px;
    color: rgba(255, 255, 255, 0.5);
    border-top: 1px solid rgba(255, 255, 255, 0.15);
    margin-top: 24px;
    padding-top: 16px;
    line-height: 2.2;
  }

  .footer-legal,
  .footer-copyright {
    margin: 8px 0 0;
    font-size: 12px;
    color: rgba(255, 255, 255, 0.5);
  }

  .footer-legal a {
    color: inherit;
    font-weight: inherit;
    text-decoration: underline;
    text-underline-offset: 3px;
  }
footer#kontakt{max-width:none;margin:0;line-height:normal}
html:has(.survey-page){background:#fff}
.survey-page{background:linear-gradient(#f3f7f8,#f3f7f8) 0 80px / 100% calc(100% - 80px) no-repeat #fff}
.survey-page>main{padding-top:64px}
.survey-page .survey-intro{margin-top:0;padding:32px}
.survey-page .survey-intro h1{font-size:clamp(24px,3.5vw,32px);font-weight:700;margin:0 0 16px}
.language-switch{display:flex;align-items:center;gap:8px;margin:0;font-size:14px;color:#135872}
.language-icon{display:block;flex:0 0 22px}
.language-switch select{width:auto;min-height:44px;padding:8px 30px 8px 12px;background:#fff;border:1px solid #dce5e9;border-radius:8px;color:#135872;font:inherit;cursor:pointer}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:600px){
 .survey-page .card.survey-intro{padding-top:36px}
 .survey-page .actions:has(button[type=submit]){flex-direction:column-reverse}
 .survey-page .actions:has(button[type=submit]) button{width:100%;flex:auto}
}
.survey-page .survey-intro p:last-child{margin-bottom:0}
.survey-page .survey-intro p.muted{font-size:13px;line-height:1.5;font-weight:400;color:#60747c}
.survey-page .survey-intro .welcome-note{margin-top:20px;color:#666}
@media(max-width:600px){.survey-page>main{padding-top:40px}.survey-page .survey-intro{padding:24px}}
.survey-page>header{position:sticky;top:0;z-index:100;background:#fff;display:block;max-width:none;min-height:0;padding:0;margin:0;border:0;box-shadow:none;line-height:normal}
.survey-nav{display:flex;align-items:center;justify-content:space-between;gap:32px;max-width:1228px;margin:0 auto;padding:20px 24px}
.survey-nav .brand img{display:block;width:150px;height:auto}
.survey-nav .language-switch select{height:37.37px;min-height:37.37px;padding-top:6px;padding-bottom:6px}
@media(max-width:900px){.survey-nav{gap:20px}.survey-nav .language-switch select{height:44px;min-height:44px}}
.survey-page .card{background:#fff;border:1px solid #e2ebee;box-shadow:0 10px 30px rgba(20,40,50,.08)}
.survey-page fieldset.card{position:relative;padding-top:26px}
.survey-page legend{float:left;width:100%;padding:0;margin-bottom:16px}
.survey-page legend+*{clear:both}
.survey-page .choice{background:#f8fafb}
.survey-page .choice:hover{background:#eef4f6}
.survey-page .choice:has(input:checked){background:#e5f0f5;border-color:#135872}
.survey-page .eyebrow{display:inline-block;background:#e3eef2;padding:8px 14px;border-radius:8px;margin-top:12px}
.survey-page .check{background:#e8f1f4;border:1px solid #d4e3e9;padding:18px;border-radius:12px}
.survey-page #survey>.actions+.muted{margin-top:24px}
.survey-page.survey-welcome>main{position:relative;isolation:isolate;overflow:clip;max-width:none;width:100%;padding:80px 24px;min-height:calc(100svh - 84px);display:flex;align-items:center;justify-content:center;background:#d4cdc3}
.survey-page.survey-welcome>main::before{content:'';position:absolute;inset:-6%;z-index:-1;pointer-events:none;background:linear-gradient(rgba(20,40,50,.12),rgba(20,40,50,.12)),url('/assets/research-welcome-living.jpg') center/cover no-repeat;background-attachment:scroll}
.survey-welcome #app{width:100%;min-width:0}
.reason-group{border:0;padding:0;margin:28px 0;min-width:0}
.reason-group legend,.reason-other-title{font-size:23px;font-weight:700;line-height:1.35;color:var(--blue)}
.reason-card .reason-group:first-child{margin-top:0}
.reason-card .reason-group:last-child{margin-bottom:0}
@media(max-width:600px){.reason-group legend,.reason-other-title{font-size:21px}}
.survey-welcome .survey-intro{margin:0;background:#fff;border:0;box-shadow:0 16px 48px rgba(20,40,50,.18)}
@media(max-width:600px){.survey-page.survey-welcome>main{padding:48px 20px}.survey-page.survey-welcome>main::before{background-position:42% center}.survey-welcome #start-survey{width:100%}}