/*
Theme Name: Hausarztzentrum
Description: WordPress Theme
Author: plue
Author URI: https://plue.tech
Version: 1.0.0
Text Domain: theme
*/

:root {
  --base-color-text: #371102;
  --base-color-accent: #83da5e;
  --base-color-light: #737373; /*#a6a6a6*/
  --base-color-background: #fcfefc;
  --base-color-background-highlight: #fff;

  --base-font-family: "Montserrat", "Open Sans", verdana, sans-serif;
  --base-line-height: 1.4;
  --base-font-size: clamp(14px, 1.5vw, 17px);
  --base-font-size-small: calc(0.75*var(--base-font-size));
  --base-font-size-large: clamp(24px, 2.4vw, 36px);

  --base-space: calc(1.25*var(--base-font-size));
  --base-offset: clamp(15px, 1.2vw, 25px);
  --base-content-width: 1105px;
  --base-content-width-wide: 1220px;
  --base-layout-width: 100%;

  --theme-color-border: #e7e7e7;
  --theme-header-height: clamp(80px, 8.5vw, 120px);
  --theme-offset-large: calc(4*var(--base-offset));
  --theme-headings-height: 1.35;
}

@media (max-width: 599px) {
  :root {
    --theme-header-height: 80px;
  }
}

a {
  transition: all 200ms ease-in-out;
}