:root {
    /* Farben */
    --color-blue: #0000A9;
    --color-green: #68b03e;
	  --color-green-accent: #78c24c;
    --color-white: #ffffff;
    --color-text: #777777;
    --color-border-light: #a9a9a9;
    --color-link: #333333;
    --color-link-hover: #777777;

    /* Typographie */
    --font-body: "Cabin", sans-serif;
    --font-heading: "Lato", sans-serif;

    --font-size-body: 1.2rem;

    --font-size-xxl: clamp(2rem, 4vw, 2.5rem);
    --font-size-xl: clamp(1.75rem, 3vw, 2rem);
    --font-size-l: clamp(1.5rem, 2.5vw, 1.7rem);
    --font-size-s: clamp(1.2rem, 2vw, 1.25rem);
    --font-size-xs: clamp(1.1rem, 1.5vw, 1.125rem);

    --font-size-h1: clamp(2rem, 4vw, 2.5rem);
    --font-size-h2: clamp(2rem, 4vw, 3rem);
    --font-size-h3: clamp(1.5rem, 2.5vw, 1.7rem);
    --font-size-h4: clamp(1.2rem, 2vw, 1.25rem);
    --font-size-h5: clamp(1.1rem, 1.5vw, 1.125rem);
    --font-size-h6: 1rem;

    --line-height-tight: 1.2;
    --line-height-normal: 1.5;
    --line-height-loose: 1.7;

    --text-align-left: left;
    --text-align-center: center;
    --text-align-right: right;

    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-bold: 700;

    /* Layout */
    --content-max-width: 960px;
    --content-full-width: 100%;
    --content-padding: 1rem;

    /* Abstände */
    --space-1: 0.5rem;
    --space-2: 1rem;
    --space-3: 1.5rem;
    --space-4: 2rem;
    --space-5: 3rem;
    --space-6: 4rem;
}

body {
  font-family: var(--font-body);
  font-size: var(--font-size-body);
  
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-heading);
}

h2 {
  color:  var(--color-green);
}

a {
  color: var(--color-link);
}

a:hover {
  color: var(--color-green);
}

.uk-button-default {
	background-color: var(--color-blue);
	color: var(--color-white);
	border: 1px solid var(--color-blue);
}

.uk-button-default:hover {
	background-color: #0000c2;
	color: var(--color-white);
	border-color: #0000c2;
}

/* Navbar */
.uk-navbar-nav > li:hover > a, .uk-navbar-nav > li > a[aria-expanded="true"] {
	color: var(--color-green);
}

/* Offcanvas Navbar */
.offcanvasnav {
    background-color: #fff;
    top: 65px;
    left: 0;
    width: 100%;
    position: fixed;
    display:none;
    z-index:1;
    padding: 5px 15px 15px 15px;
    box-shadow: 0 2px 8px rgba(0,0,0,.08);
}

.uk-offcanvas {
    top: 100px;
}

.uk-offcanvas-bar {
    color: #222;
    background: #fff;
}

.uk-offcanvas-bar .uk-nav-primary>li.uk-active>a {
    color: #222;
}

.uk-offcanvas-bar .uk-nav-primary>li>a {
    color: #222;
}

.team-img {
  border: 1px solid var(--color-border-light);
}

/* phone-sticky */
.phone-sticky {
  background-color: var(--color-green);
  color: var(--color-white);
  text-align: center;
  padding-bottom:1px  !important;
}

.phone-sticky a, .phone-sticky a:hover {
  color: var(--color-white);
}