/*
Theme Name: Bucher Visitenkarte
Description: Schlanke Visitenkarten-Website für die Metallbau Bucher AG auf Basis des Inserats. Neben Impressum und Datenschutz leiten alle übrigen Adressen auf die Startseite um.
Author: Webagentur Maik
Author URI: https://webagentur-maik.ch/
Version: 1.1.0
Requires PHP: 7.4
Text Domain: bucher-visitenkarte
*/
@font-face{font-family:"Share Tech Mono";src:url("assets/share-tech-mono.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
:root{--rot:#EF2D38;--grau:#706E6E;--u:min(calc(100vw / 371.3),calc(100vh / 274),3.4px);--u:min(calc(100vw / 371.3),calc(100svh / 274),3.4px)}
@media (max-aspect-ratio:1/1){:root{--u:min(calc(100vw / 225),3.4px)}}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:#fff}
body{display:flex;flex-direction:column;min-height:100vh;min-height:100svh;color:var(--grau);font-family:"Share Tech Mono",ui-monospace,Menlo,Consolas,monospace;font-size:calc(8.8 * var(--u));line-height:calc(13.5 * var(--u));-webkit-text-size-adjust:100%}
.foto{flex:1 1 calc(97 * var(--u));position:relative;min-height:calc(97 * var(--u));background:#000;overflow:hidden}
.foto img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:62% 50%;display:block}
.band{flex:none;height:calc(6.3 * var(--u));background:var(--rot)}
.logo{flex:none;display:block;width:calc(184.1 * var(--u));height:calc(41.95 * var(--u))}
.inhalt{flex:none;padding:calc(31 * var(--u)) calc(6 * var(--u)) calc(11 * var(--u)) calc(24 * var(--u))}
h1,p{margin:0;font:inherit}
.leistungen{white-space:nowrap;margin-bottom:calc(12 * var(--u))}
address{font-style:normal}
.dot{display:inline-block;width:calc(2 * var(--u));height:calc(2 * var(--u));margin:0 calc(4 * var(--u));background:var(--rot);vertical-align:.2em}
a{color:inherit;text-decoration:none}
a:hover{color:var(--rot)}
a:focus-visible{outline:2px solid var(--rot);outline-offset:2px}
.abschluss{flex:none;height:calc(6.3 * var(--u));margin-left:calc(23.8 * var(--u));background:var(--rot)}
@media (max-aspect-ratio:1/1){
  .zeile-tel,.zeile-mail{display:block}
  .kontakt .dot{display:none}
  .kontakt .adresse-dot{display:inline-block}
}
.fuss{flex:none;display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 24px;padding:calc(4 * var(--u)) 16px calc(4 * var(--u)) calc(24 * var(--u));font-size:clamp(12px,calc(4.6 * var(--u)),15px);line-height:1.3}
.fuss .dot{margin:0 .5em;width:3px;height:3px;vertical-align:.25em}
.fuss a[aria-current]{color:var(--rot)}
/* Unterseiten (Impressum, Datenschutz) */
.logo-link{display:block;width:max-content}
.text{flex:1 0 auto;max-width:calc(70ch + calc(24 * var(--u)));padding:calc(20 * var(--u)) 16px calc(16 * var(--u)) calc(24 * var(--u));font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.55;color:#4a4848}
.text h1{font-family:"Share Tech Mono",ui-monospace,Menlo,Consolas,monospace;font-size:clamp(24px,calc(11 * var(--u)),34px);line-height:1.2;color:var(--grau);margin:0 0 1em}
.text h2{font-size:1.05em;margin:1.8em 0 .3em;color:#333}
.text p{margin:0 0 1em}
.text strong{color:#333}
.text a{color:var(--rot)}
.text a:hover{text-decoration:underline}
.text .zurueck{margin-top:2em}