/*
Theme Name: Moin Cubano – Havana Edition
Theme URI: https://moincubano.de
Author: Marcus Laatz
Description: Individuelles Mobile-First WordPress-Theme für Moin Cubano.
Version: 0.4.0-alpha4
Requires at least: 6.4
Requires PHP: 8.0
Text Domain: moin-cubano
License: GNU General Public License v2 or later
*/

:root{
  --petrol:#0F4C5C;
  --cream:#F7F3EC;
  --gold:#C8A24B;
  --anthracite:#232323;
  --text:#2D2D2D;
  --white:#FFFFFF;
  --container:1280px;
  --radius:18px;
  --shadow:0 18px 50px rgba(0,0,0,.14);
  --transition:280ms ease;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--cream);color:var(--text);font-family:Arial,Helvetica,sans-serif;line-height:1.7}
body.menu-open{overflow:hidden}
img{max-width:100%;height:auto}
a{color:inherit}
.container{width:min(var(--container),92%);margin-inline:auto}
h1,h2,h3{margin:0 0 1rem;color:var(--anthracite);line-height:1.08}
h1{font-size:clamp(3rem,9vw,7rem)}
h2{font-size:clamp(2.1rem,5vw,4rem)}
p{margin:0 0 1.25rem}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:.85rem 1.5rem;border:2px solid transparent;border-radius:999px;text-decoration:none;font-weight:700;transition:transform var(--transition),background var(--transition),color var(--transition),border-color var(--transition)}
.btn:hover,.btn:focus-visible{transform:translateY(-2px)}
.btn-primary{background:var(--petrol);color:var(--white)}
.btn-primary:hover,.btn-primary:focus-visible{background:var(--gold);color:var(--anthracite)}
.btn-secondary{background:var(--cream);color:var(--petrol);border-color:var(--cream)}
.btn-secondary:hover,.btn-secondary:focus-visible{border-color:var(--gold);color:var(--gold)}
.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}