/* Base */
    @font-face {
      font-family: 'ShareTech-Regular';
      src: url('../webfonts/ShareTech-Regular.ttf') format('truetype');
      font-weight: normal;
      font-style: normal;
      font-display: swap;
    }
    body, html { margin: 0; padding: 0; height: 100%; }

    /* Remove theme's top strip */
    #page-wrapper::before, #header::before { display: none !important; background: none !important; content: none !important; }
    #page-wrapper { padding-top: 0 !important; margin-top: 0 !important; background: none !important; }

    /* Header */
    #header {
      background: none !important; box-shadow: none !important; border: none !important;
      margin: 0 !important; padding: 1.5em 2em !important;
      position: absolute; top: 0; left: 0; width: 100%;
      display: flex; justify-content: space-between; align-items: center; z-index: 10;
    }
    #header h1 { margin: 0; }
    #header h1 img {
      height: 100px; width: auto; background: white; padding: 24px 28px;
      border-radius: 0 0 10px 10px; display: block; margin-left: 25px;
    }
    #nav ul { list-style: none; margin: 0; padding: 0; }
    #nav a { color: white !important; text-decoration: none; }

    /* Hero */
    .fullscreen-image {
      position: relative; width: 100%; height: 100vh;
      background: url('../../images/kontakt.jpg') no-repeat center center/cover;
      display: flex; flex-direction: column; justify-content: center; align-items: center;
      color: white; text-align: center;
    }
    .fullscreen-image h2 {
      background: rgba(0, 0, 0, 0.5);
      padding: 1em 2em; border-radius: 10px;
      font-size: 2em; line-height: 1.4; max-width: 80%; z-index: 5;
    }
    @media (max-width: 600px){
      .fullscreen-image h2{ font-size:1.25rem; }
    }

    /* Story formatting */
    :root { --accent:#F39C12; --text-dark:#222; --muted:#6b7280; }

    .story { padding: clamp(2rem, 5vw, 5rem) 1.5rem; background:#fff; color:var(--text-dark); }
    .story__inner { max-width:800px; margin:0 auto; display:grid; gap:2.5rem; grid-template-columns:0.4fr 0.7fr; align-items:flex-start; }
    @media (max-width: 900px){ .story__inner{ grid-template-columns:1fr; } }

    .story__headline {
      font-weight:600;
      letter-spacing:.02em;
      line-height:1.15;
      font-size:clamp(1.2rem,2.4vw,1.6rem);
      text-transform:uppercase;
      font-family:'ShareTech-Regular','Share Tech', sans-serif;
    }
    .story__bar { display:inline-block; height:6px; width:56px; background:var(--accent); border-radius:3px; margin:.35rem 0 1rem 0; }
    .story__em { font-weight:800; }
    .story__copy p {
      font-weight:400;
      letter-spacing:-0.5px;
      word-spacing:-1px;
      margin:0 0 1.25rem 0;
      font-size:clamp(1rem,1.0vw,1rem);
      line-height:1.7;
    }

    .contact__copy { align-self:flex-start; }

    /* Contact form styling */
    .contact__form { width: 100%; }
    .field { margin-bottom: 1rem; }
    .label { display: block; font-weight: 700; font-size: .95rem; margin-bottom: .35rem; }
    .input, .textarea {
      width: 100%; border: 1px solid #e5e7eb; border-radius: 6px;
      padding: .9rem .95rem; font: inherit; color: #111; background: #fff;
      transition: border-color .15s ease, box-shadow .15s ease;
    }
    .textarea { min-height: 180px; resize: vertical; }
    .input:focus, .textarea:focus { outline: none; border-color: var(--accent); box-shadow: 0 0 0 3px rgba(243,156,18,.15); }

    .input::-webkit-input-placeholder,
    .textarea::-webkit-input-placeholder {
      color: var(--muted) !important;
      opacity: 1;
    }
    .input:-moz-placeholder,
    .textarea:-moz-placeholder {
      color: var(--muted) !important;
      opacity: 1;
    }
    .input::-moz-placeholder,
    .textarea::-moz-placeholder {
      color: var(--muted) !important;
      opacity: 1;
    }
    .input:-ms-input-placeholder,
    .textarea:-ms-input-placeholder {
      color: var(--muted) !important;
      opacity: 1;
    }
    .input::placeholder,
    .textarea::placeholder {
      color: var(--muted) !important;
      opacity: 1;
    }

    /* Privacy checkbox */
    .privacy{
      display:grid;
      grid-template-columns:22px 1fr;
      align-items:flex-start;
      gap:.75rem;
      margin:1rem 0 1.25rem 0;
    }
    .privacy input[type="checkbox"]{
      appearance:auto;
      width:18px; height:18px;
      margin-top:.2rem;
    }
    .privacy label{ margin:0; }
    .privacy small{
      color:var(--muted);
      line-height:1.5;
      display:block;
      font-size:0.8rem;
    }

    /* CTA & Phone */
    .cta{
      display:grid;
      grid-template-columns:58px auto;
      align-items:center;
      gap:.75rem;
      min-height:58px;
      border:none; background:transparent; padding:0; font: inherit; color: inherit; cursor:pointer;
    }
    .cta__icon{
      width:26px; height:26px; color:var(--accent);
      display:grid; place-items:center;
    }
    .cta__text{ font-weight:800; font-size:1.05rem; letter-spacing:.06em; }

    .phone{
      display:grid;
      grid-template-columns:58px 1fr;
      align-items:center;
      column-gap:1rem;
      margin-top:2rem;
    }
    .phone__icon{ width:26px; height:26px; color:var(--accent); display:grid; place-items:center; }
    .phone__text{ display:flex; flex-direction:column; justify-content:center; }
    .phone__text h3{
      margin:0 0 .15rem 0; font-weight:700; text-transform:uppercase; letter-spacing:.02em;
      font-size: clamp(1.0rem, 2.0vw, 1.25rem); line-height:1.15;
    }
    .phone__text .number{
      margin:0; font-size:1.05rem; font-weight:800 !important; letter-spacing:0.06em;
      line-height:1.2; white-space:nowrap; word-break:keep-all;
    }

    /* Footer */
    .footer {
      background:#566879;
      color:#fff;
      padding:24px;
      position: relative;
    }
.footer-container {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 1.1fr auto; /* third column for SVG */
  column-gap: clamp(24px, 4vw, 80px);
  row-gap: 4px;
  align-items: start;
}
    .footer-nav ul { list-style:none; margin:0; padding:0; }
    .footer-nav li + li { margin-top:10px; }
    .footer-nav a {
      display:block; text-decoration:none; color:#fff; font-weight:800; line-height:1.05;
      letter-spacing:.02em; text-transform:uppercase; font-size:clamp(16px, 3vw, 26px);
    }
    .footer-nav .accent > a { color:#F39C12; }

    .footer-contact { max-width:520px; }
    .footer-contact p { margin:6px 0 0; color:rgba(255,255,255,.92); font-size:12px; }
    .footer-contact p strong { color:#fff; font-size:14px; }
    .footer-contact a { color:inherit; text-decoration:none !important; }
    .footer-contact a:hover { text-decoration:none !important; }

    .footer-nav li, .footer-nav a { border:0 !important; box-shadow:none !important; background-image:none !important; }
    .footer-nav li { border-top:0 !important; border-bottom:0 !important; padding:0; }
    .footer-nav li::before, .footer-nav li::after, .footer-nav a::after { content:none !important; display:none !important; }

    .footer-legal {
      margin-top:4px;
      font-size:11px;
      color:rgba(255,255,255,0.8);
      grid-column:1;
      grid-row:2;
    }
    .footer-legal a { color:rgba(255,255,255,0.8); text-decoration:none !important; border-bottom:none !important; }
    .footer-legal a:hover { text-decoration:none !important; border-bottom:none !important; }
    .footer-figure {
      position: absolute;
      top: -24px;
      right: -10px;
      margin: 0;
      width: 260px;        /* larger logo; adjust as desired */
      height: auto;        /* preserve aspect ratio */
    }

@media (max-width: 800px){
  .footer-container { grid-template-columns:1fr; text-align:center; }
  .footer { padding:40px 20px; }
  .footer-figure {
    position: static;
    width: 120px;
    max-width: 60%;
    height: auto;
    margin: 20px auto 0;
    display: block;
  }
}