/*
Theme Name: Anselment Montageservice
Description: Dunkles Design passend zum Logo (Navy und Orange) für Anselment Montageservice.
Version: 1.0
Author: Anselment Montageservice
Text Domain: anselment
*/
:root{--bg:#12111F;--panel:#1B1A2D;--line:#2C2B45;--ink:#F2F1F7;--muted:#A9A8BD;--orange:#F38C01;color-scheme:dark}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--bg)}
body{margin:0;background:var(--bg);color:var(--ink);font:400 1.0625rem/1.65 "Montserrat",system-ui,-apple-system,"Segoe UI",sans-serif;padding-bottom:env(safe-area-inset-bottom,0px)}
a{color:var(--orange)}
img{max-width:100%;height:auto}
:focus-visible{outline:3px solid var(--orange);outline-offset:3px}
.wrap{max-width:1040px;margin:0 auto;padding:0 1.25rem}

/* Kopf */
.site-header .bar{max-width:1040px;margin:0 auto;padding:.75rem 1.25rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem 1rem}
.brand{display:flex;align-items:center;gap:.9rem}
.site-header img{display:block;width:96px;height:auto;flex-shrink:0;mix-blend-mode:lighten}
.site-title{display:block;line-height:0;text-decoration:none}
.site-title svg{display:block;width:clamp(150px,calc(100vw - 180px),240px);height:auto;overflow:visible;font-family:"Montserrat",system-ui,sans-serif}
.site-title .t1{font-size:21px;font-weight:300;fill:var(--ink)}
.site-title .t2{font-size:14px;font-weight:500;fill:var(--orange)}
.main-nav ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.4rem 1rem}
.main-nav a{color:var(--muted);text-decoration:none;font-size:.72rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase}
.main-nav a:hover,.main-nav .current-menu-item a,.main-nav .current_page_item a{color:var(--orange)}

/* Startseite */
.hero{padding:4rem 0 4.5rem;text-align:center}
.hex{width:30px;height:34px;margin:0 auto 1.5rem;background:var(--orange);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}
.hero h1{display:block;width:100%;max-width:none;margin:0 0 1.25rem;padding:0;text-align:center;text-wrap:balance;font-weight:300;font-size:clamp(2rem,9vw,3.4rem);line-height:1.15;letter-spacing:.03em}
.hero p{max-width:46ch;margin:0 auto 2rem;color:var(--muted)}
.btn,.wp-block-button__link{display:inline-block;background:var(--orange);color:#12111F!important;font:600 .9rem "Montserrat",sans-serif;letter-spacing:.16em;text-transform:uppercase;text-decoration:none;padding:1rem 1.8rem;border:0;border-radius:2px;cursor:pointer}
.btn:hover,.wp-block-button__link:hover{filter:brightness(1.08)}
section.block{padding:4rem 0;border-top:1px solid var(--line)}
h2{margin:0 0 2rem;font-weight:300;font-size:clamp(1.5rem,4vw,2rem);letter-spacing:.2em;text-transform:uppercase;color:var(--orange)}
.services{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.25rem}
.services article{background:var(--panel);border-left:3px solid var(--orange);padding:1.4rem 1.4rem 1.5rem}
.services h3{margin:0 0 .5rem;font-weight:500;font-size:1.05rem;letter-spacing:.06em}
.services p{margin:0;color:var(--muted);font-size:.97rem}
.grid{display:grid;gap:2.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
.grid p{color:var(--muted);max-width:38ch;margin:0}

/* Unterseiten */
.page{padding:3rem 0 4rem}
.page h1{margin:0 0 2rem;font-weight:300;font-size:clamp(1.8rem,6vw,2.8rem);letter-spacing:.08em;line-height:1.15}
.entry>*{max-width:720px}
.entry h2{margin:2.5rem 0 1rem}
.entry h3{font-weight:500;letter-spacing:.06em;margin:2rem 0 .5rem}
.entry li{margin:.3rem 0}

/* WPForms */
.wpforms-container label,.wpforms-container .wpforms-field-label{color:var(--muted)!important;font:500 .85rem "Montserrat",sans-serif!important;letter-spacing:.1em;text-transform:uppercase}
.wpforms-container input[type=text],.wpforms-container input[type=email],.wpforms-container input[type=tel],.wpforms-container textarea{background:var(--panel)!important;color:var(--ink)!important;border:1px solid var(--line)!important;border-radius:2px!important;font:400 1rem "Montserrat",sans-serif!important;max-width:100%!important;width:100%!important}
.wpforms-container input:focus,.wpforms-container textarea:focus{border-color:var(--orange)!important;box-shadow:none!important}
.wpforms-container .wpforms-submit{background:var(--orange)!important;color:#12111F!important;font:600 .9rem "Montserrat",sans-serif!important;letter-spacing:.16em;text-transform:uppercase;border:0!important;border-radius:2px!important;padding:1rem 1.8rem!important;height:auto!important}
.wpforms-container .wpforms-error{color:#FFB4A8!important}

/* Fuß */
.site-footer{border-top:1px solid var(--line);padding:1.5rem 0;color:var(--muted);font-size:.88rem}
.site-footer .wrap{display:flex;justify-content:space-between;flex-wrap:wrap;gap:.5rem}
.site-footer ul{list-style:none;margin:0;padding:0;display:flex;gap:1rem}
.site-footer a{color:var(--muted)}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}