/* ================================================================
   kontakt-styles.css  -  Kontakt & Anfahrt
   ================================================================
   VERSION: 1
   ABLAGEORT: /site/templates/styles/kontakt-styles.css
   ================================================================ */

/* ---------- Aktionskarten ---------- */
.kt-quick-wrap{padding:44px 0 0;}
.kt-quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;}
.kt-quick-card{
  display:flex;align-items:center;gap:16px;width:100%;text-align:left;
  background:var(--surface-alt);border:1px solid var(--line);border-radius:4px;
  padding:20px 22px;transition:all .3s var(--ease);cursor:pointer;
}
.kt-quick-card:hover{border-color:var(--accent-deep);transform:translateY(-3px);box-shadow:var(--shadow-2);}
.kt-quick-icon{
  flex:0 0 auto;width:44px;height:44px;border-radius:50%;
  background:var(--navy);color:var(--accent);
  display:flex;align-items:center;justify-content:center;
}
.kt-quick-icon svg{width:20px;height:20px;}
.kt-quick-txt{flex:1;min-width:0;}
.kt-quick-txt b{
  display:block;font-family:'Oswald',sans-serif;font-weight:600;
  text-transform:uppercase;font-size:15px;color:var(--text);
}
.kt-quick-txt span{display:block;font-size:13.5px;color:var(--text-muted);margin-top:2px;}
.kt-quick-pfeil{flex:0 0 auto;color:var(--accent-deep);font-size:18px;}

/* ---------- Zweispalter ---------- */
.kt-wrap{padding:50px 0 80px;}
.kt-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:48px;align-items:start;}
.kt-form-titel{
  font-family:'Oswald',sans-serif;font-weight:600;text-transform:uppercase;
  font-size:28px;margin:6px 0 26px;
}

/* ---------- Formular ---------- */
.kt-form{display:grid;grid-template-columns:1fr 1fr;gap:18px;}
.kt-field.full{grid-column:1 / -1;}
.kt-field label{display:block;font-size:14px;color:var(--text-muted);margin-bottom:7px;}
.kt-field .req{color:var(--accent-deep);}
.kt-field input[type="text"],.kt-field input[type="email"],.kt-field input[type="tel"],
.kt-field select,.kt-field textarea{
  width:100%;font-family:'Barlow',sans-serif;font-size:15px;color:var(--text);
  background:var(--surface);border:1px solid var(--line);border-radius:2px;
  padding:11px 13px;transition:border-color .3s var(--ease);
}
.kt-field select{appearance:auto;-webkit-appearance:auto;cursor:pointer;}
.kt-field textarea{resize:vertical;min-height:150px;}
.kt-field input:focus,.kt-field select:focus,.kt-field textarea:focus{outline:none;border-color:var(--accent-deep);}
.kt-checkbox{
  display:flex;align-items:flex-start;gap:10px;font-size:13.5px;
  color:var(--text-muted);line-height:1.55;cursor:pointer;
}
.kt-checkbox input{margin-top:3px;accent-color:var(--accent-deep);width:16px;height:16px;flex:0 0 auto;}

.kt-error{
  background:#FDEAEA;color:#B23B3B;border:1px solid #F0B8B8;border-radius:3px;
  padding:12px 16px;margin-bottom:14px;font-size:14px;
}
html.dark .kt-error{background:rgba(178,59,59,.15);border-color:rgba(178,59,59,.4);}

.kt-success{display:none;background:var(--navy);color:#fff;padding:34px;border-radius:3px;}
.kt-success.show{display:block;}
.kt-success h3{font-family:'Oswald',sans-serif;font-weight:600;text-transform:uppercase;font-size:20px;color:var(--accent);}
.kt-success p{font-size:15px;color:#D5D8DF;margin-top:10px;}

/* ---------- Info-Karte ---------- */
.kt-info{background:var(--surface-alt);border-radius:4px;padding:8px 26px;position:relative;}
.kt-row{display:flex;gap:16px;padding:20px 0;border-bottom:1px solid var(--line);}
.kt-icon{
  flex:0 0 auto;width:34px;height:34px;border-radius:50%;
  background:var(--navy);color:var(--accent);
  display:flex;align-items:center;justify-content:center;
}
.kt-icon svg{width:16px;height:16px;}
.kt-row h4{
  font-family:'Oswald',sans-serif;font-weight:600;text-transform:uppercase;
  font-size:13px;letter-spacing:.03em;margin-bottom:4px;
}
.kt-row span,.kt-row a{font-size:14.5px;color:var(--text-muted);line-height:1.6;}
.kt-row a:hover{color:var(--accent-deep);}
.kt-zeit{display:flex;justify-content:space-between;gap:12px;font-size:14px;color:var(--text-muted);padding:2px 0;}

.kt-social{display:flex;gap:8px;margin-top:4px;}
.kt-social a{
  width:34px;height:34px;border-radius:50%;border:1px solid var(--line);
  display:flex;align-items:center;justify-content:center;
  font-size:12px;font-weight:600;color:var(--text-muted);
  transition:all .25s var(--ease);
}
.kt-social a:hover{background:var(--navy);color:var(--accent);border-color:var(--navy);}

.kt-map{margin-top:18px;border-radius:4px;overflow:hidden;box-shadow:var(--shadow-1);}
.kt-map iframe{width:100%;height:260px;border:none;display:block;}

/* ---------- Einblenden ---------- */
.kt-quick-wrap .reveal,.kt-wrap .reveal{
  opacity:0;transform:translateY(24px);
  transition:opacity .8s var(--ease),transform .8s var(--ease);
}
.kt-quick-wrap .reveal.in,.kt-wrap .reveal.in{opacity:1;transform:translateY(0);}

@media(max-width:980px){
  .kt-quick-grid{grid-template-columns:1fr;}
  .kt-grid{grid-template-columns:1fr;gap:34px;}
  .kt-form{grid-template-columns:1fr;}
}