/* V35 – Kontakt */
.contact-page{background:#e5e2dc;color:#17191a}
.contact-page .site-header{
  color:#f5f3ef;
}
.contact-page .site-header nav a,
.contact-page .site-header .brand,
.contact-page .site-header .brand span{
  color:#f5f3ef;
}
.contact-page .site-header nav a:hover,
.contact-page .site-header nav a.active{
  color:#c5a96f;
}
.contact-page .site-header .brand-mark{
  filter:brightness(0) invert(1);
}
.contact-hero{
  height:430px;
  position:relative;
  overflow:hidden;
  background:url('assets/author-bg.jpg') center 48%/cover no-repeat;
}
.contact-hero::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(7,10,12,.72),rgba(7,10,12,.42) 55%,rgba(7,10,12,.62));
}
.contact-hero-copy{
  position:absolute;
  left:max(11.3vw,90px);
  bottom:78px;
  max-width:650px;
  z-index:2;
}
.contact-hero-copy .eyebrow{color:#c5a96f}
.contact-hero-copy h1{
  font-family:Georgia,"Times New Roman",serif;
  font-weight:400;
  color:#f5f3ef;
  font-size:54px;
  margin:0 0 12px;
}
.contact-hero-copy p{
  color:#dedbd6;
  font-size:16px;
  line-height:1.6;
  margin:0;
}
.contact-content{
  padding:88px max(8vw,70px) 105px;
  background:
    linear-gradient(rgba(229,226,220,.94),rgba(229,226,220,.96)),
    url('assets/author-bg.jpg') center/cover no-repeat;
}
.contact-grid{
  max-width:1220px;
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(0, .82fr) minmax(420px, 1.18fr);
  gap:80px;
  align-items:start;
}
.contact-copy{
  padding:25px 0;
}
.contact-copy h2{
  font-family:Georgia,"Times New Roman",serif;
  font-weight:400;
  font-size:42px;
  line-height:1.1;
  margin:0 0 25px;
}
.contact-copy>p{
  max-width:570px;
  color:#4a4b4b;
  line-height:1.8;
  font-size:15px;
}
.contact-detail{
  margin-top:34px;
  padding-top:20px;
  border-top:1px solid rgba(155,130,86,.28);
}
.contact-detail span{
  display:block;
  color:#9b8256;
  font-size:10px;
  letter-spacing:.14em;
  font-weight:600;
  margin-bottom:8px;
}
.contact-detail a{
  color:#252727;
  text-decoration:none;
  font-size:15px;
}
.contact-detail p{
  margin:0;
  color:#444647;
  font-size:14px;
}
.contact-form{
  padding:48px 50px;
  background:rgba(245,243,238,.82);
  border:1px solid rgba(155,130,86,.24);
  box-shadow:0 18px 50px rgba(15,18,18,.07);
}
.contact-form label{
  display:block;
  margin-bottom:22px;
}
.contact-form label>span{
  display:block;
  color:#746246;
  font-size:10px;
  letter-spacing:.13em;
  font-weight:600;
  margin-bottom:8px;
}
.contact-form input[type="text"],
.contact-form input[type="email"],
.contact-form textarea{
  width:100%;
  box-sizing:border-box;
  border:1px solid rgba(90,91,88,.35);
  background:rgba(255,255,255,.62);
  color:#222425;
  font-family:inherit;
  font-size:14px;
  padding:13px 14px;
  outline:none;
  border-radius:0;
}
.contact-form textarea{
  resize:vertical;
  min-height:170px;
}
.contact-form input:focus,
.contact-form textarea:focus{
  border-color:#9b8256;
}
.contact-form input::placeholder,
.contact-form textarea::placeholder{
  color:#8b8c88;
}
.contact-form .privacy-check{
  display:flex;
  gap:10px;
  align-items:flex-start;
}
.contact-form .privacy-check input{
  margin-top:2px;
  accent-color:#9b8256;
}
.contact-form .privacy-check span{
  margin:0;
  font-size:11px;
  letter-spacing:0;
  line-height:1.5;
  color:#666765;
  font-weight:400;
}
.contact-button{
  border:1px solid #9b8256;
  background:#111516;
  color:#c5a96f;
  padding:14px 21px;
  font-size:10px;
  letter-spacing:.11em;
  cursor:pointer;
}
.contact-button span{
  margin-left:9px;
  font-size:15px;
}
.form-note{
  font-size:10px;
  color:#777873;
  margin:16px 0 0;
  line-height:1.5;
}
.contact-bottom{
  min-height:220px;
  padding:55px max(8vw,70px);
  display:flex;
  align-items:center;
  background:url('assets/author-bg.jpg') center 66%/cover no-repeat;
  position:relative;
}
.contact-bottom::before{
  content:"";
  position:absolute;
  inset:0;
  background:rgba(7,10,12,.72);
}
.contact-bottom>div{
  position:relative;
  z-index:1;
  max-width:720px;
}
.contact-bottom h2{
  color:#f5f3ef;
  font-family:Georgia,"Times New Roman",serif;
  font-weight:400;
  font-size:34px;
  margin:0;
}
.contact-bottom p{
  color:#dedbd6;
  font-size:14px;
  margin:0;
}
@media(max-width:900px){
  .contact-grid{grid-template-columns:1fr;gap:45px}
  .contact-form{padding:40px 35px}
}
@media(max-width:650px){
  .contact-hero{height:390px}
  .contact-hero-copy{left:7vw;bottom:58px}
  .contact-hero-copy h1{font-size:40px}
  .contact-content{padding:60px 6vw 75px}
  .contact-copy h2{font-size:34px}
  .contact-form{padding:32px 24px}
  .contact-bottom{padding:50px 7vw}
  .contact-bottom h2{font-size:29px}
}