/*
Theme Name: Automaklisch
Theme URI: https://test.automaklisch.de/
Author: Automaklisch UG (haftungsbeschränkt)
Description: Individuelles WordPress-Theme für test.automaklisch.de – Lead-Automatisierung für Immobilienmakler in Hamburg. Enthält Startseite mit ROI-Rechner, Terminbuchung (Cal.com mit Consent-Gate) und die Rechtsseiten.
Version: 1.3.4
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
License: Proprietär
Text Domain: automaklisch
*/

body { margin:0; font-family:'Inter Tight',sans-serif; background:#F4F4F4; color:#48423C; -webkit-font-smoothing:antialiased; }
body.am-home { background:#F9F8F6; }
body.am-page-terminbuchung { background:#1C1A17; }
img { max-width:100%; }
a { color:#B08542; text-decoration:underline; }
a:hover { color:#8a6630; }
body.am-home a, body.am-page-terminbuchung a { color:#D4AF7D; text-decoration:none; }
body.am-home a:hover, body.am-page-terminbuchung a:hover { color:#FFC266; }
:focus-visible { outline:2px solid #D4AF7D; outline-offset:2px; border-radius:3px; }
[data-r=footer] a:hover, [data-r=footbot] a:hover { color:#FFC266 !important; }

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance:none; margin:0; }
input[type=number] { -moz-appearance:textfield; }

.am-wf { transition:box-shadow 0.25s; }
.am-wf:hover { box-shadow:0 0 42px 0 rgba(212,175,125,0.35); }
.am-li:hover { color:#D4AF7D !important; border-color:#5c554c !important; }

[data-r=skip] { position:absolute; left:-9999px; top:8px; z-index:99; }
[data-r=skip]:focus { left:8px; }
[data-r=mobilenav] { display:none; }
[data-r=burger] { display:none; }
[data-r=stickycta] { display:none; }
[data-r=cal][data-on="false"] { display:none; }
[data-r=gate][data-on="true"] { display:none; }

@media (max-width:1240px) {
  [data-r=roihead] { grid-template-columns:1fr !important; }
  [data-r=roihead] > div:first-child { grid-column:span 1; }
  [data-r=roigrid] { grid-template-columns:1fr 1fr !important; }
  [data-r=roiout] { grid-column:span 2; display:grid !important; grid-template-columns:1fr 1fr; gap:14px; align-items:start; }
}
@media (max-width:1000px) {
  [data-r=pad] { padding-left:24px !important; padding-right:24px !important; }
  [data-r=grid4] { grid-template-columns:repeat(2,1fr) !important; }
  [data-r=grid2] { grid-template-columns:1fr !important; }
  [data-r=roigrid] { grid-template-columns:1fr !important; }
  [data-r=roiout] { grid-column:span 1; display:flex !important; }
  [data-r=footer] { grid-template-columns:1fr 1fr !important; gap:32px !important; }
  [data-r=navdesk], [data-r=headcta] { display:none !important; }
  body.am-home [data-r=burger] { display:flex !important; }
  [data-r=mobilenav][data-open="true"] { display:flex !important; }
  [data-r=roihead] { flex-direction:column !important; align-items:flex-start !important; }
  h1 { font-size:32px !important; }
  h2 { font-size:25px !important; }
  [data-r=herosec] { min-height:0 !important; }
  [data-r=heropad] { padding:48px 24px 56px 24px !important; }
}
@media (max-width:820px) {
  [data-r=pad] { padding-left:20px !important; padding-right:20px !important; }
  [data-r=main] { padding-top:44px !important; padding-bottom:52px !important; }
  body.am-page-terminbuchung h1 { font-size:26px !important; }
  body:not(.am-home) h1 { font-size:28px !important; }
}
@media (max-width:620px) {
  [data-r=grid4], [data-r=footer] { grid-template-columns:1fr !important; }
  [data-r=pad] { padding-left:18px !important; padding-right:18px !important; }
  [data-r=heropad] { padding:36px 18px 44px 18px !important; }
  body.am-home [data-r=stickycta] { display:flex !important; }
  [data-r=footbot] { flex-direction:column !important; gap:12px !important; text-align:center; }
  [data-r=herobtns] { flex-direction:column !important; }
  [data-r=herobtns] > a { justify-content:center; }
  [data-r=headcta] { font-size:13px !important; padding:11px 14px !important; }
  body.am-home { padding-bottom:72px; }
}

/* --- Weiches Scrollen (Anker) --- */
@media (prefers-reduced-motion: no-preference) {
  html { scroll-behavior:smooth; }
}
[id] { scroll-margin-top:24px; }
:target { scroll-margin-top:24px; }

/* --- Cookie-/Consent-Banner --- */
.am-cc { position:fixed; left:0; right:0; bottom:0; z-index:9999; padding:16px; box-sizing:border-box; display:flex; justify-content:center; }
.am-cc[hidden] { display:none; }
.am-cc__box { background:#1C1A17; color:#d8d1c5; border:1px solid #3d372f; border-radius:14px; box-shadow:0 12px 40px rgba(28,26,23,0.35); padding:22px 24px; max-width:820px; width:100%; box-sizing:border-box; font-family:'Inter Tight',sans-serif; font-size:13.5px; line-height:1.6; }
.am-cc__title { font-family:'Manrope',sans-serif; font-weight:800; color:#fff; font-size:17px; margin:0 0 10px 0; }
.am-cc__text { margin:0 0 16px 0; color:#b8b0a4; }
.am-cc__details[hidden] { display:none; }
.am-cc__details { border-top:1px solid #3d372f; border-bottom:1px solid #3d372f; padding:14px 0; margin:0 0 16px 0; display:flex; flex-direction:column; gap:12px; }
.am-cc__row { display:flex; align-items:flex-start; gap:10px; color:#b8b0a4; }
.am-cc__row input { margin-top:3px; accent-color:#D4AF7D; width:16px; height:16px; flex-shrink:0; }
.am-cc__row strong { color:#fff; font-weight:700; }
.am-cc__btns { display:flex; flex-wrap:wrap; gap:10px; }
.am-cc__btn { font-family:'Inter Tight',sans-serif; font-weight:700; font-size:14px; padding:12px 20px; border-radius:9px; border:1px solid transparent; cursor:pointer; min-width:170px; flex:0 1 auto; }
.am-cc__btn[hidden] { display:none; }
.am-cc__btn--accept { background:#FFC266; color:#1C1A17; }
.am-cc__btn--reject { background:#48423C; color:#F9F8F6; }
.am-cc__btn--save { background:#FFC266; color:#1C1A17; }
.am-cc__btn--ghost { background:transparent; color:#d8d1c5; border-color:#5c554c; min-width:0; }
.am-cc__btn:hover { filter:brightness(1.08); }
.am-cc__links { margin:14px 0 0 0; color:#8a8177; font-size:12.5px; }
.am-cc__links a { color:#D4AF7D; text-decoration:none; }
.am-cc__links a:hover { color:#FFC266; }
@media (max-width:620px) {
  .am-cc { padding:10px; }
  .am-cc__box { padding:18px 16px; }
  .am-cc__btn { min-width:0; width:100%; }
}